Pastor Rick
Head Administrator
Registered: 07-2005
Location: Texas
Posts: 501
Karma: 12 (+12/-0)
|
|
|
Offset Basic Sidebar ala The Mooseman
I found this on Runboard Extra. This sidebar has a offset on the right side for those who like to use background pictures.
quote: The Mooseman wrote:
This eg gives you a 200px high header where you can add a board logo/banner
CSS :
#wrapper{position:relative;width:100%;}
#header{position:absolute;top:0;left:0;width:100%;height:200px;
text-align:center;background-color:#ff0000;}
#sidebar{position:absolute;left:0;top:201px;width:180px;background-color:#f25826;}
#content{position:absolute;left:181px;top:201px;background-color:#000080;}
HTML Header:
<div id="wrapper">
<div id="header">Put your banner/logo image here</div>
<div id="sidebar">Sidebar content<br/>Like links , text and images goes here</div>
<div id="content">
Dont copy this line. Content holds your main board
And add this in your HTML Footer:
</div></div>
This is all there is to it.
If you want more specifics, refer to this post and ask questions.
Everything is changable, positioning, colors, fonts...the works
The sidebar gets bigger the more stuff you add in it
Last edited by Pastor Rick, 10/27/2011, 2:46 pm
|
10/27/2011, 8:35 am
|
|
Pastor Rick
Head Administrator
Registered: 07-2005
Location: Texas
Posts: 501
Karma: 12 (+12/-0)
|
|
|
Re:
I added the Runboard logo in the banner area centered since that what the code would do.
quote:

Notice that while the banner area centers the the graphic bot of the other areas, the sidebar and the message board are basically left justified and fixed in width leaving a potentially huge area to the right that is blank...
Last edited by Pastor Rick, 10/27/2011, 8:59 am
|
10/27/2011, 8:55 am
|
|