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.

darken/hover css

View previous topic View next topic Go down

Solved darken/hover css

Post by Photondragon12345 on 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
Forumember

Male Posts : 226
Reputation : 1
Language : English, Chinese, A little french
Location : USA

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

Back to top Go down

Solved Re: darken/hover css

Post by nextlevelgaming on 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
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 on September 14th 2012, 12:01 am

do you or anyone else have a specific link?

Photondragon12345
Forumember

Male Posts : 226
Reputation : 1
Language : English, Chinese, A little french
Location : USA

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

Back to top Go down

Solved Re: darken/hover css

Post by nextlevelgaming on 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
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 on September 18th 2012, 6:44 am

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

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

Male Posts : 226
Reputation : 1
Language : English, Chinese, A little french
Location : USA

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

Back to top Go down

Solved Re: darken/hover css

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

Topic Solved & Locked


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


SLGray
Administrator
Administrator

Male Posts : 36663
Reputation : 2444
Language : English
Location : United States

http://ztwds.forumotion.com/

Back to top Go down

View previous topic View next topic Back to top


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