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.

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

5 posters

Go down

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

Post by JennyorAlice April 11th 2016, 12:28 am

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.


Last edited by Bazinga! on April 11th 2016, 4:11 am; edited 2 times in total
JennyorAlice
JennyorAlice
Active Poster

Female Posts : 1204
Reputation : 55
Language : U. S. English
Location : U. S. A.

https://literatureaddict.forumotion.com/

Back to top Go down

Solved Re: Trying to add an icon in front of a username........

Post by Legionheart April 11th 2016, 12:38 am

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
Legionheart
Legionheart
Helper
Helper

Male Posts : 721
Reputation : 111
Language : English
Location : San Venganza

https://help.forumotion.com

Back to top Go down

Solved Re: Trying to add an icon in front of a username........

Post by SLGray April 11th 2016, 12:44 am

Please change the title of your topic to something that is related to your question/issue, so that other users will be able to find their question/issue using the search engine.


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

When your topic has been solved, ensure you mark the topic solved.
Never post your email in public.
SLGray
SLGray
Administrator
Administrator

Male Posts : 51463
Reputation : 3519
Language : English
Location : United States

https://forumsclub.com/gc/128-link-directory/

Back to top Go down

Solved Re: Trying to add an icon in front of a username........

Post by JennyorAlice April 11th 2016, 12:46 am

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.

Waaa
JennyorAlice
JennyorAlice
Active Poster

Female Posts : 1204
Reputation : 55
Language : U. S. English
Location : U. S. A.

https://literatureaddict.forumotion.com/

Back to top Go down

Solved Re: Trying to add an icon in front of a username........

Post by Guest April 11th 2016, 12:53 am

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

-James
avatar
Guest
Guest


Back to top Go down

Solved Re: Trying to add an icon in front of a username........

Post by JennyorAlice April 11th 2016, 12:56 am

JennyorAlice
JennyorAlice
Active Poster

Female Posts : 1204
Reputation : 55
Language : U. S. English
Location : U. S. A.

https://literatureaddict.forumotion.com/

Back to top Go down

Solved Re: Trying to add an icon in front of a username........

Post by Guest April 11th 2016, 1:11 am

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
avatar
Guest
Guest


Back to top Go down

Solved Re: Trying to add an icon in front of a username........

Post by JennyorAlice April 11th 2016, 1:32 am

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.
JennyorAlice
JennyorAlice
Active Poster

Female Posts : 1204
Reputation : 55
Language : U. S. English
Location : U. S. A.

https://literatureaddict.forumotion.com/

Back to top Go down

Solved Re: Trying to add an icon in front of a username........

Post by Guest April 11th 2016, 1:38 am

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


Back to top Go down

Solved Re: Trying to add an icon in front of a username........

Post by Take Notes April 11th 2016, 1:59 am

Do you want it for a soecific group or user?
Take Notes
Take Notes
Helper
Helper

Male Posts : 2337
Reputation : 324
Language : English
Location : Forumountain

Back to top Go down

Solved Re: Trying to add an icon in front of a username........

Post by JennyorAlice April 11th 2016, 2:00 am

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.
JennyorAlice
JennyorAlice
Active Poster

Female Posts : 1204
Reputation : 55
Language : U. S. English
Location : U. S. A.

https://literatureaddict.forumotion.com/

Back to top Go down

Solved Re: Trying to add an icon in front of a username........

Post by Take Notes April 11th 2016, 2:02 am

Please send the color code of your Administration group.
Take Notes
Take Notes
Helper
Helper

Male Posts : 2337
Reputation : 324
Language : English
Location : Forumountain

Back to top Go down

Solved Re: Trying to add an icon in front of a username........

Post by JennyorAlice April 11th 2016, 2:15 am

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

Female Posts : 1204
Reputation : 55
Language : U. S. English
Location : U. S. A.

https://literatureaddict.forumotion.com/

Back to top Go down

Solved Re: Trying to add an icon in front of a username........

Post by Take Notes April 11th 2016, 2:23 am

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;
}
Take Notes
Take Notes
Helper
Helper

Male Posts : 2337
Reputation : 324
Language : English
Location : Forumountain

Back to top Go down

Solved Re: Trying to add an icon in front of a username........

Post by JennyorAlice April 11th 2016, 2:40 am

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.
JennyorAlice
JennyorAlice
Active Poster

Female Posts : 1204
Reputation : 55
Language : U. S. English
Location : U. S. A.

https://literatureaddict.forumotion.com/

Back to top Go down

Solved Re: Trying to add an icon in front of a username........

Post by Take Notes April 11th 2016, 2:40 am

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;
}
Take Notes
Take Notes
Helper
Helper

Male Posts : 2337
Reputation : 324
Language : English
Location : Forumountain

Back to top Go down

Solved Re: Trying to add an icon in front of a username........

Post by Take Notes April 11th 2016, 2:42 am

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.
Take Notes
Take Notes
Helper
Helper

Male Posts : 2337
Reputation : 324
Language : English
Location : Forumountain

Back to top Go down

Solved Re: Trying to add an icon in front of a username........

Post by JennyorAlice April 11th 2016, 2:48 am

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.
JennyorAlice
JennyorAlice
Active Poster

Female Posts : 1204
Reputation : 55
Language : U. S. English
Location : U. S. A.

https://literatureaddict.forumotion.com/

Back to top Go down

Solved Re: Trying to add an icon in front of a username........

Post by Take Notes April 11th 2016, 3:01 am

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

Male Posts : 2337
Reputation : 324
Language : English
Location : Forumountain

Back to top Go down

Solved Re: Trying to add an icon in front of a username........

Post by JennyorAlice April 11th 2016, 4:10 am

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.
JennyorAlice
JennyorAlice
Active Poster

Female Posts : 1204
Reputation : 55
Language : U. S. English
Location : U. S. A.

https://literatureaddict.forumotion.com/

Back to top Go down

Solved Re: Trying to add an icon in front of a username........

Post by Take Notes April 11th 2016, 4:23 am

You're welcome! Have a nice day! Trying to add an icon in front of a username........ 1f600
Take Notes
Take Notes
Helper
Helper

Male Posts : 2337
Reputation : 324
Language : English
Location : Forumountain

Back to top Go down

Solved Re: Trying to add an icon in front of a username........

Post by Ape April 11th 2016, 10:55 am

Thank you Forumedic For your Help Smile
Topic solved and archived




Trying to add an icon in front of a username........ Left1212Trying to add an icon in front of a username........ Center11Trying to add an icon in front of a username........ Right112
Trying to add an icon in front of a username........ Ape_b110
Trying to add an icon in front of a username........ Ape1010
Ape
Ape
Administrator
Administrator

Male Posts : 19084
Reputation : 1988
Language : fluent in dork / mumbojumbo & English haha

http://chatworld.forumotion.co.uk/

Back to top Go down

Back to top

- Similar topics

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