Wordpress Themes - WP Forum at BFA

Wordpress Themes - WP Forum at BFA (http://forum.bytesforall.com/index.php)
-   Header configuration & styling (http://forum.bytesforall.com/forumdisplay.php?f=15)
-   -   [SOLVED] Stacking Widgets Sideways... (http://forum.bytesforall.com/showthread.php?t=4702)

ChrisPanimation Dec 3, 2009 01:46 PM

[SOLVED] Stacking Widgets Sideways...
 
Hi,

Is there a way to stack widgets left to right (horizontally)? Or is that something for a future version...

Chris

juggledad Dec 3, 2009 06:41 PM

you can have two sidebars on either side of the center column or you could add an new widget area at the bottom of the header and/or in the footer have a couple widgets there. Does that help

ChrisPanimation Dec 3, 2009 09:30 PM

1 Attachment(s)
To do a header like this - with a logo image on the left, an add banner (in the middle) and some links on the right
Attachment 315

juggledad Dec 4, 2009 04:06 AM

yes you can do that, add a new widget area to ATO->Style & edit HEADER AREA->Configure Header Area as the last item. That will creat the widget area, then put the widgets you want in it. When you add the new widget area, read the doc, you can have more than one and you can divide the space between them.

ChrisPanimation Dec 7, 2009 07:54 PM

Thank you, I'll try and figure that out...

ChrisPanimation Dec 15, 2009 10:12 PM

Hey Juggledad, I looked at it and am at a loss...I see the example but I'm not experienced with coding. Could you give me an example that would illustrate what I'm looking for in my header? Please see the above post with the image.

This is what's in the documentation....

<?php bfa_widget_area('name=My widget area&cells=4&align=1&align_2=9&align_3=7&width_4=7 00&before_widget=<div id="%1$s" class="header-widget %2$s">&after_widget=</div>'); ?>

How would I get those three widgets side by side? Here's my site if it helps ...animcareerpro.com/blog.com

Thanks,
Chris

juggledad Dec 16, 2009 05:18 AM

ok, try this, you will notice I left out the 'align' parameter so the default of 'center top' for each widget area (remember theses define a widget area that can contain more than one widget!!) and sicne your layout is 990 and you image looks like you split the areas 30/50/20 I set the width of each area proportionately (270/450/180)
HTML Code:

<?php bfa_widget_area('name=header_widget_area&cells=3&width_1=270&width_2=450&width_3=180&before_widget=<div id="%1$s" class="header-widget %2$s">&after_widget=</div>'); ?>

ChrisPanimation Dec 16, 2009 11:40 AM

Ok, that worked! I have the widgets!...now this may be a silly question but how do I place an image into the first widget on the left(header_widget_area 1)? I don't see how to do this in the "Appearance > Widgets" area, or anywhere else...

To change the widths of the widgets I assume I would just change the (270/450/180) in the code?

Chris

juggledad Dec 16, 2009 01:44 PM

to put an image in, add a text widget and then insert the appropriate html
yes you should be able to change the 270/450/180

ChrisPanimation Dec 16, 2009 08:14 PM

Got the kids off to bed...back to it!

I did get that far - adding a text widget. What's the html of my image? I'm assuming the path of where it's located on ftp? Where do I put it?

/blog/wp-content/themes/atahualpa/images/

I don't think it would go in the header area though. Let my know if that's not what to do...what's the appropriate html?

Thanks,
Chris

juggledad Dec 16, 2009 08:28 PM

you can put it anywhere as long as the url resolves.
if you put it in the /blog/wp-content/themes/atahualpa/images/ folder and it is called 'angry.gif' it would be something like
HTML Code:

<img src="http://yourdomain.com//blog/wp-content/themes/atahualpa/images/angry.gif" alt="Angry face" />

ChrisPanimation Dec 16, 2009 09:10 PM

LOL!! very funny. I appreciate the help and I got it working. Please don't be angry though (if you are). You've been a great help - thank you sir and I'm sending payment as soon as I send this.

The best part for me is I don't even know if I need the alt="Angry face" /> but it didn't work with out it so it's in there. :)

In a previous message you mentioned.. "left out the 'align' parameter so the default of 'center top' for each widget area". And my widget_area_2 is at the top.

I see it's 1 = center middle...I'll try and figure that out myself.

cheers!

ChrisPanimation Dec 16, 2009 10:08 PM

WhooHooo!! I did it!

align=1&align_1=9&align_1=7

just had to slip it in the right spot and make sure they're all at align_1

Still have to make a few adjustments but I'm learning.

Thanks again. The D has been sent!


All times are GMT -6. The time now is 12:31 AM.

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