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.

Members Button code

View previous topic View next topic Go down

In progress Members Button code

Post by KobaltZero on Fri Oct 31, 2014 3: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;
}

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_ on Fri Oct 31, 2014 6:24 am

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

Male Posts : 2043
Reputation : 308
Language : English
Location : Ms

http://liquidcode.forumotion.com

Back to top Go down

In progress Re: Members Button code

Post by SLGray on Fri Oct 31, 2014 12: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;
}


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

avatar
SLGray
Administrator
Administrator

Male Posts : 39122
Reputation : 2625
Language : English
Location : United States

https://fmthemes.forumotion.com/

Back to top Go down

In progress Re: Members Button code

Post by KobaltZero on Fri Oct 31, 2014 4: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?

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 on Fri Oct 31, 2014 4:39 pm

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

Male Posts : 1614
Reputation : 97
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_ on Fri Oct 31, 2014 5: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;
}
avatar
_Twisted_Mods_
Helper
Helper

Male Posts : 2043
Reputation : 308
Language : English
Location : Ms

http://liquidcode.forumotion.com

Back to top Go down

In progress Re: Members Button code

Post by SLGray on Fri Oct 31, 2014 7:12 pm

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


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

avatar
SLGray
Administrator
Administrator

Male Posts : 39122
Reputation : 2625
Language : English
Location : United States

https://fmthemes.forumotion.com/

Back to top Go down

In progress Re: Members Button code

Post by KobaltZero on Wed Nov 05, 2014 7:42 pm

I just wanted the color to change.

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 on Wed Nov 05, 2014 10:40 pm

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;
}


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

avatar
SLGray
Administrator
Administrator

Male Posts : 39122
Reputation : 2625
Language : English
Location : United States

https://fmthemes.forumotion.com/

Back to top Go down

In progress Re: Members Button code

Post by KobaltZero on Wed Nov 05, 2014 10:47 pm

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].

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 on Thu Nov 06, 2014 12: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://imageshack.us/a/img526/3725/memberlisto.png

hover : https://imageshack.us/a/img40/8528/memberlistglow.png
avatar
Ange Tuteur
Forumaster

Male Posts : 13172
Reputation : 2868
Language : EN10, FR5
Location : Macungie, PA

http://fmdesign.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