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.
The forum of the forums
5 posters

    Members Button code

    avatar
    KobaltZero
    New Member


    Male Posts : 18
    Reputation : 1
    Language : english

    In progress Members Button code

    Post by KobaltZero Fri 31 Oct - 8:31

    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_ Fri 31 Oct - 11:24

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


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

    In progress Re: Members Button code

    Post by SLGray Fri 31 Oct - 17:08

    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 Fri 31 Oct - 21:19

    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 Fri 31 Oct - 21:39

    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_ Fri 31 Oct - 22:32

    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 : 51498
    Reputation : 3523
    Language : English
    Location : United States

    In progress Re: Members Button code

    Post by SLGray Sat 1 Nov - 0:12

    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 Thu 6 Nov - 1:42

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


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

    In progress Re: Members Button code

    Post by SLGray Thu 6 Nov - 4:40

    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 Thu 6 Nov - 4:47

    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 Thu 6 Nov - 6:07

    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

      Current date/time is Sun 22 Sep - 19:32