Wordpress Themes - WP Forum at BFA
There will be no more development for Atahualpa (or any other theme), and no support. Also no new registrations. I turned off the donation system. I may turn the forum to read only if it gets abused for spam. Unfortunately I have no time for the forum or the themes. Thanks a lot to the people who helped in all these years, especially Larry and of course: Paul. Take care and stay healthy -- Flynn, Atahualpa developer, Sep 2021

Wordpress Themes - WP Forum at BFA » WordPress Themes » Atahualpa 3 Wordpress theme » Page & Category Menu Bars »

And the final menu question...


  #1  
Old Aug 30, 2009, 05:30 PM
ariels
 
34 posts · Jul 2009
Wink And the final menu question...

On my continuing quest to return to 'haulpa the final obstacle is the menu.

Briefly, the menu at beta.arielsilverstone.com/test should be the same as arielsilverstone.com . I added the following css, and no dice. I am waay out of my depth. And yes, I tried with over 200 other lines too....

ul.rMenu ul,
ul.rMenu li,
ul.rMenu a,
ul.rMenu {
display:inline;
background: url(http://arielsilverstone.com/wp-conte...img/menu.gif);
list-style:none;
color:#382E1F;
height:27px;
line-height:27px;
padding:0 0px;
margin-left:-10px;
position: relative;
font-size:11px;
float:left;
z-index:1;
}

ul.rMenu ul
{
display: none; /* hide the sub-menus until needed */
backgrond: url(http://arielsilverstone.com/wp-conte...img/menu.gif);
}
ul.rMenu-ver li
{
float: none; /* clear this so vertical sub-menus that are children of horizontal menus won't have their LI widths set to auto. */
}
  #2  
Old Aug 31, 2009, 10:40 AM
Flynn's Avatar
Flynn
 
3,768 posts · Oct 2008
Munich, Germany
Please no multiple identical threads
  #3  
Old Sep 1, 2009, 09:54 AM
ariels
 
34 posts · Jul 2009
Flynn,

Thank you. I closed the other thread because of it's title was not descriptive. I love your theme and want to go back to it!
  #4  
Old Sep 1, 2009, 07:14 PM
Flynn's Avatar
Flynn
 
3,768 posts · Oct 2008
Munich, Germany
You will definitely need Firebug for that.

Don't use position, display, and float.

You need to set the borders on the UL and the LI's to none, and background-color on the LI and background on the UL to transparent, in Atahualpa, then apply line-height, height, padding, background-image on the A's.

Most rules will need a !important, plus you need to address the elements with their parent elements incl. ID, plus the A's spelled out as "a:link, a:visited, a:active and a:hover", as done in Atahualpa, or else the styles won't be overwritten because your new styles are not specific enough.
  #5  
Old Sep 2, 2009, 12:54 PM
ariels
 
34 posts · Jul 2009
OK, here is what I have so far, but it is not.... complete.

ul.rmenu {
background: background: url(http://arielsilverstone.com/wp-conte...e/img/menu.gif) no-repeat scroll 0 0;
}
div#menu1 li {
list-style-image:none;
list-style-positionutside;
list-style-type:none;
}
div#menu1 li a.home {
background-position:0 -93px;
margin-left:0;
padding:0;
text-indent:-999em;
width:45px;
-moz-background-clip:border;
-moz-background-inline-policy:continuous;
-moz-background-originadding;
background: url(http://arielsilverstone.com/wp-conte...e/img/menu.gif) no-repeat scroll 0 0;
color:#382E1F;
font-size:11px !important;
height:31px !important;
line-height:31px !important;
text-decoration:none;
z-index:1;
}
div#menu1 li a,a:link, a:visited, a:active and a:hover {
-moz-background-clip:border;
-moz-background-inline-policy:continuous;
-moz-background-originadding;
background: url(http://arielsilverstone.com/wp-conte...e/img/menu.gif) no-repeat scroll 0 0;
color:#382E1F;
font-size:11px;
height:31px;
line-height:31px;
text-decoration:none;
z-index:1;
}
div#menu1 li ul {
-moz-background-inline-policy:continuous;
-moz-background-originadding;
background: transparent;
border-style:none;
line-height:0;
z-index:1;
}
  #6  
Old Sep 4, 2009, 07:16 AM
ariels
 
34 posts · Jul 2009
ok, I listened very carefully, and made a bunch of progress. It almost there. I am missing something, and sure there are some duplicates below. Can you help? Havent figured out what is wrong with the a's or a:hover.

#rmenu2 ul {
background:#ffffff url(http://arielsilverstone.com/wp-conte...e/img/menu.gif) no-repeat scroll 0 0 !important;
border-bottom:1px solid #A6A6A6 !important;
color:#4C4C4C !important;
height:31px !important;
line-height:31px !important;
}

#rmenu2 li {
display:inline;
list-style:none;
list-style-image:none;
list-style-positionutside;
list-style-type:none;
height:31px !important;
line-height:31px !important;
margin-top: 0 !important;
}

#rmenu2 li a {
display:block;
-moz-background-clip:border;
-moz-background-inline-policy:continuous;
-moz-background-originadding;
background: transparent url(http://arielsilverstone.com/wp-conte...e/img/menu.gif) no-repeat !important;
color:#382E1F !important;
height:31px !important;
line-height:31px !important;
padding:0 20px !important;
margin-left:-10px;
text-decoration:none;
font-size:11px;
float:left;
z-index:1;
}


#rmenu2 li a:hover,
#rmenu2 li a.current {
background-position:0 -31px;
display:block;
}

#rmenu2 li.current_page_item a{
background-position:0 -62px;
}

#rmenu2 li a.home {
background-position:0 -93px;
width:45px;
padding:0;
margin-left:0;
text-indent:-999em;
}

#rmenu2 li a.home:hover {
background-position:0 -124px;
}

#rmenu2 li li {
display:block;
-moz-background-clip:border;
-moz-background-inline-policy:continuous;
-moz-background-originadding;
background:#F4F5F7 none repeat scroll 0 0;
border-color:#A6A6A6;
border-style:solid;
border-width:1px 1px 0;
position:absolute;
z-index:1;
}

#rmenu2 li.current_page_item a.home {
background-position:0 -155px;
}

#rmenu2 li a.lastmenu:hover {
background-position:0 0;
cursor:default;
}

#rmenu2 ul.rMenu-hor li {
float:none;
width:auto;
margin-top: 0 !important;
margin-bottom:-1px;
margin-left:-1px;
}

ul.rMenu {
float:none;
width:auto;
background:#ffffff url(http://arielsilverstone.com/wp-conte...e/img/menu.gif) no-repeat scroll 0 0 !important;
border-bottom:1px solid #A6A6A6 !important;
color:#4C4C4C;
padding: 0 20px;
}

Last edited by ariels; Sep 5, 2009 at 01:23 PM.

Bookmarks

Tags
background, css, menu

Thread Tools Search this Thread
Search this Thread:

Advanced Search
Display Modes


Similar Threads
Thread Thread Starter Forum Replies Last Post
Hopefully Simple Question: Having a Category as Page in Page Menu Bar Gisele Page & Category Menu Bars 4 Aug 17, 2009 11:47 AM
Question about page menu hilighting Croyd Page & Category Menu Bars 4 Jul 16, 2009 01:30 PM
Menu Bar Question mgofootball Page & Category Menu Bars 2 Jul 16, 2009 10:00 AM
Splash/Front Page and Menu question ryguy Page & Category Menu Bars 1 Mar 25, 2009 06:00 PM


All times are GMT -6. The time now is 08:26 AM.


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