Support Forums / Tips & tricks / Archives / 10-04-2006 / Side bar

Topic: Side bar
February 15th, 2006 09:07 PM
fin24000 OK so I have seen a side bar on some exco where you can put a say box and stuff... so whats the code for that?
February 15th, 2006 09:22 PM
Anti Paul
Quote:
fin24000 wrote:
OK so I have seen a side bar on some exco where you can put a say box and stuff... so whats the code for that?


maybe this will help? :)

http://excoboard.com/exco/thread.php?forumid=66990&threadid=277670
February 15th, 2006 09:42 PM
fin24000 I did try that but I did not like how it looks, This is more what I was thinking of: http://s2.excoboard.com/exco/index.php?boardid=17965
February 17th, 2006 08:56 AM
Anti Paul one member named Candace Dixon, had an Excoboard that she called Constant Comment. it was the first one that I'd ever seen with a sidebar. she did post the code for it here at Excoboard Support. you'll need to perform a search (maybe even look through the Forum Archives)

but I know the information you are seeking IS indeed here somewhere. good luck, and be sure to re-post a link to that thread when you find it (please)
February 17th, 2006 10:31 AM
Catchow her user name is sudsy bubblebath or something like that. I searched for that thread a while back and never did find it.
February 17th, 2006 10:39 AM
fin24000 WellI went and looked in the Support Forum and Tips & tricks Archives and did not see it but thanks.

Aaron.
February 17th, 2006 11:47 AM
Anti Paul
Quote:
Catchow wrote:
her user name is sudsy bubblebath or something like that. I searched for that thread a while back and never did find it.


http://excoboard.com/forums/2/36442/Archives/07%2D25%2D2005/198382-1.html
February 17th, 2006 12:27 PM
Catchow How do you do it Paul? I looked for days for that thread.
February 17th, 2006 12:54 PM
Anti Paul
Quote:
Catchow wrote:
How do you do it Paul? I looked for days for that thread.


Ancient
Chinese
Secret!!
:D
February 18th, 2006 06:56 PM
fin24000 Thanks so much... It will take a while to make it fit my site but thats ok :).
February 18th, 2006 07:13 PM
Anti Paul
Quote:
fin24000 wrote:
Thanks so much... It will take a while to make it fit my site but thats ok :).


you are welcome Fin24000 :cool:
February 23rd, 2006 10:40 PM
KsTornado11 I see you got your sidebar... looks great Fin!!!
February 23rd, 2006 11:23 PM
fin24000 yeah it changed all the colors and other stuff... so I will post the code that dose not mess with it when I get done :)
February 24th, 2006 12:29 AM
Purplescraps cool!
February 26th, 2006 11:24 AM
Thermohaline I have kind of a side panel that i designed for mine. http://s2.excoboard.com/exco/index.php?boardid=17432
February 26th, 2006 01:40 PM
BluAngelGrrl
Quote:
Thermohaline wrote:
I have kind of a side panel that i designed for mine. http://s2.excoboard.com/exco/index.php?boardid=17432


I like your side panel. It would fit well on my boards, as I don't use the Moderator Section anymore. Would you consider allowing others to use it--modifying it to their boards of course, but giving you © to it.

Yours is the first side panel I'd consider. The others are too large, and I personally can't stand constant side scrolling. With yours, those not using the Mod Panel, shouldn't have to side-scroll at all. That's what I like most about yours.
February 26th, 2006 05:29 PM
KsTornado11 Um... yeah. Side scrolling is no fun... :p
March 3rd, 2006 03:11 PM
Mitch You can edit that anyway you want. :D Thats just a side-bar that you HAVE to edit!
March 3rd, 2006 07:21 PM
BluAngelGrrl Thanks Mitch. Gonna Copy and Edit very shortly........
March 5th, 2006 02:38 PM
fin24000 Hey.
This is what I have so far:

<style>
<!--

