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.

Glitter Username + Username Icon Problem

4 posters

Go down

In progress Glitter Username + Username Icon Problem

Post by JAN2XONLINE December 1st 2013, 04:29

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.
JAN2XONLINE
JAN2XONLINE
Forumember

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

http://animeph.4umer.com/

Back to top Go down

In progress Re: Glitter Username + Username Icon Problem

Post by Kite Trojan December 1st 2013, 04:30

Can you give us the link and a test account?
Kite Trojan
Kite Trojan
Forumember

Male Posts : 823
Reputation : 19
Language : English

http://galacticda.forumotion.com/

Back to top Go down

In progress Re: Glitter Username + Username Icon Problem

Post by runawayhorses December 1st 2013, 04:37

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");
}
avatar
runawayhorses
Hyperactive

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

http://runawayhorses.alldiscussion.net/

Back to top Go down

In progress Re: Glitter Username + Username Icon Problem

Post by JAN2XONLINE December 1st 2013, 12:15

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?
JAN2XONLINE
JAN2XONLINE
Forumember

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

http://animeph.4umer.com/

Back to top Go down

In progress Re: Glitter Username + Username Icon Problem

Post by Ange Tuteur December 1st 2013, 16:19

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");
}
Ange Tuteur
Ange Tuteur
Forumaster

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

https://fmdesign.forumotion.com

Back to top Go down

In progress Re: Glitter Username + Username Icon Problem

Post by JAN2XONLINE December 2nd 2013, 04:09

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?
JAN2XONLINE
JAN2XONLINE
Forumember

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

http://animeph.4umer.com/

Back to top Go down

In progress Re: Glitter Username + Username Icon Problem

Post by Ange Tuteur December 2nd 2013, 04:31

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

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

https://fmdesign.forumotion.com

Back to top Go down

Back to top


 
Permissions in this forum:
You cannot reply to topics in this forum