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.

Members Button code

5 posters

Go down

In progress Members Button code

Post by KobaltZero October 31st 2014, 8:31 am

Alright, today i added a members button, but the hover color is different then the others, how do i change that? I cant find it in the colors or in the code.
All i did was add this code
Code:
}
#i_icon_mini_members{
background-image: url(https://imageshack.us/a/img526/3725/memberlisto.png);
width: 90px;
height: 90px;
}
#i_icon_mini_members:hover{
background-image: url(https://imageshack.us/a/img40/8528/memberlistglow.png);
width: 90px;
height: 90px;
}
avatar
KobaltZero
New Member

Male Posts : 22
Reputation : 1
Language : english

http://fossilwhitegaming.ogamefever.com/

Back to top Go down

In progress Re: Members Button code

Post by _Twisted_Mods_ October 31st 2014, 11:24 am

its because its a image not a color
_Twisted_Mods_
_Twisted_Mods_
Helper
Helper

Male Posts : 2108
Reputation : 336
Language : English
Location : Ms

http://liquidcode.forumotion.com

Back to top Go down

In progress Re: Members Button code

Post by SLGray October 31st 2014, 5:08 pm

This is the hover part:
Code:
#i_icon_mini_members:hover{
background-image: url(https://imageshack.us/a/img40/8528/memberlistglow.png);
width: 90px;
height: 90px;
}


Members Button code 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 : 51482
Reputation : 3519
Language : English
Location : United States

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

Back to top Go down

In progress Re: Members Button code

Post by KobaltZero October 31st 2014, 9:19 pm

SLGray wrote:This is the hover part:
Code:
#i_icon_mini_members:hover{
background-image: url(https://imageshack.us/a/img40/8528/memberlistglow.png);
width: 90px;
height: 90px;
}
 I put this code in and it didnt change anything?
avatar
KobaltZero
New Member

Male Posts : 22
Reputation : 1
Language : english

http://fossilwhitegaming.ogamefever.com/

Back to top Go down

In progress Re: Members Button code

Post by Ramdaman October 31st 2014, 9:39 pm

SLGray didn't modify the code, he just highlighted the hover section of the code.
Ramdaman
Ramdaman
Active Poster

Male Posts : 1615
Reputation : 99
Language : English, Albanian, Macedonian, Russian | HTML, CSS
Location : New York City

http://ndihme.forumotion.com/forum

Back to top Go down

In progress Re: Members Button code

Post by _Twisted_Mods_ October 31st 2014, 10:32 pm

use this it wont change

Code:
#i_icon_mini_members{
background-image: url(https://imageshack.us/a/img526/3725/memberlisto.png);
width: 90px;
height: 90px;
}
#i_icon_mini_members:hover{
background-image: url(https://imageshack.us/a/img526/3725/memberlisto.png);
width: 90px;
height: 90px;
}
_Twisted_Mods_
_Twisted_Mods_
Helper
Helper

Male Posts : 2108
Reputation : 336
Language : English
Location : Ms

http://liquidcode.forumotion.com

Back to top Go down

In progress Re: Members Button code

Post by SLGray November 1st 2014, 12:12 am

If you do not want the hover effect just remove the hover part.


Members Button code 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 : 51482
Reputation : 3519
Language : English
Location : United States

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

Back to top Go down

In progress Re: Members Button code

Post by KobaltZero November 6th 2014, 1:42 am

I just wanted the color to change.
avatar
KobaltZero
New Member

Male Posts : 22
Reputation : 1
Language : english

http://fossilwhitegaming.ogamefever.com/

Back to top Go down

In progress Re: Members Button code

Post by SLGray November 6th 2014, 4:40 am

Replace this:

Code:
#i_icon_mini_members:hover{
background-image: url(https://imageshack.us/a/img40/8528/memberlistglow.png);
width: 90px;
height: 90px;
}
 
With this:

Code:
#i_icon_mini_members:hover{
background-color: YOUR COLOR;
width: 90px;
height: 90px;
}


Members Button code 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 : 51482
Reputation : 3519
Language : English
Location : United States

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

Back to top Go down

In progress Re: Members Button code

Post by KobaltZero November 6th 2014, 4:47 am

But then when i do that it makes a block of color when i hover over it. It doesnt look like the others. I might just leave it off since its being a pain in the [Language].
avatar
KobaltZero
New Member

Male Posts : 22
Reputation : 1
Language : english

http://fossilwhitegaming.ogamefever.com/

Back to top Go down

In progress Re: Members Button code

Post by Ange Tuteur November 6th 2014, 6:07 am

Hello KobaltZero,

If you want to change the color on hover, you will need to edit the images with an image editing program. These are the images :
https://2img.net/r/ihimg/a/img526/3725/memberlisto.png

hover : https://2img.net/r/ihimg/a/img40/8528/memberlistglow.png
Ange Tuteur
Ange Tuteur
Forumaster

Male Posts : 13246
Reputation : 3000
Language : English & 日本語
Location : Pennsylvania

https://fmdesign.forumotion.com

Back to top Go down

Back to top

- Similar topics

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