The forum of the forums
Welcome to the Official Support Forum of Forumotion!

To take full advantage of everything offered by our forum, please log in if you are already a member, or join our community if you've not yet.



Create a free forum like this one.

HTML Page CSS Rollover Navbar Image

Go down

Solved HTML Page CSS Rollover Navbar Image

Post by URFTV on March 6th 2011, 9:13 am

I know how to make all the default navbar images rollover
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 Sad please help!

like i have a page: /h1-example
How do i make that rollover as well, what CSS code do i add?
avatar
URFTV
Forumember

Male Posts : 237
Reputation : 0
Language : English
Location : Australia

Back to top Go down

Solved Re: HTML Page CSS Rollover Navbar Image

Post by Gangstar15 on March 6th 2011, 11:24 am

avatar
Gangstar15
Forumember

Female Posts : 392
Reputation : 163

http://www.designdrops.net/

Back to top Go down

Solved Re: HTML Page CSS Rollover Navbar Image

Post by URFTV on April 16th 2011, 4:08 am

Thanks.
avatar
URFTV
Forumember

Male Posts : 237
Reputation : 0
Language : English
Location : Australia

Back to top Go down

Solved Re: HTML Page CSS Rollover Navbar Image

Post by Jophy on April 16th 2011, 4:34 am

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
avatar
Jophy
ForumGuru

Male Posts : 17924
Reputation : 835
Language : English
Location : Somewhere

Back to top Go down

Back to top


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