MyBB Community Forums
Lighting mybbvn - Printable Version

+- MyBB Community Forums (https://community.mybb.com)
+-- Forum: Extensions (https://community.mybb.com/forum-201.html)
+--- Forum: Themes (https://community.mybb.com/forum-103.html)
+---- Forum: Theme Support (https://community.mybb.com/forum-10.html)
+---- Thread: Lighting mybbvn (/thread-76194.html)

Pages: 1 2


Lighting mybbvn - blake - 2010-08-15

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>



RE: Lighting mybbvn - Dylan M. - 2010-08-15

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.


RE: Lighting mybbvn - blake - 2010-08-15

(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. Smile




RE: Lighting mybbvn - Dylan M. - 2010-08-15

Happy to help anyways Smile


RE: Lighting mybbvn - blake - 2010-08-15

(2010-08-15, 11:04 PM)Dylan M. Wrote: Happy to help anyways Smile
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.




RE: Lighting mybbvn - Dylan M. - 2010-08-15

Look at your code again Big Grin

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


RE: Lighting mybbvn - blake - 2010-08-15

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


RE: Lighting mybbvn - Dylan M. - 2010-08-15

Any time, any time. Smile


RE: Lighting mybbvn - Janota - 2010-08-15

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.


RE: Lighting mybbvn - Dylan M. - 2010-08-15

(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 Smile