Glitter Username + Username Icon Problem 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.
4 posters

    Glitter Username + Username Icon Problem

    JAN2XONLINE
    JAN2XONLINE
    Forumember


    Male Posts : 943
    Reputation : 32
    Language : Tagalog, English
    Location : Alberta, Canada

    In progress Glitter Username + Username Icon Problem

    Post by JAN2XONLINE December 1st 2013, 3:29 am

    Everytime I put a glitter on my username, my username icon disappears. Username glitter + icon was working a couple of months ago before I removed it to make my username simple. Now, I want it back because I'm going to sell glitter username in my forum shop.

    These are the codes I'm using for:
    Icon before username:
    Code:
      p a[href="/u1"], .postprofile strong a[href="/u1"], #chatbox_members a[href="/u1"] {
            background: url("http://imgh.us/couronne.png") no-repeat;
            padding-left: 20px;
            padding-top: 2px;
        }
    Glitter:
    Code:
    a[href="/u1"] {
        background: url("http://i45.servimg.com/u/f45/15/95/60/34/glitte10.gif
    ");
    }
    Please help, thank you.
    Kite Trojan
    Kite Trojan
    Forumember


    Male Posts : 823
    Reputation : 19
    Language : English

    In progress Re: Glitter Username + Username Icon Problem

    Post by Kite Trojan December 1st 2013, 3:30 am

    Can you give us the link and a test account?
    avatar
    runawayhorses
    Hyperactive


    Male Posts : 2537
    Reputation : 166
    Language : English
    Location : United States

    In progress Re: Glitter Username + Username Icon Problem

    Post by runawayhorses December 1st 2013, 3:37 am

    Try that last code like this:
    Code:
    a[href=/u1] {
    background:url("http://i45.servimg.com/u/f45/15/95/60/34/glitte10.gif\A");
    }
    JAN2XONLINE
    JAN2XONLINE
    Forumember


    Male Posts : 943
    Reputation : 32
    Language : Tagalog, English
    Location : Alberta, Canada

    In progress Re: Glitter Username + Username Icon Problem

    Post by JAN2XONLINE December 1st 2013, 11:15 am

    runawayhorses wrote:Try that last code like this:
    Code:
    a[href=/u1] {
    background:url("http://i45.servimg.com/u/f45/15/95/60/34/glitte10.gif\A");
    }
    Not working. Confused 

    @Xnomejx
    Here is the link: http://animeph.4umer.com/forum

    And why is the test account?
    Ange Tuteur
    Ange Tuteur
    Forumaster


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

    In progress Re: Glitter Username + Username Icon Problem

    Post by Ange Tuteur December 1st 2013, 3:19 pm

    Hello JAN2XONLINE,

    The problem is you're using two background properties on one element, this would not work as the next CSS would overwrite the last background.

    You should try using the :before pseudo class and content property:
    Code:
    a[href="/u1"] span strong:before {
    content: url("http://imgh.us/couronne.png");
    }
    JAN2XONLINE
    JAN2XONLINE
    Forumember


    Male Posts : 943
    Reputation : 32
    Language : Tagalog, English
    Location : Alberta, Canada

    In progress Re: Glitter Username + Username Icon Problem

    Post by JAN2XONLINE December 2nd 2013, 3:09 am

    SethC1995 wrote:Hello JAN2XONLINE,

    The problem is you're using two background properties on one element, this would not work as the next CSS would overwrite the last background.

    You should try using the :before pseudo class and content property:
    Code:
    a[href="/u1"] span strong:before {
    content: url("http://imgh.us/couronne.png");
    }
    Okay, so I'll replace the code I'm using right now for the glitter username to that code?
    Ange Tuteur
    Ange Tuteur
    Forumaster


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

    In progress Re: Glitter Username + Username Icon Problem

    Post by Ange Tuteur December 2nd 2013, 3:31 am

    Non, that is for the crown Icon. So remove the crown one if you're using it, you can keep glitter.