Skip to:
Content
Pages
Categories
Search
Top
Bottom

3 columns theme in one column

  • @logerm

    Participant

    I have a problem to put a left and right columns in to new row. I want to create something like this:

    http://images44.fotosik.pl/144/2b3d1af673d0ca42med.png

    Steps 1,2,3,7 was easy, so it is not a problem. Step 4 is not so hard to. But I don’t know how to put left and right columns under content (sted 4,5 and 6). I use default theme from BuddyPress 1.0, WPMU 2.7.1 and static page at man page.

    (I’am very sory for my poor english)

Viewing 5 replies - 1 through 5 (of 5 total)
  • @logerm

    Participant

    Finally i solved my problem. I leave answer maybe someone use it at future.

    First I edit “page.php” file by adding table. Structure of file is look like this:

    [Header]

    <table>

    <tr><td>

    [Content]

    </td></tr>

    <tr><td>

    [Sidebar]

    </td></tr>

    </table>

    [Footer]

    Then edit base.css by removing content 65% width.

    Edit sidebar.php to something like this:

    <div id=”sidebar”>

    <table><tr><td>

    [blog-sidebar]

    </td><td>

    [right-column] (i take code from home.php)

    </td></tr></table>

    </div>

    in base.css file add 50% width for [blog-sidebar] and [right-colum]

    Add new widgets for righ-column, and thats all.

    @apeatling

    Keymaster

    This is not a good way to do it, you should learn some CSS as tables are not the way to go for layout purposes.

    @jeffsayre

    Participant

    You need to learn more about CSS, specifically how to float and position elements. Here are a few resources to get you started:

    http://css.maxdesign.com.au/floatutorial/

    http://www.brainjar.com/css/positioning/

    Also, I highly recommend that you use Firefox with the Firebug Add-on.

    @logerm

    Participant

    Yes, I know that I should use CSS but when I try to use it I only get more problems. Unfortunetly for me only tables work for me after 3 day of trying.

    Firebug have a problems whit code to. Some of CSS values didn’t show up in firebug console.

    @suchaqd

    Participant

    here’s another link that might help you out with the basics…

    YUI Library Examples: Grids CSS: Standard Nesting Grid (1/2 – 1/2)

    http://developer.yahoo.com/yui/examples/grids/grids-g.html

    more templates here…

    http://developer.yahoo.com/yui/examples/grids/

    and this link should explain the WP coding end a bit =)

    https://codex.wordpress.org/Stepping_Into_Templates

Viewing 5 replies - 1 through 5 (of 5 total)
  • The topic ‘3 columns theme in one column’ is closed to new replies.
Skip to toolbar