WebArtz - The Web Design Forum
Welcome to WebArtz, Guest!

WebArtz is a nice place for discussions related to web designing and coding. We help our members to code their own website templates with HTML and CSS. We give them advice on various issues.

To know more about WebArtz Forum, visit the About Us page.

At the moment, you are viewing the forum as a guest. As a guest you can't make post and participate in discussions. You need to register and become a member of the forum. Click the register link below and become a part of this forum.

Thank You

WebArtz - The Web Design Forum
Welcome to WebArtz, Guest!

WebArtz is a nice place for discussions related to web designing and coding. We help our members to code their own website templates with HTML and CSS. We give them advice on various issues.

To know more about WebArtz Forum, visit the About Us page.

At the moment, you are viewing the forum as a guest. As a guest you can't make post and participate in discussions. You need to register and become a member of the forum. Click the register link below and become a part of this forum.

Thank You


You are not connected. Please login or register

WebArtz - The Web Design Forum » Web Designing & Coding » CSS (Cascading Style Sheets) » What are the codes for Navigation bar Hover?

View previous topic View next topic Go down  Message [Page 1 of 1]

Emilio

Emilio
Registered Member
Registered Member
I need the codes to hover my images on the navigation bar
Can someone give me the codes?
I got PUNBB

http://www.graphilicious.forumotion.Com

Darthmaul

Darthmaul
Registered Member
Registered Member
What exactly do you mean by..."Hover"?

Emilio

Emilio
Registered Member
Registered Member
A hover image for navibar

http://www.graphilicious.forumotion.Com

ankillien

ankillien
Administrator
Administrator
Hey Smile

So, you want the background image to change on hover?
You can use this code...

Code:
a.mainmenu {
background : url(STANDARD BACKGROUND IMAGE) repeat-x;
}
a.mainmenu:hover {
background : url(HOVER BACKGROUND IMAGE) repeat-x !important;
}

Hope it helps Very Happy

Emilio

Emilio
Registered Member
Registered Member
but like for home, faq ,...

http://www.graphilicious.forumotion.Com

ankillien

ankillien
Administrator
Administrator
I doubt if this is going to work but try this code..

Code:
a.mainmenu[href="/index.htm"]{
background : url() repeat-x;
}

This should work for the index link only.

Emilio

Emilio
Registered Member
Registered Member
Nope

http://www.graphilicious.forumotion.Com

ankillien

ankillien
Administrator
Administrator
It should word with forum.htm...

Code:
    a.mainmenu[href="/forum.htm"]{
    background : url() repeat-x;
    }

You just need to add the link URL there.

Sponsored content


View previous topic View next topic Back to top  Message [Page 1 of 1]

WebArtz - The Web Design Forum » Web Designing & Coding » CSS (Cascading Style Sheets) » What are the codes for Navigation bar Hover?

Permissions in this forum:
You cannot reply to topics in this forum