How to do this? v.sidebar

Discussion in 'WordPress' started by BLaZeR, Sep 22, 2007.

  1. #1
    How do you make a three column sidebar when the original theme is just two?
    I want my blog's sidebar too look like http://www.bobbuskirk.com/
    See how at the side there are 2 columns.

    Below is the code I have for my current sidebar.php, please help.
     
    BLaZeR, Sep 22, 2007 IP
  2. MTbiker

    MTbiker Well-Known Member

    Messages:
    2,536
    Likes Received:
    123
    Best Answers:
    0
    Trophy Points:
    170
    #2
    Basically, within the sidebar you'll have two new divs, lsidebar and rsidebar. Each would be about half the width of sidebar. Both lsidebar and rsidebar would have a list for organizing widgets. Then you float the two inner sidebars so that they display beside each other.

    It's all in the CSS.

    (If you're not too familiar with CSS, just look at a 3 column theme and see how they do it.)
     
    MTbiker, Sep 23, 2007 IP
  3. sat123

    sat123 Banned

    Messages:
    1,600
    Likes Received:
    45
    Best Answers:
    0
    Trophy Points:
    0
    #3
    you need complete CSS for doing what MTbiker said..that's the only way out..so either do on own or hire some body ion DP for that
     
    sat123, Sep 23, 2007 IP
  4. ruchirkc

    ruchirkc Peon

    Messages:
    86
    Likes Received:
    2
    Best Answers:
    0
    Trophy Points:
    0
    #4
    Editing the sidebar.php won't help. Just go to your general styles.php theme (the default main page when you click on the Themes).

    And if you want your blog to look like bob's exactly then copy-paste the following-
     
    ruchirkc, Sep 23, 2007 IP
  5. BLaZeR

    BLaZeR Peon

    Messages:
    1,567
    Likes Received:
    44
    Best Answers:
    0
    Trophy Points:
    0
    #5
    Okay this is the sidebar part of my css code
    What should I change the sidebar.php to? Column on the left is sidebar, and column on the right is sidebar2.

    Edit:ruchirkc; tried that, the original mistylook only has one column sidebar and Bob has 2, so to get 2 also I have to edit sidebar.php
     
    BLaZeR, Sep 23, 2007 IP
  6. MTbiker

    MTbiker Well-Known Member

    Messages:
    2,536
    Likes Received:
    123
    Best Answers:
    0
    Trophy Points:
    170
    #6
    <div id="sidebar">
         list
         list
    </div><!-- end sidebar -->
    <div id="sidebar2">
         list
         list
    </div><!-- end sidebar2 -->
    Code (markup):
    This should just about do it. Just be careful in case your index page has something like: (but going by the original you posted, it should be fine)

    div id=sidebar
    include sidebar.php

    Instead of just:

    include sidebar.php
     
    MTbiker, Sep 23, 2007 IP