Runboard.com
You're welcome.




Runboard DesignBoard Links ->  Runboard Design
  Coder's PlazaCoder's Plaza
    Offset Basic Sidebar ala The MoosemanOffset Basic Sidebar ala The Mooseman
Chat room 
Support Search Facebook Twitter RSS 

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 TRD ○ Concepts ○ DE ○
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 TRD ○ Concepts ○ DE ○
10/27/2011, 8:55 am Link 2 this post Send Email to   Send PM to Blog
 


Add a Reply





Powered by AkBBS 1.1 - Link to us - Blogs - Hall of Honor - - Create your free forum
You are not logged in (login)