Wordpress Themes - WP Forum at BFA
Click Here To DONATE! Support the theme development, get more attention and additional benefits based on your donation level. Your forum name will be highlighted.

Wordpress Themes - WP Forum at BFA » WordPress Themes » Atahualpa 3 Wordpress theme » Sidebars & Widgets »

How to get a third sidebar above the two others


Build custom WP THEMES, without
coding.
Click here for THEMEFRAME

From the author of Atahualpa, the #1 most
downloaded (700,000+) theme @ wordpress.org
  #1  
Old Jan 4, 2010, 02:19 AM
Danielwerner's Avatar
Danielwerner
 
83 posts · Jul 2009
Smile How to get a third sidebar above the two others

Sorry if this has been brought up earlier, I couldn't find and/or understand any other threads about it.

I'm using the latest atahualpa-build, and I have two sidebars (inner and outer) on the right side of the center column. Now I want a third one above those two, one that spans BOTH of them. I don't want the third one to be above the header or something like that, it should still be a sidebar.

So one could say that I want my three sidebars to be like a pi-sign (π).

How do I do this? And please speak to me like to an idiot, I am completely rubbish at php/css/whatever.

HUUUUGE thanks in advance!
__________________
http://blogg.danielwerner.se/

Last edited by Danielwerner; Jan 4, 2010 at 02:21 AM.
  #2  
Old Jan 4, 2010, 06:47 AM
juggledad's Avatar
juggledad
 
21,712 posts · Mar 2009
OSX 10.8.5 WP 3.8.x Atahualpa 3.7.x Safari 6.x Firefox 25 XP
the answer is 'sort of'

because the center area is a 1 row table and the sidebars are the cells of the row, you can't do it and get it to line up with the 'posts' column. So unless you want do dig into the code...

What you can do is add a new widget area to the bottom of the header area and define it's width as the width of the sidebar. So assuming your sidebars are 200px each add this to the end of the options at ATO->Style & edit HEADER AREA->Configure Header Area
HTML Code:
<br><?php bfa_widget_area('name=My widget area&cells=2&align=8&align_2=3&width_1=400&before_widget=<div id="%1$s" class="header-widget %2$s">&after_widget=Widgets will go here</div>'); ?>
This will create two widget areas at the bottom of the header area, just above the sidebars and center area. The first of the two areas will be 400px wide just above the sidebar. so it will look like this

HHHHHHHH
HHHHHHHH
4444555555
1122ccccccc
1122ccccccc
1122ccccccc
__________________
If you like my help, please consider donating. I am happy to provide greater detail on this and other topics if you hire me. Please send detailed support requests to me as a private message, thank you.
Juggledad | Forum Moderator/Support
  #3  
Old Jan 4, 2010, 11:15 AM
Danielwerner's Avatar
Danielwerner
 
83 posts · Jul 2009
Thanks for the help, but it wasn't exactly what I had in mind. I want the center column to look the same way as before, without the 5-part on your picture. I want it to look something like this:

HHHHHHHHHH
HHHHHHHHHH
ccccccc3333
ccccccc1122
ccccccc1122
ccccccc1122

Is there a way without having to change too much code? Otherwise, thanks anyway.
__________________
http://blogg.danielwerner.se/
  #4  
Old Jan 8, 2010, 03:35 AM
justprettygirl's Avatar
justprettygirl
 
7 posts · Jan 2010
Quote:
Originally Posted by juggledad
the answer is 'sort of'

because the center area is a 1 row table and the sidebars are the cells of the row, you can't do it and get it to line up with the 'posts' column. So unless you want do dig into the code...

What you can do is add a new widget area to the bottom of the header area and define it's width as the width of the sidebar. So assuming your sidebars are 200px each add this to the end of the options at ATO->Style & edit HEADER AREA->Configure Header Area
HTML Code:
<br><?php bfa_widget_area('name=My widget area&cells=2&align=8&align_2=3&width_1=400&before_widget=<div id="%1$s" class="header-widget %2$s">&after_widget=Widgets will go here</div>'); ?>
This will create two widget areas at the bottom of the header area, just above the sidebars and center area. The first of the two areas will be 400px wide just above the sidebar. so it will look like this

