HTML Page CSS Rollover Navbar Image
3 posters
Page 1 of 1
HTML Page CSS Rollover Navbar Image
I know how to make all the default navbar images rollover
But what do I put for a HTML page please help!
like i have a page: /h1-example
How do i make that rollover as well, what CSS code do i add?
- Code:
#i_icon_mini_index {
background-image: url(IMAGE1);
width: 105px;
height: 135px;
}
#i_icon_mini_index:hover {
background-image: url(IMAGE2);
width: 105px;
height: 135px;
}
#i_icon_mini_profile {
background-image: url(IMAGE1);
width: 105px;
height: 135px;
}
#i_icon_mini_profile:hover {
background-image: url(IMAGE2);
width: 105px;
height: 135px;
}
#i_icon_mini_message {
background-image: url(IMAGE1);
width: 105px;
height: 135px;
}
#i_icon_mini_message:hover {
background-image: url(IMAGE2);
width: 105px;
height: 135px;
}
#i_icon_mini_new_message {
background-image: url(IMAGE1);
width: 105px;
height: 135px;
}
#i_icon_mini_new_message:hover {
background-image: url(IMAGE2);
width: 105px;
height: 135px;
}
#i_icon_mini_logout {
background-image: url(IMAGE1);
width: 105px;
height: 135px;
}
#i_icon_mini_logout:hover {
background-image: url(IMAGE2);
width: 105px;
height: 135px;
}
#i_icon_mini_login {
background-image: url(IMAGE1);
width: 105px;
height: 135px;
}
#i_icon_mini_login:hover {
background-image: url(IMAGE2);
width: 105px;
height: 135px;
}
#i_icon_mini_register {
background-image: url(IMAGE1);
width: 105px;
height: 135px;
}
#i_icon_mini_register:hover {
background-image: url(IMAGE2);
width: 105px;
height: 135px;
}
But what do I put for a HTML page please help!
like i have a page: /h1-example
How do i make that rollover as well, what CSS code do i add?
URFTV- Forumember
- Posts : 237
Reputation : 0
Language : English
Location : Australia
Re: HTML Page CSS Rollover Navbar Image
I think this can help you.. look for the Guest's post:
http://www.webartzforum.com/t2298-how-do-i-make-the-affiliate-button-on-hover-like-the-rest-of-my-images
http://www.webartzforum.com/t2298-how-do-i-make-the-affiliate-button-on-hover-like-the-rest-of-my-images
URFTV- Forumember
- Posts : 237
Reputation : 0
Language : English
Location : Australia
Re: HTML Page CSS Rollover Navbar Image
Since this thread appears to be solved, I will lock this thread and mark it as solved now. Important: You can also help the moderators to know if your topic/problem is solved by EDITING your first post and marking the topic as solved. Thank you. ~ Joph25 |
Jophy- ForumGuru
- Posts : 17924
Reputation : 836
Language : English
Location : Somewhere
Similar topics
» Navbar Rollover Image
» Creating image rollover on navbar.
» HTML Page + Navbar
» html page not working in navbar
» Auto Logout navbar on html page
» Creating image rollover on navbar.
» HTML Page + Navbar
» html page not working in navbar
» Auto Logout navbar on html page
Page 1 of 1
Permissions in this forum:
You cannot reply to topics in this forum