WebArtz - The Web Design Forum
Welcome to WebArtz, Guest!

WebArtz is a nice place for discussions related to web designing and coding. We help our members to code their own website templates with HTML and CSS. We give them advice on various issues.

To know more about WebArtz Forum, visit the About Us page.

At the moment, you are viewing the forum as a guest. As a guest you can't make post and participate in discussions. You need to register and become a member of the forum. Click the register link below and become a part of this forum.

Thank You


You are not connected. Please login or register

WebArtz - The Web Design Forum » Web Designing & Coding » CSS (Cascading Style Sheets) » Help With Hover

View previous topic View next topic Go down  Message [Page 1 of 1]

1 Help With Hover on Sat Dec 11, 2010 2:17 pm

Axtrix


Registered Member
Registered Member
Can someone give me the code for hover in te edit, quote, multiquote... buttons.

And the hover opacity in the pm, email, skype aim...



Last edited by Axtrix on Mon Dec 13, 2010 2:04 am; edited 1 time in total

2 Re: Help With Hover on Sat Dec 11, 2010 3:32 pm

Guest


Guest
Hello,

private messages:

Code:
ul#privmsgs-menu li a img:hover {
}

ul#privmsgs-menu li a img {
}


Quotes,edit,multiquotes:

Code:
.post_mq3_4 {
CSS HERE
}

.i_icon_quote {
CSS HERE
}
.i_icon_delete {
CSS HERE
}
.i_icon_edit {
CSS HERE
}

3 Re: Help With Hover on Sat Dec 11, 2010 4:04 pm

Axtrix


Registered Member
Registered Member
Nick wrote:Hello,

private messages:

Code:
ul#privmsgs-menu li a img:hover {
}

ul#privmsgs-menu li a img {
}


Quotes,edit,multiquotes:

Code:
.post_mq3_4 {
CSS HERE
}

.i_icon_quote {
CSS HERE
}
.i_icon_delete {
CSS HERE
}
.i_icon_edit {
CSS HERE
}


Those arent all. I think there isnt the view profile and th iP an those.

4 Re: Help With Hover on Sat Dec 11, 2010 4:22 pm

Guest


Guest
i think all of them are:

i_icon_ip etc

i dunno if there is one for the profile.

5 Re: Help With Hover on Sat Dec 11, 2010 6:08 pm

Axtrix


Registered Member
Registered Member
I'll wait until someone verifies me and gives me the code because i'm a bit silly for css

6 Re: Help With Hover on Sat Dec 11, 2010 7:27 pm

Guest


Guest
Code:
i_icon_profile
i_icon_ip

7 Re: Help With Hover on Sun Dec 12, 2010 1:26 am

Axtrix


Registered Member
Registered Member
doesnt work

8 Re: Help With Hover on Sun Dec 12, 2010 1:41 am

Guest


Guest
u need to add "." or "#" before them (:

9 Re: Help With Hover on Sun Dec 12, 2010 3:00 am

Axtrix


Registered Member
Registered Member
i put the codes just as you gave them because i dont know css

10 Re: Help With Hover on Sun Dec 12, 2010 3:05 am

Guest


Guest

11 Re: Help With Hover on Sun Dec 12, 2010 4:43 am

Axtrix


Registered Member
Registered Member
could you create for me the css for hover that is 50% opacity an when hover it is 100%

You will be really helpfull

12 Re: Help With Hover on Sun Dec 12, 2010 5:28 am

Guest


Guest
What is your forum link? (:

13 Re: Help With Hover on Sun Dec 12, 2010 5:34 am

Axtrix


Registered Member
Registered Member
http://probadornexter.foroactivo.com/index.htm

14 Re: Help With Hover on Sun Dec 12, 2010 6:09 am

Guest


Guest
Add this to your CSS:
Code:
.postbody ul.profile-icons img{filter:alpha(opacity=50); opacity:0.5;}
.postbody ul.profile-icons img:hover{filter:alpha(opacity=100); opacity:1.0;}

15 Re: Help With Hover on Sun Dec 12, 2010 2:18 pm

Guest


Guest
well,i think you should learn some basic css first.

16 Re: Help With Hover on Sun Dec 12, 2010 2:49 pm

Axtrix


Registered Member
Registered Member
i am learning bit by bit but i dont know the css atributes

Edit.Thanks it works but not the profile

17 Re: Help With Hover on Sun Dec 12, 2010 8:11 pm

Guest


Guest
Try this:
Code:

.postprofile dd a img{filter:alpha(opacity=50); opacity:0.5;}
.postprofile dd a img:hover{filter:alpha(opacity=100); opacity:1.0;}

18 Re: Help With Hover on Sun Dec 12, 2010 8:51 pm

Axtrix


Registered Member
Registered Member
Solved

19 Re: Help With Hover on Mon Dec 13, 2010 5:02 pm

Jophy


Registered Member
Registered Member
Since the thread has been marked as solved, I will now close this topic.

http://www.socialtechforum.com/

View previous topic View next topic Back to top  Message [Page 1 of 1]

WebArtz - The Web Design Forum » Web Designing & Coding » CSS (Cascading Style Sheets) » Help With Hover

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