The forum of the forums
Would you like to react to this message? Create an account in a few clicks or log in to continue.

darken/hover css

3 posters

Go down

Solved darken/hover css

Post by Photondragon12345 September 12th 2012, 4:28 am

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? Confused
Photondragon12345
Photondragon12345
Forumember

Male Posts : 226
Reputation : 1
Language : English
Location : USA

http://photon-duel-academy.forumotion.com/

Back to top Go down

Solved Re: darken/hover css

Post by nextlevelgaming September 12th 2012, 2:02 pm

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

Male Posts : 989
Reputation : 38
Language : English|CSS|HTML5|javascript|
Location : New York

http://www.easybbtutorials.forumotion.com

Back to top Go down

Solved Re: darken/hover css

Post by Photondragon12345 September 14th 2012, 12:01 am

do you or anyone else have a specific link?
Photondragon12345
Photondragon12345
Forumember

Male Posts : 226
Reputation : 1
Language : English
Location : USA

http://photon-duel-academy.forumotion.com/

Back to top Go down

Solved Re: darken/hover css

Post by nextlevelgaming September 14th 2012, 7:01 am

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
nextlevelgaming
nextlevelgaming
Forumember

Male Posts : 989
Reputation : 38
Language : English|CSS|HTML5|javascript|
Location : New York

http://www.easybbtutorials.forumotion.com

Back to top Go down

Solved Re: darken/hover css

Post by nextlevelgaming September 18th 2012, 6:44 am

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

Male Posts : 989
Reputation : 38
Language : English|CSS|HTML5|javascript|
Location : New York

http://www.easybbtutorials.forumotion.com

Back to top Go down

Solved Re: darken/hover css

Post by Photondragon12345 September 19th 2012, 12:24 am

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
Photondragon12345
Photondragon12345
Forumember

Male Posts : 226
Reputation : 1
Language : English
Location : USA

http://photon-duel-academy.forumotion.com/

Back to top Go down

Solved Re: darken/hover css

Post by SLGray September 19th 2012, 12:28 am

Topic Solved & Locked


darken/hover css Slgray10

When your topic has been solved, ensure you mark the topic solved.
Never post your email in public.
SLGray
SLGray
Administrator
Administrator

Male Posts : 51463
Reputation : 3519
Language : English
Location : United States

https://forumsclub.com/gc/128-link-directory/

Back to top Go down

Back to top


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