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 » Other BFA WordPress Themes »

Current page custom menu


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 Dec 2, 2010, 07:10 PM
Wendihi
 
3 posts · Dec 2010
Current page custom menu

Hi, I'm stuck. I want to have the current page link (image) highlighted but I can't figure out the right css. Really stupid that I can't find it...

This is the code on the page
HTML Code:
<div id="menubar">
<div class="menu-top-menu-container"><ul id="menu-top-menu" class="menu"><li id="menu-item-30" class="menu-item menu-item-type-custom menu-item-home menu-item-30"><a title="Home" href="http://localhost/yeah/">Home</a></li>
<li id="menu-item-34" class="menu-item menu-item-type-post_type current-menu-item page_item page-item-31 current_page_item menu-item-34"><a title="Produk" href="http://localhost/yeah/product">Product</a></li>
</ul></div></div>
This is the css I have now
Code:
#menubar{
	width:544px;
	height:39px;
	position:absolute;
	margin:82px 0 0 202px;
	background:url(images/menubg.gif) no-repeat;
	}
	
#menubar ul li {
 	display: block;
    float: left;
    font-size: 12px;
    list-style: none outside none;
    text-align: center;
}
	
#menubar ul li a {
	color:#000;
	font-weight:bold;
	font-family:"Arial Black", Gadget, sans-serif;
}

#menubar #menu-item-30 a {
	color: #008800;
    font-family: "Arial Black",Gadget,sans-serif;
    font-weight: bold;
	height:39px;
	background-image:url(images/tombol-on_01.jpg);
	text-indent:-9999px;
	display:block;
	width:60px;
	padding-right:11px;
}

#menubar #menu-item-30 a:hover {
	color:#1d6fc7;
}

#menu-item-30 li {
	padding-right:11px;
	display:block;
}

#menubar #menu-item-34 a {
	color: #008800;
    font-family: "Arial Black",Gadget,sans-serif;
    font-weight: bold;
	height:39px;
	background-image:url(images/tombol-off_02.jpg);
	text-indent:-9999px;
	display:block;
	width:79px;
}

#menubar #menu-item-34 a:hover {
	background-image:url(images/tombol-on_02.jpg);
}

#menubar #menu-item-34 .current-page-item a {
	color: #008800;
    font-family: "Arial Black",Gadget,sans-serif;
    font-weight: bold;
	height:39px;
	background-image:url(images/tombol-on_02.jpg);
	text-indent:-9999px;
	display:block;
	width:79px;
}
The links to the images are OK.

Anyone an idea?

Thanks
  #2  
Old Dec 2, 2010, 07:50 PM
juggledad's Avatar
juggledad
 
20,147 posts · Mar 2009
OSX 10.6.8/10.7.3 WP 2.8.x/2.9.x/3.x Atahualpa 3.5.x/3.7.x Safari 5.x Firefox 11 XP
try fully qualifying your url
background-image:url(images/tombol-on_02.jpg);
  #3  
Old Dec 2, 2010, 08:19 PM
Wendihi
 
3 posts · Dec 2010
Thanks for your reply. I have changed the path to
Code:
http://localhost/yeah/wp-content/themes/yeah/images/tombol-on_02.jpg
but still nothing. It's really weird since it should work.

The link to the image is OK.
  #4  
Old Dec 3, 2010, 04:31 AM
juggledad's Avatar
juggledad
 
20,147 posts · Mar 2009
OSX 10.6.8/10.7.3 WP 2.8.x/2.9.x/3.x Atahualpa 3.5.x/3.7.x Safari 5.x Firefox 11 XP
What version of Atahuala and WP?
Looks like you are running locally so do an export of your settings (ato->export/import settings->export) and attach them to a reply (use the paper clip icon)
  #5  
Old Dec 3, 2010, 05:56 AM
Wendihi
 
3 posts · Dec 2010
It's WP 3.0.2 but I'm not using the theme you mentioned. Is that a problem?
  #6  
Old Dec 3, 2010, 06:00 AM
juggledad's Avatar
juggledad
 
20,147 posts · Mar 2009
OSX 10.6.8/10.7.3 WP 2.8.x/2.9.x/3.x Atahualpa 3.5.x/3.7.x Safari 5.x Firefox 11 XP
Well this forum is for the Atahualpa theme, so...yeah that's a problem for you.

You should contact the developer of the theme you are using. If you decide to check out and use Atahualpa, feel free to post questions about Atahualpa here.

Bookmarks

Thread Tools Search this Thread
Search this Thread:

Advanced Search
Display Modes


Similar Threads
Thread Thread Starter Forum Replies Last Post
Page menu (pages-widget): Current page item in post unelma Sidebars & Widgets 5 Jun 7, 2010 03:11 PM
Page menu: highlight a parent as current, even when on a subpage andd Page & Category Menu Bars 0 May 16, 2010 05:52 AM
[SOLVED] Change current page menu bar background color Wimbledon Page & Category Menu Bars 7 Apr 4, 2010 12:33 AM
Current page on page menu bar Dale Page & Category Menu Bars 0 Sep 11, 2009 09:45 AM
Color of children of current page in menu BradBrown Page & Category Menu Bars 0 Mar 22, 2009 02:38 PM


All times are GMT -6. The time now is 11:56 PM.


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