The forum of the forums
Welcome to the Official Support Forum of Forumotion!

To take full advantage of everything offered by our forum, please log in if you are already a member, or join our community if you've not yet.



Create a free forum like this one.

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

View previous topic View next topic Go down

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

Post by JennyorAlice on 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

http://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
avatar
JennyorAlice
Forumember

Female Posts : 754
Reputation : 32
Language : U. S. English
Location : U. S. A.

http://imagination-hub.forumotion.com/

Back to top Go down

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

Post by Legionheart on 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
avatar
Legionheart
Support Moderator
Support Moderator

Male Posts : 668
Reputation : 98
Language : English & Ecclesiastical Latin
Location : San Venganza

http://www.thegamestand.com/

Back to top Go down

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

Post by SLGray on 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.


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

avatar
SLGray
Administrator
Administrator

Male Posts : 38725
Reputation : 2600
Language : English
Location : United States

http://classifiedads.forumotion.com/

Back to top Go down

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

Post by JennyorAlice on 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
avatar
JennyorAlice
Forumember

Female Posts : 754
Reputation : 32
Language : U. S. English
Location : U. S. A.

http://imagination-hub.forumotion.com/

Back to top Go down

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

Post by Jadster on 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
Jadster
Forum Reviewer
Forum Reviewer

Male Posts : 892
Reputation : 119
Language : English
Location : United States

http://www.adminvortex.com

Back to top Go down

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

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

avatar
JennyorAlice
Forumember

Female Posts : 754
Reputation : 32
Language : U. S. English
Location : U. S. A.

http://imagination-hub.forumotion.com/

Back to top Go down

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

Post by Jadster on 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
Jadster
Forum Reviewer
Forum Reviewer

Male Posts : 892
Reputation : 119
Language : English
Location : United States

http://www.adminvortex.com

Back to top Go down

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

Post by JennyorAlice on 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.
avatar
JennyorAlice
Forumember

Female Posts : 754
Reputation : 32
Language : U. S. English
Location : U. S. A.

http://imagination-hub.forumotion.com/

Back to top Go down

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

Post by Jadster on 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
Jadster
Forum Reviewer
Forum Reviewer

Male Posts : 892
Reputation : 119
Language : English
Location : United States

http://www.adminvortex.com

Back to top Go down

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

Post by Vanityy on April 11th 2016, 1:59 am

Do you want it for a soecific group or user?
avatar
Vanityy
Helper
Helper

Male Posts : 2335
Reputation : 323
Language : English
Location : Forumountain

http://forumpromocean.com

Back to top Go down

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

Post by JennyorAlice on 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.
avatar
JennyorAlice
Forumember

Female Posts : 754
Reputation : 32
Language : U. S. English
Location : U. S. A.

http://imagination-hub.forumotion.com/

Back to top Go down

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

Post by Vanityy on April 11th 2016, 2:02 am

Please send the color code of your Administration group.
avatar
Vanityy
Helper
Helper

Male Posts : 2335
Reputation : 323
Language : English
Location : Forumountain

http://forumpromocean.com

Back to top Go down

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

Post by JennyorAlice on 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.
avatar
JennyorAlice
Forumember

Female Posts : 754
Reputation : 32
Language : U. S. English
Location : U. S. A.

http://imagination-hub.forumotion.com/

Back to top Go down

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

Post by Vanityy on 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;
}
avatar
Vanityy
Helper
Helper

Male Posts : 2335
Reputation : 323
Language : English
Location : Forumountain

http://forumpromocean.com

Back to top Go down

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

Post by JennyorAlice on 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.
avatar
JennyorAlice
Forumember

Female Posts : 754
Reputation : 32
Language : U. S. English
Location : U. S. A.

http://imagination-hub.forumotion.com/

Back to top Go down

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

Post by Vanityy on 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;
}
avatar
Vanityy
Helper
Helper

Male Posts : 2335
Reputation : 323
Language : English
Location : Forumountain

http://forumpromocean.com

Back to top Go down

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

Post by Vanityy on April 11th 2016, 2:42 am

Yeah it happened again, I'm really not sure what is wrong. Please look here:
http://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.
avatar
Vanityy
Helper
Helper

Male Posts : 2335
Reputation : 323
Language : English
Location : Forumountain

http://forumpromocean.com

Back to top Go down

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

Post by JennyorAlice on 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:
http://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.
avatar
JennyorAlice
Forumember

Female Posts : 754
Reputation : 32
Language : U. S. English
Location : U. S. A.

http://imagination-hub.forumotion.com/

Back to top Go down

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

Post by Vanityy on April 11th 2016, 3:01 am

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

Male Posts : 2335
Reputation : 323
Language : English
Location : Forumountain

http://forumpromocean.com

Back to top Go down

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

Post by JennyorAlice on 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.
avatar
JennyorAlice
Forumember

Female Posts : 754
Reputation : 32
Language : U. S. English
Location : U. S. A.

http://imagination-hub.forumotion.com/

Back to top Go down

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

Post by Vanityy on April 11th 2016, 4:23 am

You're welcome! Have a nice day!
avatar
Vanityy
Helper
Helper

Male Posts : 2335
Reputation : 323
Language : English
Location : Forumountain

http://forumpromocean.com

Back to top Go down

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

Post by APE on April 11th 2016, 10:55 am

Thank you Forumedic For your Help Smile
Topic solved and archived





avatar
APE
Manager
Manager

Male Posts : 10092
Reputation : 940
Language : fluent in dork / mumbojumbo & English haha
Location : STUCK IN FORUMOTIONS SERVERS HELP ME !!!!!!

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

Back to top Go down

View previous topic View next topic Back to top


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