darken/hover css

http://www.duelacademy.net/forum

see how when the banners are hovered over they darken? i would like to know if it is possible to put a code in my css (no i dont want a general img:hover code) so that my banners on my forum can do the same thing?

that is done with jQuery. look up in google for image hover effects using jQuery your answer shall be there

do you or anyone else have a specific link?

depending on which images you want to do this heres what you can do without jQuery. I have yet finished my jQuery image over so we'll do this CSS

Firstly go to CSS stylesheet:

find

Code:

img{}

If you want all your images to do this then that's fine if not find the css tag that where your images you want done.

Code:

img{
background:#000;


Code:

img:hover{
background:#000;
 /* IE 8 */
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
  /* IE 5-7 */
  filter: alpha(opacity=50);
  /* Netscape */
  -moz-opacity: 0.5;
  /* Safari 1.x */
  -khtml-opacity: 0.5;
  /* Good browsers */
  opacity: 0.5;
}

Which should give you the look your are going for!

These are the following img tags:

Code:

a img{}
img {}
.post-options img {}
* + html button.button2 img{}
* html button.button2 img{}
#chatbox_contextmenu p.close img {}
.avatar img{}
.avatar.mini, .avatar.mini img {}
.friend_list_online_status img {}
.ajax-profil_edit img {}
.blog_title img {}
.blog_comments img {}
.blog_comment-avatar img {}
#bookmarks a img {}
#bookmarks a img.twitter {}---THERE ARE 10+different social networks
dl.file dt img {}
.pwd_img {}
.mod_bookmarks a img {}
#forum_rules .logo img {}
 img.i_icon_online{}
 span.postdetails img{}
table.bodylinewidth img#i_logo {}

there you go hope this helped ya

Did this help you? or is this still an open question?

well solved, i figured it out by adding an individual hover effect to each image in the description so it looks the same and each banner has that effect.

SOLVED LOCK PLEASE