HOVER NAV BARS(REP ASAP)
3 posters
Page 1 of 1
HOVER NAV BARS(REP ASAP)
I need help with my nav bars, I got a nav bar set that has hover effects. Like if you hover on a nav, it lights up. I cant find where to put the hover images. Is there a CSS code for this or something? Please help me... I have a deadline in making the forum...
ClintPurto- New Member
- Posts : 8
Reputation : 0
Language : English
Re: HOVER NAV BARS(REP ASAP)
Hi
Remove your navigations out of Admin panel and add them all
through CSS. Also go to Display >> Headers and navigations
>> Display only images in nav bar: YES
Do this for the static image:
And than this for hover:
Do it for all navigations, just change the end of #i_icon_mini
Like this:
_portal {
_portal:hover {
This is for the rest of navigations:
_profile
_calendar
_gallery
_message
_new_message
_register
_login
_logout
_search
_faq
Remove your navigations out of Admin panel and add them all
through CSS. Also go to Display >> Headers and navigations
>> Display only images in nav bar: YES
Do this for the static image:
- Code:
#i_icon_mini_index {
background-image: url('IMAGE LINK GOES HERE');
width: XYpx;
height: XYpx;
}
And than this for hover:
- Code:
#i_icon_mini_index:hover {
background-image: url('IMAGE HOVER LINK GOES HERE');
width: XYpx;
height: XYpx;
}
Do it for all navigations, just change the end of #i_icon_mini
Like this:
_portal {
_portal:hover {
This is for the rest of navigations:
_profile
_calendar
_gallery
_message
_new_message
_register
_login
_logout
_search
_faq
Nera.- Energetic
- Posts : 7078
Reputation : 2017
Language : English
Location : -
Re: HOVER NAV BARS(REP ASAP)
Thank you so much...
ClintPurto- New Member
- Posts : 8
Reputation : 0
Language : English
Re: HOVER NAV BARS(REP ASAP)
Since this thread appears to be solved, I will lock this thread and mark it as solved.
Sanket
Sanket
Sanket- ForumGuru
- Posts : 48766
Reputation : 2830
Language : English
Location : Mumbai
Similar topics
» HOVER NAV BARS(REP ASAP) 2nd Prob
» hover nav bars
» Blue arrow hover : navigation hover bar
» Ranks, Navigation bars, Warning bars
» Ranks, Navigation bars, Warning bars
» hover nav bars
» Blue arrow hover : navigation hover bar
» Ranks, Navigation bars, Warning bars
» Ranks, Navigation bars, Warning bars
Page 1 of 1
Permissions in this forum:
You cannot reply to topics in this forum