Hey Benj

[alley]

How did you get the menu & the shoutbox to display on the left side of this proboard forum? ...I'm curious as I would like to do this on some of my proboards.

[Benji Duncan]

I got the code from proboards.com

<style type="text/css">
<!--
.windowbg2 {background-image: url(); background-repeat: repeat;}
-->
</style>



<script type="text/javascript">
<!--
document.getElementsByTagName('font').item(1).style.display="none";
//-->
</script>
<table align=left></td>
<td width="80%" align="left" vAlign="top">
<table><tr><td><table width="100%" cellpadding="0" cellspacing="1" align="center">
<tr>
<td width="15%" vAlign="top" align="center">
<br />
<br />
<table class="bordercolor" width="100%" cellpadding="4" cellspacing="1">
<tr>
<td class="titlebg" align="center" width="100%">
<font size=2>Menu</font>
</td>
</tr>
<tr>

<td class="catbg" align="left" width="100%">
<font size=2><center><b>FORUM MENU</b></center></td></tr>
<td class="windowbg"><a href="http://northernmich.proboards47.com/index.cgi"><b>Forum Home</a></b><br>
   <a href="http://northernmich.proboards47.com/index.cgi?board=general">Bulletin Board</a><br>
   <a href="http://northernmich.proboards47.com/index.cgi?board=eventsgroups">Northern Michigan</a><br>
   <a href="http://northernmich.proboards47.com/index.cgi?board=creativity">Creativity</a><br>
   <a href="http://northernmich.proboards47.com/index.cgi?board=journal">Life</a><br>
<a href="http://northernmich.proboards47.com/index.cgi#general"><b>Debate Boards</a></b><br>
   <a href="http://northernmich.proboards47.com/index.cgi?board=entertainment">Entertainment</a><br>
   <a href="http://northernmich.proboards47.com/index.cgi?board=society">Social Issues</a><br>
   <a href="http://northernmich.proboards47.com/index.cgi?board=politics">Politics</a><br>
   <a href="http://northernmich.proboards47.com/index.cgi?board=fightclub">Fight Club</a><br>
<a href="http://northernmich.proboards47.com/index.cgi?action=viewprofile"><b>Profile</b></a><br>
<a href="http://northernmich.proboards47.com/index.cgi?action=search"><b>Search</a></b><br>
<a href="http://northernmich.proboards47.com/index.cgi?action=members"><b>Members</a></b><br>
<a href="http://northernmich.proboards47.com/index.cgi?action=pmsend&to=admin"><b>Contact Admin</a></b><br>

</td>
</tr>
<tr>

<td class="catbg" align="left" width="100%">
<font size=2><center><b>SHOUTBOX</b></center></td></tr>
<tr>
<td class="windowbg2" align="left">
<font size=2><iframe src="http://128805.shoutboxes.com/" width="150" height="300" frameborder="0" allowTransparency="true"></iframe>


</font>
</td>
</tr>
<tr><td class="catbg" align="left" width="100%">
<font size=2><center><b>SITE MENU</b></center></td></tr>

<td class="windowbg">
<b><a href="http://northernmichiganfun.com">Home Page</a><BR>
<a href="http://northernmichiganfun.com/news.html">News</a><BR>
<a href="http://northernmichiganfun.com/petoskeyband.html">Music</a><BR></b>
   <a href="http://northernmichiganfun.com/GENE.HTML">Gene Perry</a><br>
<b><a href="http://northernmichiganfun.com/funhouse.html">Funhouse</a><BR></b>
   <a href="http://northernmichiganfun.com/unamericancomics.html">Unamerican Comics</a><br>
   <a href="http://northernmichiganfun.com/filmclub.html">Film Club</a><br>
<b><a href="http://northernmichiganfun.com/blwl.html">B.L.W.L.</a><br>
<a href="http://northernmichiganfun.com/gb.html">Dating Service</a><BR>
<a href="http://northernmich.proboards47.com">Message Board</a><br>
<a href="http://northernmichiganfun.com/store.html">Merchandise</a><BR>
<a href="http://northernmichiganfun.com/chessleague.html">Chess League</a><BR>
<a href="http://northernmichiganfun.com/yellowpage.html">Yellow Page</a><BR></font></b>
</td>
</tr>
</table>
</td></td><td width="1500" align="center" vAlign="top"></font>


