Runboard.com
You're welcome.





runboard.com       Sign up (learn about it) ● Sign in (lost password?)

 
Pastor Rick Profile
Live feed
Blog
Friends
Miscellaneous info

Head Administrator

Registered: 07-2005
Location: Texas
Posts: 500
Karma: 12 (+12/-0)
Reply Quote
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


---

Advertise Boards On TRDConceptsDE
10/27/2011, 8:35 am Link 2 this post Send Email to   Send PM to Blog
 
Pastor Rick Profile
Live feed
Blog
Friends
Miscellaneous info

Head Administrator

Registered: 07-2005
Location: Texas
Posts: 500
Karma: 12 (+12/-0)
Reply Quote
Re:


I added the Runboard logo in the banner area centered since that what the code would do.
quote:

Image



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


---

Advertise Boards On TRDConceptsDE
10/27/2011, 8:55 am Link 2 this post Send Email to   Send PM to Blog
 


Add a Reply





You are not logged in (login)