Offset Basic Sidebar ala The Mooseman https://brunboarddesigns.runboard.com/t101 Runboard| Offset Basic Sidebar ala The Mooseman en-us Fri, 29 Mar 2024 05:35:11 +0000 Fri, 29 Mar 2024 05:35:11 +0000 https://www.runboard.com/ rssfeeds_managingeditor@runboard.com (Runboard.com RSS feeds managing editor) rssfeeds_webmaster@runboard.com (Runboard.com RSS feeds webmaster) akBBS 60 Re:https://brunboarddesigns.runboard.com/p492,from=rss#post492https://brunboarddesigns.runboard.com/p492,from=rss#post492I 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...nondisclosed_email@example.com (Pastor Rick)Thu, 27 Oct 2011 08:55:29 +0000 Offset Basic Sidebar ala The Moosemanhttps://brunboarddesigns.runboard.com/p491,from=rss#post491https://brunboarddesigns.runboard.com/p491,from=rss#post491I 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 nondisclosed_email@example.com (Pastor Rick)Thu, 27 Oct 2011 08:35:32 +0000