Trying to add an icon in front of a username........

Technical Details

Forum version : #phpBB3
Position : Founder
Concerned browser(s) : Mozilla Firefox
Who the problem concerns : All members
When the problem appeared : Just now.
Forum link : http://fairytale.crazy4us.com/

Description of problem

https://help.forumotion.com/t96136-group-s-style-on-legend-glitter-icon-glow

In the topic above, it explains how to add glitter or glow or an icon to a username. Well, it tells me in the topic that I need to add the code to CSS and I've adjusted the code to meet my specific forum needs. My question is....where in my CSS do I need to add that code? I've added it to the top and to the bottom and it doesn't work.

I find that the code below works the best. Simply replace the # Symbol with the user's number on everything above text decoration. on everything below it replace only the six ? marks with the proper hex code you wish for the glow. Also, try pasting this code at the bottom of the CSS.

Code:

[href="/u#"], span[data-user="#"]{
text-decoration: none !important;
text-shadow: 0 0 0.3em #??????, 0 0 0.3em #??????, 0 0 0.3em #??????;
}

Hoping this assists! Good Luck!
-Distruktion1408

Distruktion1408 wrote:I find that the code below works the best. Simply replace the # Symbol with the user's number on everything above text decoration. on everything below it replace only the six ? marks with the proper hex code you wish for the glow. Also, try pasting this code at the bottom of the CSS.

Code:

[href="/u#"], span[data-user="#"]{
text-decoration: none !important;
text-shadow: 0 0 0.3em #??????, 0 0 0.3em #??????, 0 0 0.3em #??????;
}

Hoping this assists! Good Luck!
-Distruktion1408

Unfortunately, that didn't work. I have the code that you provided and I filled it out the way you said. It isn't working.

And by the way, I'm trying to add an icon in front of the "Administrators" group in case anyone is wondering what I'm doing.

@Bazinga!,
Can you provide the URL to the icon you are trying to add? I will make the code for you!

-James

http://icons.iconarchive.com/icons/fatcow/farm-fresh/16/crown-bronze-icon.png

There you go.

It will look like this:

Here you go @Bazinga!,
This code should put that icon infront of the Administrator group on your forum!

Code:


        a[href="/g1-administrators"] {
            background: url("http://icons.iconarchive.com/icons/fatcow/farm-fresh/16/crown-bronze-icon.png") no-repeat;
            padding-left: 19px;
            padding-top: 2px;
        }


If you need more help I would be happy to assist you!

-James

Meliodas wrote:Here you go @Bazinga!,
This code should put that icon infront of the Administrator group on your forum!

Code:


        a[href="/g1-administrators"] {
            background: url("http://icons.iconarchive.com/icons/fatcow/farm-fresh/16/crown-bronze-icon.png") no-repeat;
            padding-left: 19px;
            padding-top: 2px;
        }


If you need more help I would be happy to assist you!

-James

Unfortunately that didn't work either.

@Bazinga!,
Strange, that worked for me on my test forum. I don't know why it didn't work for you.

Do you want it for a soecific group or user?

Yes, I was going to add an icon to the "Administrators" group.

But I have a shop set up on the forum and I want to be able to add an icon to a username when someone requests it.

So, I need to be able to do both.

Please send the color code of your Administration group.

If you are asking for the html color code for the administrators......it's cobalt blue which is #0020C2.

Add this to your CSS:

Code:

a span[style="color:#0020C2"] strong {
    background:url(http://icons.iconarchive.com/icons/fatcow/farm-fresh/16/crown-bronze-icon.png) no-repeat;
    padding-left:16px;
}

Forumedic wrote:Add this to your CSS:

Code:

a span[style="color:#0020C2"] strong {
    background:url(http://icons.iconarchive.com/icons/fatcow/farm-fresh/16/crown-bronze-icon.png) no-repeat;
    padding-left:16px;
}

That didn't work either. I'm sorry.

Something went wrong with sending the code,please add this instead:

Code:

a span[style="color:#0020C2"] strong {
    background:url(http://icons.iconarchive.com/icons/fatcow/farm-fresh/16/crown-bronze-icon.png) no-repeat;
    padding-left:16px;
}

Yeah it happened again, I'm really not sure what is wrong. Please look here:
https://help.forumotion.com/t131443-customize-usernames-according-to-group#881088

Make sure the code looks like Ange's. Change the

Code: #000000

to

Code: #0020C2

and the **px to 16px.

Forumedic wrote:Something went wrong with sending the code,please add this instead:

Code:

a span[style="color:#0020C2"] strong {
    background:url(http://icons.iconarchive.com/icons/fatcow/farm-fresh/16/crown-bronze-icon.png) no-repeat;
    padding-left:16px;
}

That didn't work.

Forumedic wrote:Yeah it happened again, I'm really not sure what is wrong. Please look here:
https://help.forumotion.com/t131443-customize-usernames-according-to-group#881088

Make sure the code looks like Ange's. Change the

Code: #000000

to

Code: #0020C2

and the **px to 16px.

That didn't work either.

Can you please take a screenshot of it in your CSS?

Okay, it is working now (you can check my forum to see). I'm going to mark this topic solved now. Thank you to everyone that has helped out.

You're welcome! Have a nice day!