Thursday 22 February 2007

Rearrange the Sidebars (From My Inbox)

Sometimes a sidebar isn't where you want it. Maybe you want them side by side. Maybe not. You can put them where you want them.


Hello Annie

Thanks for your hard work - I'm a fan here's my problem: I have this blog Indie Waves and I need another sidebar (too much information just for one sidebar) but I cant get the new sidebar to go to the left of the main, I think it's a float issue, but I really cant figure it out.

Heres the code and here is the part that's making me crazy
If you could help me, I'll bake you a pie ;)

<div id='content-wrapper'>

<div id='main-wrapper'>
<b:section class='main' id='main' showaddelement='no'>
<b:widget id='Blog1' locked='true' title='Postagens no blog' type='Blog'/>
</b:section>
</div>

<div id='newsidebar-wrapper'>
<b:section class='sidebar' id='newsidebar' preferred='yes'>
<b:widget id='Label1' locked='false' title='Labels' type='Label'/>
</b:section>
</div>

<div id='sidebar-wrapper'>
<b:section class='sidebar' id='sidebar' preferred='yes'>
<b:widget id='BlogArchive1' locked='false' title='Arquivo do blog' type='BlogArchive'/>
</b:section>
</div>



If you move the following code as I arranged it below, that should take care of it. You end up with sidebar-posts-sidebar
<div id='content-wrapper'>

<div id='newsidebar-wrapper'>
<b:section class='sidebar' id='newsidebar' preferred='yes'>
<b:widget id='Label1' locked='false' title='Labels' type='Label'/>
</b:section>
</div>

<div id='main-wrapper'>
<b:section class='main' id='main' showaddelement='no'>
<b:widget id='Blog1' locked='true' title='Postagens no blog' type='Blog'/>
</b:section>
</div>

<div id='sidebar-wrapper'>
<b:section class='sidebar' id='sidebar' preferred='yes'>
<b:widget id='BlogArchive1' locked='false' title='Arquivo do blog' type='BlogArchive'/>
</b:section>
</div>
You can take this basic idea, and move your sidebar and main in any way you want. Experiment until you find and arrangement that you want.

post signature

No comments:

Post a Comment