Zearray
Registered user
Registered: 05-2007
Location: Yonder
Posts: 2
Karma: 0 (+0/-0)
|
Reply | Quote
|
|
HTML on the side?
Hello. I've recently attempted to add an IRC channel type thing called "Cbox" and I added it to my site but it doesn't look right in the Header or Footer spots. Is there a way that I can create a side bar and add the HTML for this item there? Thank you for all of your time and efforts. (the forum that I'm talking about is at Apocolyptica)
|
10/17/2008, 7:07 pm
|
Link to post
Email Zearray
PM Zearray
Yahoo
Blog
|
Lesigner Girl
Global Administrator
Head of Runboard staff
Registered: 11-2005
Posts: 26740
Karma: 436 (+489/-53)
|
Reply | Quote
|
|
Re: HTML on the side?
Hi Zearray
I just put some code into place at your board.
In your HTML Header, put your Cbox code where I've indicated there. If you don't want a heading at the top of your sidebar, take out <h2>Heading</h2>. Otherwise, change "Heading" to whatever you want your heading to say.
In your CSS, you'll find this new code that I added at the end:
#sidebar { display: none; }
/*
#sidebar {
font-family: verdana, arial, sans-serif;
width: 180px;
float: left;
margin-right: 5px;
}
#container {
margin-left: 190px;
}
.box {
border: 2px solid #000000;
}
.box h2 {
margin: 0;
border-bottom: 1px solid #000000;
font-size: 100%;
line-height: 26px;
vertical-align: middle;
text-align: center;
background:url(http://img.runboard.com/img/layouts/smackdown5_10/separator.jpg) center repeat-x;
}
*/
Remove the parts in red, and tweak what's left over as you see fit. If you're unfamiliar with CSS, you may want to try this out on a test board. If you need help with that, you can ask here and we'll be happy to get into more detail.
Last edited by Lesigner Girl, 10/18/2008, 12:49 am
|
10/18/2008, 12:42 am
|
Link to post
Email Lesigner Girl
PM Lesigner Girl
Blog
|
Zearray
Registered user
Registered: 05-2007
Location: Yonder
Posts: 2
Karma: 0 (+0/-0)
|
Reply | Quote
|
|
Re: HTML on the side?
Thanks very much for the help. It went in with out a hitch and it looks like it's running smoothly now. If anything happens with it then I'll be sure to ask about it. Thanks again and take care!
|
10/18/2008, 2:25 am
|
Link to post
Email Zearray
PM Zearray
Yahoo
Blog
|
Lesigner Girl
Global Administrator
Head of Runboard staff
Registered: 11-2005
Posts: 26740
Karma: 436 (+489/-53)
|
Reply | Quote
|
|
Re: HTML on the side?
You're welcome, Zearray.
You should tweak the CSS to make the sidebar wide enough to accommodate your Cbox. Since it's 200px wide, you can change the width (in your CSS) for #sidebar from 180px to 200px, and the margin-left for #container from 190px to 205px or 210px. That should make it fit nicely.
Last edited by Lesigner Girl, 10/18/2008, 3:04 am
|
10/18/2008, 2:59 am
|
Link to post
Email Lesigner Girl
PM Lesigner Girl
Blog
|