Goes in your global headers. There are lots of good customizing codes at proboards.com if you want to look for them.

The shoutbox I use is from shoutboxes.com

Where's your forum Alley? I'd like to see it.

[alley]

Thanks bro!
michiganbands.proboards34.com

[Gingy]

no way no how i could write a webpage!

[Benji Duncan]

Yeah, it gets pretty frustrating for pretty much everyone. Like look at the main page of this website. The calendar is off to the right and I want it underneath and I can't figure out what I did wrong.

[Gingy]

pretty good that you an even get anything on any web page with all those brackets and equal signs...well i think i could learn it but i doubt i would like it. i like some logic. to me that doesn't look logical but more like alien writings.

i mite change my mind if i did understand it tho.

[Benji Duncan]

html is very logical gingy, it's just annoying. I could explain the whole thing to you in a few minutes.

basically if I want something to show up from top to bottom I just list it.

1
2
3

If I want something to show up in the center I just use center tags.

<center>1
2
3</center>

1
2
3

but If I want something to show up from left to right, or on in some sort of other pattern on the screen I have to use tables.

<table></table> specifies the table.
<td></td> means table data. each thing inside the <td></td> brackets is one piece of something I want isolated.
<tr> </tr> means table row. Table rows are the pieces of table data that are aligned from left to right. The end of a table row is basically the same thing as hitting "enter" when you type something.

so if I want to do this, which looks like a really simple thing...

1	2	3
a	b	c

I have to write all of this...

<table align=center><tr><td>1</td><td>2</td><td>3</td><tr><tr><td>a</td><td>b</td><td>c</td></tr></table>

Now let's say I want what is "1" in the example above to be another list of things that appear from top to bottom or in the center of the screen, or worse, a table. then I have to write a table inside a table.

<table><td><table><td>tableinsidetable<td></table></td>
<td>2</td></td></table>

All the other tags you see are simple to explain and use. But most web design and frusteration is out of the use of table tags. Just realize that whenever you look at a web page you are seeing things arranged in boxes and those boxes are tables inside other tables inside tables.

Here's what the banner for this site looks like with the button menu and everything. <a href= is a link. <img src= is an image. <align= specifies if something is on the right, the middle, or the left. <valign=specifies if it is in the middle, the top, or the bottom. <br> is also like hitting "enter" and all the colors on the screen have six digit codes like "000000" is black and "ffffff" is white and "907745" is that light wooden brown color you see around the menu up there. If you look at the image links you can sort of see how it is arranged...

<br>
<span id="pagedropmenu" class="nav" style="display: none;" onmouseout="hidePageSpan(event,0);" onmouseover="window.clearTimeout(removePageSpan);"></span>
<script type="text/javascript">
<!--
document.getElementsByTagName("td").item(5).align="center";
//-->
</script>

<center>

<table align="center" bgcolor="#907745" border="0" cellpadding="0" cellspacing="0" width="95%"><tbody><tr><td align="right" valign="middle"><img src="http://i6.photobucket.com/albums/y240/Benji_Duncan/nmsidebar.jpg" height="186" width="25"></td><td><table border="0"><tbody><tr><td border="0"><img src="http://i6.photobucket.com/albums/y240/Benji_Duncan/nmbar2-1.jpg" height="25" width="100%"></td></tr><tr><td><table bgcolor="#ffffff" border="0"><tbody><tr><td><font size="2"><table><tbody><tr><td>         <img src="http://i6.photobucket.com/albums/y240/Benji_Duncan/fun2-1.jpg" alt="NorthernMichiganFun.com"> </td>

<td align="right"><table valign="top" align="center">
<tbody><tr> <td align="center"> </td></tr>

</tbody></table></td></tr></tbody></table>
</font></td></tr><tr><td><table bgcolor="#ffffff" width="95%"><tbody><tr bgcolor="#ffffff">