body {
background-image: url(http://i30.photobucket.com/albums/c320/fin24000/skins/metal012.jpg);
font-family: verdana, sans-serif;
font-size: 12px;
text-align: center;
}

td {
font-family: verdana, sans-serif;
font-size: 12px;
}

.outer { padding: 4px}

.header {
border: 1px solid #000000;
background-image: url(http://i30.photobucket.com/albums/c320/fin24000/skins/metal012.jpg);
margin-bottom: 10px;
padding: 4px;
font-weight: bold;
font-family: verdana, sans-serif;
font-size: 12px;
background-image: url(http://i30.photobucket.com/albums/c320/fin24000/skins/metal012.jpg);
width: 100%;
color:#333399;
}

/* The sidebar div contains a table with .holder class and a td cell with .sidebar class */

#sidebar {
width: 150px;
padding: 0px;
}

#sidebar .holder {width: 150px;}

.sidebar {
border: 1px solid #000000;
padding: 6px;
font-size: 12px;
text-align:center;
background-color: #804020;
}

.sidebarlinks {
padding: 0px;
font-size: 12px;
text-align:center;
background-image: url(http://i30.photobucket.com/albums/c320/fin24000/skins/metal012.jpg);

.sidebartitle {
border: 1px #000000 solid;
padding: 4px;
font-size: 12px;
font-weight: bold;
text-align: center;
background-image: url(http://i30.photobucket.com/albums/c320/fin24000/Banners/coffeebrownbar.jpg);
}

.sidebarsubhead {
border: 1px #000000 solid;
border-bottom: 0px;
background-image: url(http://i30.photobucket.com/albums/c320/fin24000/skins/metal012.jpg);

font-color: white;
text-align: center;
background-image: url(http://i30.photobucket.com/albums/c320/fin24000/Banners/coffeebrownbar.jpg);
}


.spacer {height: 10px}

#forum {
padding: 0px;
padding-left: 10px;
}

#forum .holder { width:90%;}

.forum {
padding: 0px;
border: 1px solid #000000;
background-image: url(http://i30.photobucket.com/albums/c320/fin24000/skins/metal012.jpg);
}


.forumtitle {
border: 1px #000000 solid;
font-weight: bold;
text-align: center;
width: 80%;
background-image: url(http://i30.photobucket.com/albums/c320/fin24000/Banners/coffeebrownbar.jpg);
}


hr { height: 1px; width: 100%; color: #000000; border:0px}



a.nav {
height: 20px;
width: 100%;
padding: 4px;
margin-bottom: 1px;
background-color: #804020;
border: 1px #ffffff solid;
background-image: url(http://i30.photobucket.com/albums/c320/fin24000/skins/metal012.jpg);








-->
</style>




<table width="100%" border="0" cellspacing="0" cellpadding="0" id="outer">

<!-- end of section b and editable area --> <!-- section c (sidebar td) - do not edit -->
<tr>
<td id="sidebar" valign="top" align="right" width="150">


<table class="holder" cellpadding="0" cellspacing="0" width="100">

<tr>
<td class="sidebarsubhead" valign="top" align="center"><font color=#663300>Hello</td>
</tr>

<tr>
<td class="sidebar" valign="top" align="left">
<img src="http://i30.photobucket.com/albums/c320/fin24000/smiliegenerator_test13.png">
Homeschool Christian Teens Forum is a safe,entertaining forum for Homeschoolers (and past Homeschoolers), Christians, and Teens. So if you fall into one (or more) of those groups, then pull up a seat and stay awhile!
</td>
</tr>

<tr>
<td class="spacer">
</td>
</tr>

<tr>
<td class="sidebarsubhead" valign="top" align="center"><font color=#663300>Shouts</td>
</tr>

<tr>
<td class="sidebar" valign="top" align="left">
<script type="text/javascript" src="http://saybox2.co.uk/output.php?user=fin24000"></script>
</td>
</tr>
<tr>
<td class="spacer"></td>
</tr>



<tr>
<td class="spacer"></td>
</tr>




<tr>
<td class="sidebarsubhead" align="center" valign="top"><font color=#663300>Affiliates</td>
</tr>

<tr>
<td class="sidebar" align="center" valign="top"><br><IEownload ID="marqueedata" STYLE="behavior:url(#default#download)" />
<marquee id="externalmarquee" direction=up scrollAmount=1 style="width:125px;height:110px;border:0px solid black;padding:3px" onMouseover="this.scrollAmount=0" onMouseout="this.scrollAmount=2" src="update.htm"><center>
<font color=white><br>


<a href="http://excoboard.com/exco/index.php?boardid=9723"><img src="http://i30.photobucket.com/albums/c320/fin24000/Banners/74636.gif" border="0"></a>
<a href="http://excogames.com/"><img src="http://i30.photobucket.com/albums/c320/fin24000/Banners/22151.gif" border="0"></a>
<a href="http://excoboard.com/"><img src="http://i30.photobucket.com/albums/c320/fin24000/Banners/exco.gif" border="0"></a>
<a href="http://s2.excoboard.com/exco/index.php?boardid=11243" target="_blank"><img src="http://img.photobucket.com/albums/v283/dudleythoth/delightful%20pixels/pfb.gif" border="0" height=31 width=88></a>




<br>

</marquee>
</td>
</tr>




<tr>
<td class="spacer"></td>
</tr>



<tr>
<td class="sidebarsubhead" valign="top" align="center"><font color=#663300>Bookmark Us!</td>
</tr>
<tr>
<td class="sidebar" valign="top" align="center">


<a href="javascript:window.external.AddFavorite('http://s2.excoboard.com/exco/index.php?boardid=7808', 'Constant Comment')" style="font-size:12px;color:#ffffff;font-family:verdana;">Click Here To Bookmark HCT</a>

<a href="#" onClick="this.style.behavior='url(#default#homepage)';this.setHomePage('lhttp://excoboard.com/exco/index.php?boardid=13474')" style="font-size:12px;color:#ffffff;font-family:verdana;">Click here to make HCT your homepage</a>
<tr>


<tr>
<td class="spacer">
</td>
</tr>



<tr>
<td class="sidebar" valign="top" align="center">

<tr>
<td class="sidebarsubhead" valign="top" align="center"><font color=#663300>Awards (All one of them)</td>
</tr>

<tr>
<td class="sidebar" id="credit" valign="top" align="center">
<a href="http://www.geocities.com/sebbyforum/"><img src="http://www.geocities.com/sebbyforum/forumawards/bronze.gif" border=0></td>
</tr>

</table>
<!-- end of section c1 and editable area -->


<!-- section d (forum td) - do not edit -->
</td>
<td id="forum" valign="top" align="center">
<table border="0" cellspacing="0" cellpadding="0" class="holder">

<tr>
<td class="spacer">
</td>
</tr>
<!-- end of section d1 and editable area -->


<!-- section d2 (forum) do not edit -->
<tr>
<td class="forum" valign="top" align="center">

<!-- end of section d2 and end of third box code -->


<div align="left">
<table width="70%">
<tr>
<td align="left">


</td>
</tr>
</table>
<div align="center">
<table width="100%">
<tr>
<td align="center">









Heres the link:
http://excoboard.com/exco/index.php?boardid=13474

And what I need to know is how do I get rid of the box around the forum?
March 5th, 2006 03:06 PM
Catchow Looks great finn and I didnt have to sidescroll with my browser only at 2/3 size.
April 14th, 2006 04:47 PM
designbykim Can someone edit down the script that Finn posted and get to the nuts & bolts of the Side Bar? I tried what they posted but it includes the script from their whole header. I'm happy with the look of my site so far, I just want the info for the side bar... and where do I insert it in the header?
April 14th, 2006 07:44 PM
fin24000 you put it in the foter and you can change all the stuff as you want but im still trying to get one part of it fixed and the I will post it (In the right forum) when im done:).
April 14th, 2006 08:00 PM
designbykim Thanks Finn. I'm really looking forward to it because I would really like to have that function.

Thanks for your hard work. Your site looks great so far.