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
 (Top of the page)
● Premium User ●

Registered: 07-2005
Location: Texas
Posts: 499
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, [sign in to see URL] 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
 (Top of the page)
● Premium User ●

Registered: 07-2005
Location: Texas
Posts: 499
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:
--Log in or sign up to see linked image content--

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.0 - Link to us - Blogs - Hall of Honor - - Create your free forum
You are not logged in (login)