S2Bloggish

For some unkown reason, the navigation links are absent on the one column Bloggish layout. Here is a code you can use in a paid user layer to replace them.


#### This is just CSS. Change the green parts. ####
set custom_css = "
#banner-links li{display:inline; background:none;}
#banner-links ul{background:#527276;padding:2px 0;margin:0 15px;}
#banner{margin:0px auto !important;}
";



#### Add the code to the banner. ####
function print_banner(Page p) {
    container_open("banner");
      "<h1 id='banner-header'>$p.global_title</h1>";
      "<h2 id='banner-description'>$p.global_subtitle</h2>";
    container_close();
      

"<div id='banner-links'>";
    var string[] links = [];
    foreach var string k ($p.views_order) {
        $links[size $links] = """<a href="$p.view_url{$k}">"""+lang_viewname($k)+"""</a>""";
    }

    print_module_list($links);

"</div>";
}

You can not *technically* add navigation links to a one column layout if you have a basic or plus account, but you can create the illusion, and that's the next best thing, right?

1. You will need the background image for the one column layout. Set your layout to "one column", and save the link to the background image (or save the image to your computer and re-upload it to an image host).

2. Set your layout to "Two column left sidebar".

3. Paste the following into your "Custom CSS" box.


body {
background-image: url(http://stat.livejournal.com/sixhtml/themes/lilia/theme-powell-street/body-bg-1.gif);
}

#container {
width: 600px !important;
}

#banner, #beta {
width: 570px !important;
}

#alpha, #alpha-inner, .module{
padding:0 !important;
width:570px !important;
background-image:none;
}

.module-photo,
.module-calendar,
.module-typelist,
.module-categories,
.module-pagesummary,
.module-syndicate,
.module-powered{
display:none;
}

.module-viewlinks li{
display:inline;
}
.module-viewlinks{
height:25px;
}