Split Side Bar

[Madeleine]

I love your Black and White Theme.

The only thing I would love more about it would be if it had a split side bar - you know two columns to the right of the blog post area that initially were one wider column but then later split into two.

It is my favourite blog layout.

[sofimi]

You mean a wide sidebar with two narrower ones below it, both on the right side? You can use the 3-Column Right and then add a custom area that covers the width of the two columns and put that area above them. It's just a matter of HTML and CSS. If you want details, let me know.

I love your Black and White Theme.

The only thing I would love more about it would be if it had a split side bar - you know two columns to the right of the blog post area that initially were one wider column but then later split into two.

It is my favourite blog layout.

[Madeleine]

Really? But I'd have to stop using Black and White right? I love the small caps in the headings and the other features in its layout better than the other versions of cutline - also the white background looks off-white which is cool.

[sofimi]

It can also be done for the Black and White theme.

1. Add these lines after </ul> in sidebar.php:

<ul class="sidebar_left">
<?php if (!function_exists('dynamic_sidebar') || !dynamic_sidebar(2)) : ?>
    <li class="widget"><h2>Widget Title</h2>
    </li>
<?php endif; ?>
</ul>
<ul class="sidebar_right">
<?php if (!function_exists('dynamic_sidebar') || !dynamic_sidebar(3)) : ?>
    <li class="widget"><h2>Widget Title</h2>
    </li>
<?php endif; ?>
</ul>
<div class="clear"></div>

2. In the first <ul>...</ul> change

<?php if (!function_exists('dynamic_sidebar') || !dynamic_sidebar()) : ?>

to

<?php if (!function_exists('dynamic_sidebar') || !dynamic_sidebar(1)) : ?>

3. In functions.php, change

if ( function_exists('register_sidebar') )
    register_sidebar(); 

to

if (function_exists('register_sidebars')) register_sidebars(3, array('before_widget' => '','after_widget' => '')); 

4. In style.css, add these lines

ul.sidebar_left { width: 123px; float: left; }
ul.sidebar_right { width: 123px; float: right; }

right before ul.sidebar_list {...}


It might need some more CSS tweaking to get the font styles right.

Really? But I'd have to stop using Black and White right? I love the small caps in the headings and the other features in its layout better than the other versions of cutline - also the white background looks off-white which is cool.