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 » Page & Category Menu Bars »

Extra formatting of the Page Menu Bar


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 Jul 11, 2010, 09:40 PM
andr3w84
 
10 posts · Jun 2010
Oz
Extra formatting of the Page Menu Bar

I figured out some other people would also be interested in the sort of formatting I intend to create for my static site's Page Menu Bar:

(1) Center the Page Menu items ("Home", "Contact Us", etc) instead of leaving them aligned to the left (default in Atahualpa).

(2) Colour the rest of the Page Menu Bar (the part that is not under the item buttons) in the same way as the buttons and not in light gray (default in Atahualpa).

(3) Place separators (such as "|", or ">>", or "-", etc) between the bar items.

There's other ways to format the buttons (animate them or produce a sound when the cursor hovers on, etc) but I think the previous 3 options would be enough to create a modern, sleek looking Page Menu Bar. All help / comments are welcome, thanks!

PD: Please see attachment for reference (the blue part is how I intend my Page Menu Bar to look).
Attached Thumbnails
Click image for larger version

Name:	Page Menu Bar.JPG
Views:	348
Size:	7.9 KB
ID:	603  
  #2  
Old Jul 12, 2010, 03:36 AM
Foppa
 
14 posts · Jul 2010
I'm looking to do exactly that as well.

Anyone know how?
  #3  
Old Jul 17, 2010, 03:15 PM
Foppa
 
14 posts · Jul 2010
Where do you place the "|" at?
  #4  
Old Jul 17, 2010, 07:53 PM
netninja
 
1 posts · Jul 2010
i have extra space between my post header and the post

driving me nuts

www.prolawncare.us

advice?
  #5  
Old Jul 18, 2010, 02:32 AM
Fux
 
140 posts · Apr 2009
netninja,

this CSS showed up in your source and this is your problem:

td#header {
padding-bottom:15px;
}

I have no clue where that might come from, probably some setting in Ata. You could fix that by inserting this css:

td#header {
padding-bottom:0px !important;
}

You might not need the "!important" part. But there certainly is a more elegant solution, I just can't find it right now.
  #6  
Old Jul 18, 2010, 02:47 AM
Fux
 
140 posts · Apr 2009
Quote:
Originally Posted by andr3w84
I figured out some other people would also be interested in the sort of formatting I intend to create for my static site's Page Menu Bar:

(1) Center the Page Menu items ("Home", "Contact Us", etc) instead of leaving them aligned to the left (default in Atahualpa).
'%page-center' on the "Style & Edit HEADER AREA" page. It is right there.

Quote:
(2) Colour the rest of the Page Menu Bar (the part that is not under the item buttons) in the same way as the buttons and not in light gray (default in Atahualpa).
'Background color' in "Page Menu Bar"

Quote:
(3) Place separators (such as "|", or ">>", or "-", etc) between the bar items.
That's a difficult one. But you could at least get your "|" by using borders just like this: www.heavyconnection.net
  #7  
Old Jul 18, 2010, 03:46 AM
Foppa
 
14 posts · Jul 2010
Quote:
Originally Posted by Fux
That's a difficult one. But you could at least get your "|" by using borders just like this: www.heavyconnection.net
How can I do that? That's exactly what I'm looking to do. (from your link)
  #8  
Old Jul 18, 2010, 06:16 AM
Fux
 
140 posts · Apr 2009
I solved it by adding this

.page_item {
border-right: solid 2px #330000;
text-align: center;
}
#rmenu2 {
border-left: solid 2px #330000;
}

You'll need the left border on rmenu2. If you add right AND left borders to page_item, you'll end up with double borders between two buttons and single borders on the first and last.
  #9  
Old Jul 18, 2010, 02:41 PM
Foppa
 
14 posts · Jul 2010
Thank you, that worked.

Any way to shorten the borders? I don't want them the full length.
  #10  
Old Jul 19, 2010, 02:15 AM
Fux
 
140 posts · Apr 2009
The borders are as long as the '.page_item's are high. You'd have to change the .page_item height.

Bookmarks

Thread Tools Search this Thread
Search this Thread:

Advanced Search
Display Modes


Similar Threads
Thread Thread Starter Forum Replies Last Post
extra horizontal menu bar for subpages? bajads Page & Category Menu Bars 6 Dec 22, 2010 07:01 AM
Positioning an extra wide image behind the menu bar WGTD Page & Category Menu Bars 2 Jun 22, 2010 12:03 PM
Extra Buttons on Page Menu Bar impossible Page & Category Menu Bars 6 Jun 12, 2010 06:20 AM
Add extra images in page menu bar (but in it) marced Page & Category Menu Bars 0 May 19, 2010 02:07 PM
Menu Bar Formatting Kittie Corpse Header configuration & styling 0 Aug 14, 2009 09:08 AM


All times are GMT -6. The time now is 07:01 PM.


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