Trying to add an icon in front of a username........
5 posters
Page 1 of 1
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-glowIn 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
Re: Trying to add an icon in front of a username........
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.
Hoping this assists! Good Luck!
-Distruktion1408
- 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
Re: Trying to add an icon in front of a username........
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.
Lost Founder's Password |Forum's Utilities |Report a Forum |General Rules |FAQ |Tricks & Tips
You need one post to send a PM.
You need one post to send a PM.
When your topic has been solved, ensure you mark the topic solved.
Never post your email in public.
Re: Trying to add an icon in front of a username........
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.
Re: Trying to add an icon in front of a username........
@Bazinga!,
Can you provide the URL to the icon you are trying to add? I will make the code for you!
-James
Can you provide the URL to the icon you are trying to add? I will make the code for you!
-James
Guest- Guest
Re: Trying to add an icon in front of a username........
http://icons.iconarchive.com/icons/fatcow/farm-fresh/16/crown-bronze-icon.png
There you go.
It will look like this:
There you go.
It will look like this:
Re: Trying to add an icon in front of a username........
Here you go @Bazinga!,
This code should put that icon infront of the Administrator group on your forum!
If you need more help I would be happy to assist you!
-James
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
Guest- Guest
Re: Trying to add an icon in front of a username........
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.
Re: Trying to add an icon in front of a username........
@Bazinga!,
Strange, that worked for me on my test forum. I don't know why it didn't work for you.
Strange, that worked for me on my test forum. I don't know why it didn't work for you.
Guest- Guest
Re: Trying to add an icon in front of a username........
Do you want it for a soecific group or user?
Take Notes- Helper
- Posts : 2337
Reputation : 324
Language : English
Location : Forumountain
Re: Trying to add an icon in front of a username........
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.
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.
Re: Trying to add an icon in front of a username........
Please send the color code of your Administration group.
Take Notes- Helper
- Posts : 2337
Reputation : 324
Language : English
Location : Forumountain
Re: Trying to add an icon in front of a username........
If you are asking for the html color code for the administrators......it's cobalt blue which is #0020C2.
Re: Trying to add an icon in front of a username........
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- Helper
- Posts : 2337
Reputation : 324
Language : English
Location : Forumountain
Re: Trying to add an icon in front of a username........
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.
Re: Trying to add an icon in front of a username........
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- Helper
- Posts : 2337
Reputation : 324
Language : English
Location : Forumountain
Re: Trying to add an icon in front of a username........
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
to
and the **px to 16px.
https://help.forumotion.com/t131443-customize-usernames-according-to-group#881088
Make sure the code looks like Ange's. Change the
|
|
Take Notes- Helper
- Posts : 2337
Reputation : 324
Language : English
Location : Forumountain
Re: Trying to add an icon in front of a username........
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 theto
- Code:
#000000
and the **px to 16px.
- Code:
#0020C2
That didn't work either.
Re: Trying to add an icon in front of a username........
Can you please take a screenshot of it in your CSS?
Take Notes- Helper
- Posts : 2337
Reputation : 324
Language : English
Location : Forumountain
Re: Trying to add an icon in front of a username........
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.
Take Notes- Helper
- Posts : 2337
Reputation : 324
Language : English
Location : Forumountain
Similar topics
» how get img and stuff front of the username
» Sparkling Username with Icon
» icon before username for staff only
» Staff Icon Next to username
» How to add online/offline icon next to username?
» Sparkling Username with Icon
» icon before username for staff only
» Staff Icon Next to username
» How to add online/offline icon next to username?
Page 1 of 1
Permissions in this forum:
You cannot reply to topics in this forum