Members Button code Hitskin_logo Hitskin.com

This is a Hitskin.com skin preview
Install the skinReturn to the skin page

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.
5 posters

    Members Button code

    avatar
    KobaltZero
    New Member


    Male Posts : 18
    Reputation : 1
    Language : english

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


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

    In progress Re: Members Button code

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

    its because its a image not a color
    SLGray
    SLGray
    Administrator
    Administrator


    Male Posts : 51505
    Reputation : 3523
    Language : English
    Location : United States

    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.
    avatar
    KobaltZero
    New Member


    Male Posts : 18
    Reputation : 1
    Language : english

    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?
    Ramdaman
    Ramdaman
    Active Poster


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

    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.
    _Twisted_Mods_
    _Twisted_Mods_
    Helper
    Helper


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

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


    Male Posts : 51505
    Reputation : 3523
    Language : English
    Location : United States

    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.
    avatar
    KobaltZero
    New Member


    Male Posts : 18
    Reputation : 1
    Language : english

    In progress Re: Members Button code

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

    I just wanted the color to change.
    SLGray
    SLGray
    Administrator
    Administrator


    Male Posts : 51505
    Reputation : 3523
    Language : English
    Location : United States

    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.
    avatar
    KobaltZero
    New Member


    Male Posts : 18
    Reputation : 1
    Language : english

    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].
    Ange Tuteur
    Ange Tuteur
    Forumaster


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

    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