MyBB Community Forums

http://mybbsource.com/thread-4201.html
I'm using that theme and i am having a issue, when you hover over a link such as home it will turn red. Now i added a gallery link but i have no idea how to make it change color when i hover over it. Here is the code for the buttons.

<td width="10"><img src="mybbvn/lighting/images/menu_l.png" border="0" alt="menu_l" /></td>
	<td class="mybbvn_menu_portal"><a href="{$mybb->settings['homeurl']}">Home</a></td>
	<td class="mybbvn_menu_forum"><a href="{$mybb->settings['bburl']}/search.php">Search</a></td>
	<td class="mybbvn_menu_calendar"><a href="{$mybb->settings['bburl']}/memberlist.php">Members</a></td>
	<td class="mybbvn_menu_member"><a href="{$mybb->settings['bburl']}/calendar.php">Calendar</a></td>
    <td class="mybbvn_menu_help"><a href="{$mybb->settings['bburl']}/misc.php?action=help">Help</a></td>
    <td class="mybbvn_menu_gallery"><a href="{$mybb->settings['bburl']}/ezgallery.php?action=help">Gallery</a></td>
	<td width="50"><img src="mybbvn/lighting/images/menu_r.png" border="0" alt="menu_r" /></td>
	<td width="100%"><span class="smalltext" style="float: right; color:#FFFFFF;">{$lang->welcome_current_time}</span></td>
	<td width="10"><img src="mybbvn/lighting/images/menu_l.png" border="0" alt="menu_l" /></td>

You really should be asking for support there if that theme isn't posted on this board. However, all you have to do is make sure your link uses the proper css class. Which is looks like you've tried to do. However if you go into the ACP->Themes & Templates section and look in your css, you'll find that mybbvn_menu_gallery doesn't exist. I'm honestly not sure why he used a different css for every single link instead of mybbvn_menu_link (same css for all), but you should be able to just change the word gallery in yours to any of the others, such as help.

(2010-08-15, 10:44 PM)Dylan M. Wrote: [ -> ]You really should be asking for support there if that theme isn't posted on this board. However, all you have to do is make sure your link uses the proper css class. Which is looks like you've tried to do. However if you go into the ACP->Themes & Templates section and look in your css, you'll find that mybbvn_menu_gallery doesn't exist. I'm honestly not sure why he used a different css for every single link instead of mybbvn_menu_link (same css for all), but you should be able to just change the word gallery in yours to any of the others, such as help.

Hmm i think i understand, the forum i got it off of, the user isnt active so i thought this would be the next best spot.

Happy to help anyways

(2010-08-15, 11:04 PM)Dylan M. Wrote: [ -> ]Happy to help anyways

One problem, here is the help css.

.mybbvn_menu_help {
 background-image: url(mybbvn/lighting/images/menu_m.png); background-repeat: repeat-x; padding-left: 12px; padding-right: 12px; height: 30px;
}

.mybbvn_menu_help:hover {
 background-image: url(mybbvn/lighting/images/menu_level1_item_pink.png); background-repeat: repeat-x; padding-left: 12px; padding-right: 12px; height: 30px;
}

.mybbvn_menu_help_selected {
 background-image: url(mybbvn/lighting/images/menu_level1_item_pink.png); background-repeat: repeat-x; padding-left: 12px; padding-right: 12px; height: 30px;
}

Now i basically copy and pasted and edited to what i need. and this is what it looks like.

.mybbvn_menu_gallery {
 background-image: url(mybbvn/lighting/images/menu_J.png); background-repeat: repeat-x; padding-left: 12px; padding-right: 12px; height: 30px;
}

.mybbvn_menu_help:hover {
 background-image: url(mybbvn/lighting/images/menu_level1_item_lightblue.png); background-repeat: repeat-x; padding-left: 12px; padding-right: 12px; height: 30px;
}

.mybbvn_menu_gallery_selected {
 background-image: url(mybbvn/lighting/images/menu_level1_item_lightblue.png); background-repeat: repeat-x; padding-left: 12px; padding-right: 12px; height: 30px;
}

When i hover over "gallery" it doesnt change colors.

Look at your code again

You didn't change the hover entry to say gallery, still says help.

Opps. >.< I dont know how i missed that lol thanks it works perfectly now!

Any time, any time.

Thats abit wild lol , a seperate css class for each one ? Should just use one class for all and call the images using html in the template.

(2010-08-15, 11:24 PM)Janota Wrote: [ -> ]Thats abit wild lol , a seperate css class for each one ? Should just use one class for all and call the images using html in the template.

I did mention that