HHHHHHHH
HHHHHHHH
4444555555
1122ccccccc
1122ccccccc
1122ccccccc
Hi juggledad,

I think this is what Danielwerner mean. To have a vertical area above the sidebar. And I am having the question on how to configure the theme to allocate the vertical area. Pls refer to the attached picture link for more detail description of the failure we having.

http://i852.photobucket.com/albums/ab84/justprettygirl/Spanningareabetweensidebar.jpg


Thanks

JustPrettyGirl.com
  #5  
Old Jan 8, 2010, 06:38 AM
paulae's Avatar
paulae
 
1,330 posts · Feb 2009
Wordpress 3.4.1, Atahualpa 3.7.7
I'd like to do that at the bottom of the 2 right sidebars.

HHHHHHHHHHHHHHHHHHHHHHH
LLLLLCCCCCCCCCCCCCCRRRrrrrrrr
LLLLLCCCCCCCCCCCCCCRRRrrrrrrr
LLLLLCCCCCCCCCCCCCCRRRrrrrrrr
LLLLLCCCCCCCCCCCCCCRRRrrrrrrr
LLLLLCCCCCCCCCCCCCCRRRrrrrrrr
LLLLLCCCCCCCCCCCCCCRRRrrrrrrr
LLLLLCCCCCCCCCCCCCCNNNNNNN
LLLLLCCCCCCCCCCCCCCNNNNNNN
LLLLLCCCCCCCCCCCCCCNNNNNNN

"N" is the new widget area spanning the width of inner right and right sidebars. I'd use it for a random image or a wider ad.
  #6  
Old Jan 14, 2010, 09:13 AM
kookymom
 
1 posts · Jan 2010
Quote:
Originally Posted by justprettygirl
Hi juggledad,

I think this is what Danielwerner mean. To have a vertical area above the sidebar. And I am having the question on how to configure the theme to allocate the vertical area. Pls refer to the attached picture link for more detail description of the failure we having.

http://i852.photobucket.com/albums/ab84/justprettygirl/Spanningareabetweensidebar.jpg


Thanks

JustPrettyGirl.com
I am looking into how to do exactly what justprettygirl showed on the graphic. Is there any way to do this? Similar to what my blog looks like, with the ad area above the two sidebars here: http://wisdombegun.com/
Thanks!
  #7  
Old Jan 14, 2010, 02:14 PM
ChrisPanimation's Avatar
ChrisPanimation
 
68 posts · Nov 2009
Mississauga, ON
This is exactly what I am looking for! I have a thread up for this but it is explained better here.

Chris
  #8  
Old Jan 14, 2010, 03:16 PM
juggledad's Avatar
juggledad
 
21,712 posts · Mar 2009
OSX 10.8.5 WP 3.8.x Atahualpa 3.7.x Safari 6.x Firefox 25 XP
I'll repeat what I put in the other thread

This should be doable with changes to the code.

The middle of the page (area between the header and footer) is a one row table with 1 to 5 cells (L L-inner Center R-inner R). The way it woulld have to be done is to add code to replace the two cells R-inner and R, with one cell witch itself was a table.

this new table could have Two columns with several rows where the first row (if you wanted a new widget area at the top) would span the two columns. The next row would have two columns: R-inner and R, and finally a last row (if you wanted it) wich would span the two columns. then you would add teh code to close the inner table, close the original table's cell and close the table.

That's how I'd do it...on paper. anybody want to fund the development?
__________________
If you like my help, please consider donating. I am happy to provide greater detail on this and other topics if you hire me. Please send detailed support requests to me as a private message, thank you.
Juggledad | Forum Moderator/Support
  #9  
Old Feb 2, 2010, 09:46 PM
juandrah
 
24 posts · Jul 2009
OK, so how about having the right column extend up to the top of the webpage effectively cutting off the header? Same theory using the table structure?

