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) » Hover for report-icon

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

1Hover for report-icon Empty Hover for report-icon Tue Dec 28, 2010 9:04 pm

Matti

Matti
Registered Member
Registered Member
Hello!

When i use like this nothing happen so i do i get this fixed for those icons.
Code:

.i_icon_report{width:16px;height:17px;background: url(http://2img.net/i/fa/prosilver/icon_post_report.gif) no-repeat center !important;}

.i_icon_report:hover{background: url(http://2img.net/i/fa/prosilver/icon_post_reported.gif) no-repeat center !important;}

http://csshelp.forumotion.net/

2Hover for report-icon Empty Re: Hover for report-icon Tue Dec 28, 2010 10:26 pm

Guest


Guest
try this:

Code:

#i_icon_report {
width:18px;
height:17px;
background-image:url('http://2img.net/i/fa/prosilver/icon_post_report.gif'); no-repeat center !important;
}

#i_icon_report:hover {
background-image:url('http://2img.net/i/fa/prosilver/icon_post_reported.gif'); no-repeat center !important;
}

3Hover for report-icon Empty Re: Hover for report-icon Wed Dec 29, 2010 5:33 am

Matti

Matti
Registered Member
Registered Member
Thant is the same as i have so nothing.

http://csshelp.forumotion.net/

4Hover for report-icon Empty Re: Hover for report-icon Wed Dec 29, 2010 6:00 am

Guest


Guest
If the width/height is the exact size of the background image, then this is all you need:
Code:
.i_icon_report {width: 16px; height: 17px; background: url(http://2img.net/i/fa/prosilver/icon_post_report.gif) !important;}

.i_icon_report:hover {background: url(http://2img.net/i/fa/prosilver/icon_post_reported.gif) !important;}

5Hover for report-icon Empty Re: Hover for report-icon Wed Dec 29, 2010 9:17 am

Matti

Matti
Registered Member
Registered Member
Well yeah is the exact size so see here how it looks.

Hover for report-icon See10

Edit:
If you need the link to the test forum please let me know.

http://csshelp.forumotion.net/

6Hover for report-icon Empty Re: Hover for report-icon Wed Dec 29, 2010 2:11 pm

Guest


Guest
Maki wrote:If you need the link to the test forum please let me know.
If you want help specific to your problem, then I need to see your test forum!

7Hover for report-icon Empty Re: Hover for report-icon Wed Dec 29, 2010 7:30 pm

Matti

Matti
Registered Member
Registered Member
Sure I have send you the link by pm also if you need admin rights I'll give you the test account.

http://csshelp.forumotion.net/

8Hover for report-icon Empty Re: Hover for report-icon Wed Dec 29, 2010 9:10 pm

Guest


Guest
there is no class/ID for this icon (:
u need to do as i did before (:

9Hover for report-icon Empty Re: Hover for report-icon Tue Jan 04, 2011 2:07 am

Matti

Matti
Registered Member
Registered Member
Ok, thanks! Very Happy

http://csshelp.forumotion.net/

10Hover for report-icon Empty Re: Hover for report-icon Fri Jan 07, 2011 5:08 pm

Matti

Matti
Registered Member
Registered Member
This can be locked now.

http://csshelp.forumotion.net/

11Hover for report-icon Empty Re: Hover for report-icon Fri Jan 07, 2011 8:07 pm

Jophy

Jophy
Registered Member
Registered Member
Hover for report-icon Locked10

Solved => Thread Closed

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) » Hover for report-icon

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