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

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 October 31st 2014, 11:24 am

its because its a image not a color

_Twisted_Mods_
Helper
Helper

Male Posts : 2020
Reputation : 299
Language : English
Location : Ms

http://liquidcode.forumotion.com

Back to top Go down

In progress Re: Members Button code

Post by SLGray on 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;
}


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


SLGray
Administrator
Administrator

Male Posts : 35667
Reputation : 2375
Language : English
Location : United States

http://fmthemes.forumotion.com/

Back to top Go down

In progress Re: Members Button code

Post by KobaltZero on 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?

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 October 31st 2014, 9:39 pm

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

Ramdaman
Active Poster

Male Posts : 1614
Reputation : 96
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 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_
Helper
Helper

Male Posts : 2020
Reputation : 299
Language : English
Location : Ms

http://liquidcode.forumotion.com

Back to top Go down

In progress Re: Members Button code

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

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.


SLGray
Administrator
Administrator

Male Posts : 35667
Reputation : 2375
Language : English
Location : United States

http://fmthemes.forumotion.com/

Back to top Go down

In progress Re: Members Button code

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

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


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


SLGray
Administrator
Administrator

Male Posts : 35667
Reputation : 2375
Language : English
Location : United States

http://fmthemes.forumotion.com/

Back to top Go down

In progress Re: Members Button code

Post by KobaltZero on 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].

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 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://imageshack.us/a/img526/3725/memberlisto.png

hover : https://imageshack.us/a/img40/8528/memberlistglow.png

Ange Tuteur
Forumaster

Male Posts : 13021
Reputation : 2684
Language : EN10, FR5
Location : Pennsylvania

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