Not sure how to word the title..

Anyways is there a way to make the images change when you hover them on the navbar?

/bump

what do you mean please use more than 10 words , use details like 200 words so i can understand what you want .

Anime Creator wrote:what do you mean please use more than 10 words , use details like 200 words so i can understand what you want .

He is basically asking if there is a way to change the image on the navigation bar when you roll your mouse over it.

Anime Creator wrote:what do you mean please use more than 10 words , use details like 200 words so i can understand what you want .

I am pretty sure there are more than 10 words and I am pretty sure it is clear.

Anyways to break it down for you what I want is a roll over image on my navigation bar.

Example:
http://websitetips.com/css/tutorials/menus/

When you hover the links it changes images.

You can easily change the opacity of the navbar so they look transparant .

Not what I want...

Thanks to Gangstar the code I was looking for is this:

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;
}

/solved
/locked