Looking for...

HHHHHH RR
HHHHHH RR
LL CCCC RR
LL CCCC RR
LL CCCC RR
  #10  
Old Feb 3, 2010, 04:24 AM
juggledad's Avatar
juggledad
 
21,712 posts · Mar 2009
OSX 10.8.5 WP 3.8.x Atahualpa 3.7.x Safari 6.x Firefox 25 XP
Nope won't work, The header, center area and footer are all rows in a table. What you're asking for would mean a rewrite of the code removing the right sidebar from it's current position as a cell in the center area table and then adding two cells in the main table so the header and center was one cell and the right sidebar was another. What about the footer.

See it gets complicated and is not likely to happen
__________________
If you like my help, please consider donating. I am happy to provide greater detail on this and other topics if you hire me. Please send detailed support requests to me as a private message, thank you.
Juggledad | Forum Moderator/Support
  #11  
Old Feb 3, 2010, 10:12 PM
juandrah
 
24 posts · Jul 2009
So it sounds like you are describing the existing table structure as this:

Code:
<table>
     <tr>
          <td> Header</td>
     </tr>
     <tr>
          <td> Center</td>
     </tr>
     <tr>
          <td>Footer</td>
     </tr>
</table>
Could I accomplish what I want by hard code changing it to this? (new code in red):

Code:
<table>
     <tr>
          <td>

               <table>
                    <tr>
                         <td> Header</td>
                    </tr>
                    <tr>
                         <td> Center</td>
                    </tr>
               <table>

          </td>
          <td>
               New right column => construct the existing right sidebar the way I want it, view source code, copy and paste it here. then turn off the existing right sidebar in the ATO?
          </td>
     </tr>
     <tr>
          <td>

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

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


This creates a shell table, putting the existing structure (minus the footer) in a row with a second cell as the new right widget side bar. Then it puts the footer in a new row below all but maintains the same table structure to preserve padding, margins, etc. Of course necessary 'span' constraints would apply. Also, it is understood that any changes in the new right sidebar would have to be hard coded again because it would not be editable through the ATO.

Or can I call the new right side bar from the new <td></td> containing it and turning off the existing right sidebar in the ATO will have no effect on the new side bar however the new right sidebar would remain editable from the ATO?

Or is it not that simple?

Thanks

Last edited by juandrah; Feb 3, 2010 at 10:16 PM.
  #12  
Old Feb 4, 2010, 05:00 AM
juggledad's Avatar
juggledad
 
21,712 posts · Mar 2009
OSX 10.8.5 WP 3.8.x Atahualpa 3.7.x Safari 6.x Firefox 25 XP
actually the page is made up of a series of tables the first is

HHHHHHHHHH
HHHHHHHHHH
CCCCCCCCCCC
CCCCCCCCCCC
CCCCCCCCCCC
CCCCCCCCCCC
CCCCCCCCCCC
FFFFFFFFFFFFFF
FFFFFFFFFFFFFF

Three rows, header center and footer. The center is made up of a one row table with upto 5 cells

LLIICCCCCIIRR
LLIICCCCCIIRR
LLIICCCCCIIRR
LLIICCCCCIIRR

where you have Left sidebar, left Inner sidebar, Center, right Inner sidebar, Right sidebar

and then the footer (which is also a table)

What you are asking is how to take the CELL from one table and have it exceed it's table's boundries.
That would involve a lot of coding. So you would have a table that was

XXXXXXXXRR
XXXXXXXXRR
XXXXXXXXRR
XXXXXXXXRR
XXXXXXXXRR
XXXXXXXXRR

This would be a fundemental change in the code and would be a huge coding change
__________________
If you like my help, please consider donating. I am happy to provide greater detail on this and other topics if you hire me. Please send detailed support requests to me as a private message, thank you.
Juggledad | Forum Moderator/Support

All times are GMT -6. The time now is 03:34 PM.


Powered by vBulletin® Copyright ©2000 - 2014, Jelsoft Enterprises Ltd.