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

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]

1Help With Hover Empty Help With Hover Sat Dec 11, 2010 3:47 pm

Axtrix

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 3:34 am; edited 1 time in total

2Help With Hover Empty Re: Help With Hover Sat Dec 11, 2010 5:02 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
}

3Help With Hover Empty Re: Help With Hover Sat Dec 11, 2010 5:34 pm

Axtrix

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.

4Help With Hover Empty Re: Help With Hover Sat Dec 11, 2010 5:52 pm

Guest


Guest
i think all of them are:

i_icon_ip etc

i dunno if there is one for the profile.

5Help With Hover Empty Re: Help With Hover Sat Dec 11, 2010 7:38 pm

Axtrix

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

6Help With Hover Empty Re: Help With Hover Sat Dec 11, 2010 8:57 pm

Guest


Guest
Code:
i_icon_profile
i_icon_ip

7Help With Hover Empty Re: Help With Hover Sun Dec 12, 2010 2:56 am

Axtrix

Axtrix
Registered Member
Registered Member
doesnt work

8Help With Hover Empty Re: Help With Hover Sun Dec 12, 2010 3:11 am

Guest


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

9Help With Hover Empty Re: Help With Hover Sun Dec 12, 2010 4:30 am

Axtrix

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

10Help With Hover Empty Re: Help With Hover Sun Dec 12, 2010 4:35 am

Guest


Guest
this will help you.

http://www.webartzforum.com/css-cascading-style-sheets-f6/what-is-the-names-for-profile-icons-t1968.htm

11Help With Hover Empty Re: Help With Hover Sun Dec 12, 2010 6:13 am

Axtrix

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

12Help With Hover Empty Re: Help With Hover Sun Dec 12, 2010 6:58 am

Guest


Guest
What is your forum link? (:

13Help With Hover Empty Re: Help With Hover Sun Dec 12, 2010 7:04 am

Axtrix

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

14Help With Hover Empty Re: Help With Hover Sun Dec 12, 2010 7:39 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;}

15Help With Hover Empty Re: Help With Hover Sun Dec 12, 2010 3:48 pm

Guest


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

16Help With Hover Empty Re: Help With Hover Sun Dec 12, 2010 4:19 pm

Axtrix

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

17Help With Hover Empty Re: Help With Hover Sun Dec 12, 2010 9:41 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;}

18Help With Hover Empty Re: Help With Hover Sun Dec 12, 2010 10:21 pm

Axtrix

Axtrix
Registered Member
Registered Member
Solved

19Help With Hover Empty Re: Help With Hover Mon Dec 13, 2010 6:32 pm

Jophy

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

http://www.socialtechforum.com/

Sponsored content


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