<td><a href="http://northernmichiganfun.com" onmouseover="image1.src='http://i6.photobucket.com/albums/y240/Benji_Duncan/HOMEBUTTON-2.jpg';" onmouseout="image1.src='http://i6.photobucket.com/albums/y240/Benji_Duncan/HOME.gif';">
<img name="image1" src="http://i6.photobucket.com/albums/y240/Benji_Duncan/HOME.gif" border="0"></a></td>

<td><a href="http://northernmichiganfun.com/petoskeyband.html" onmouseover="image3.src='http://i6.photobucket.com/albums/y240/Benji_Duncan/bandsu.gif';" onmouseout="image3.src='http://i6.photobucket.com/albums/y240/Benji_Duncan/BANDS.gif';">
<img name="image3" src="http://i6.photobucket.com/albums/y240/Benji_Duncan/BANDS.gif" border="0"></a></td>

<td><a href="http://northernmichiganfun.com/funhouse.html" onmouseover="image4.src='http://i6.photobucket.com/albums/y240/Benji_Duncan/funhouseu.gif';" onmouseout="image4.src='http://i6.photobucket.com/albums/y240/Benji_Duncan/FUNHOUSE.gif';">
<img name="image4" src="http://i6.photobucket.com/albums/y240/Benji_Duncan/FUNHOUSE.gif" border="0"></a></td>

<td><a href="http://northernmichiganfun.com/blwl.html" onmouseover="image5.src='http://i6.photobucket.com/albums/y240/Benji_Duncan/blwlu.gif';" onmouseout="image5.src='http://i6.photobucket.com/albums/y240/Benji_Duncan/BLWL.gif';">
<img name="image5" src="http://i6.photobucket.com/albums/y240/Benji_Duncan/BLWL.gif" border="0"></a></td>

<td><a href="http://northernmichiganfun.com/gb.html" onmouseover="image6.src='http://i6.photobucket.com/albums/y240/Benji_Duncan/datingu-1.gif';" onmouseout="image6.src='http://i6.photobucket.com/albums/y240/Benji_Duncan/DATING-1.gif';">
<img name="image6" src="http://i6.photobucket.com/albums/y240/Benji_Duncan/DATING-1.gif" border="0"></a></td>

<td><a href="http://northernmich.proboards47.com/index.cgi?board=enter" onmouseover="image7.src='http://i6.photobucket.com/albums/y240/Benji_Duncan/forumu.gif';" onmouseout="image7.src='http://i6.photobucket.com/albums/y240/Benji_Duncan/FORUM.gif';">
<img name="image7" src="http://i6.photobucket.com/albums/y240/Benji_Duncan/FORUM.gif" border="0"></a></td>

<td><a href="http://northernmichiganfun.com/store.html" onmouseover="image8.src='http://i6.photobucket.com/albums/y240/Benji_Duncan/storeu.gif';" onmouseout="image8.src='http://i6.photobucket.com/albums/y240/Benji_Duncan/STORE.gif';">
<img name="image8" src="http://i6.photobucket.com/albums/y240/Benji_Duncan/STORE.gif" border="0"></a></td>


<td><a href="http://northernmichiganfun.com/yellowpage.html" onmouseover="image10.src='http://i6.photobucket.com/albums/y240/Benji_Duncan/yellowu.gif';" onmouseout="image10.src='http://i6.photobucket.com/albums/y240/Benji_Duncan/LINKS.gif';">
<img name="image10" src="http://i6.photobucket.com/albums/y240/Benji_Duncan/LINKS.gif" border="0"></a></td></tr>
</tbody></table></td>
</tr></tbody></table></td></tr>

<tr><td><img src="http://i6.photobucket.com/albums/y240/Benji_Duncan/nmbar2-1.jpg" height="25" width="100%"></td></tr></tbody></table></td><td><img src="http://i6.photobucket.com/albums/y240/Benji_Duncan/nmsidebar.jpg" valign="middle" align="left" height="186" width="25"></td></tr></tbody></table>

[Gingy]

no it is not so easy. i took a look at this and i had to stop mid post. too much for me!

it would give me computer rage as my Mom says about the cryptic crosswords i like to do. (puzzle rage)