Support » Themes and Templates » adding a single sidebar to use above the two sidebars

adding a single sidebar to use above the two sidebars

Viewing 2 replies - 1 through 2 (of 2 total)
  • sorry, I don’t know.



    Forum Moderator

    it is posible, however it depends on how much editing you would like to do.

    for instance, you could copy one of the sidebar php files and rename it to t_sidebar.php, then integrate the call of the top-sidebar in l_sidebar.php, change functions.php to 3 sidebars, and style the t_sidebar in style.css.


    <!-- begin t_sidebar -->
    	<div id="t_sidebar">
    	<ul class="t_sidebarwidgeted">
    	<?php if ( function_exists('dynamic_sidebar') && dynamic_sidebar(3) ) : else : ?>
    	<h2>Blogroll</h2> <!-- or anything you like, this will only show if no widget is activated in the top sidebar -->
    		<?php get_links(-1, '<li>', '</li>', ' - '); ?>
    		<?php endif; ?>
    <!-- end t_sidebar -->

    changes to l_sidebar.php:

    <!-- begin l_sidebar -->
    <?php include(TEMPLATEPATH."/t_sidebar.php");?>
    	<div id="l_sidebar">

    keep the rest as it is.

    changed functions.php:

    if ( function_exists('register_sidebars') )

    style.css – add new lines formating of t_sidebar:

    *	Top Sidebar 					     	    *
    #t_sidebar {
    	float: left;
    	width: 406px;
    	margin: 40px 0px 0px 0px;
    	padding: 0px 19px 20px 19px;
    	border-left: 1px solid #E2DDDE;
    	font:11px/18px Verdana, Arial, Helvetica, sans-serif;
    #t_sidebar ul {
    	list-style: none;
    	margin: 0px;
    	padding: 0px;
    #t_sidebar ul li {
    	background: none;
    	display: block;
    	padding: 4px 0px 4px 0px;
    	margin: 0px;
    #t_sidebar ul li ul li{
    	background:transparent url("images/bullet.gif") 0px 11px no-repeat; /* 0px = horizontal position for left, 6px = vertical position from top */
    	padding-left: 10px;
    	margin: 0px;
    #t_sidebar a:link, #l_sidebar a:visited	{ color:#444; text-decoration:none; outline:none; }
    #t_sidebar a:hover, #l_sidebar a:active	{ color:#444; text-decoration:underline; outline:none; }
    #t_sidebar p{
    	padding: 3px 0px 0px 0px;
    	margin: 0px;
    	line-height: 20px;
    #t_sidebar li {list-style: none; }

    might need fine-tuning, not tested, but nothing particularly complicated either 😉

Viewing 2 replies - 1 through 2 (of 2 total)
  • The topic ‘adding a single sidebar to use above the two sidebars’ is closed to new replies.