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 Bazinga! 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

Bazinga!
Forumember

Female Posts : 669
Reputation : 29
Language : U. S. English
Location : U. S. A.

http://fairytale.crazy4us.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

Legionheart
Forum Reviewer
Forum Reviewer

Male Posts : 295
Reputation : 53
Language : English
Location : San Venganza

http://www.therelaxationzone.net/

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.


SLGray
Administrator
Administrator

Male Posts : 35622
Reputation : 2372
Language : English
Location : United States

http://fmthemes.forumotion.com/

Back to top Go down

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

Post by Bazinga! 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

Bazinga!
Forumember

Female Posts : 669
Reputation : 29
Language : U. S. English
Location : U. S. A.

http://fairytale.crazy4us.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

Jadster
Forumember

Male Posts : 659
Reputation : 78
Language : English
Location : United States

http://adminvortex.forumotion.com

Back to top Go down

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

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


Bazinga!
Forumember

Female Posts : 669
Reputation : 29
Language : U. S. English
Location : U. S. A.

http://fairytale.crazy4us.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

Jadster
Forumember

Male Posts : 659
Reputation : 78
Language : English
Location : United States

http://adminvortex.forumotion.com

Back to top Go down

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

Post by Bazinga! 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.

Bazinga!
Forumember

Female Posts : 669
Reputation : 29
Language : U. S. English
Location : U. S. A.

http://fairytale.crazy4us.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.

Jadster
Forumember

Male Posts : 659
Reputation : 78
Language : English
Location : United States

http://adminvortex.forumotion.com

Back to top Go down

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

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

Do you want it for a soecific group or user?

Genesis
Forum Reviewer
Forum Reviewer

Male Posts : 2331
Reputation : 322
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 Bazinga! 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.

Bazinga!
Forumember

Female Posts : 669
Reputation : 29
Language : U. S. English
Location : U. S. A.

http://fairytale.crazy4us.com/

Back to top Go down

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

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

Please send the color code of your Administration group.

Genesis
Forum Reviewer
Forum Reviewer

Male Posts : 2331
Reputation : 322
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 Bazinga! 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.

Bazinga!
Forumember

Female Posts : 669
Reputation : 29
Language : U. S. English
Location : U. S. A.

http://fairytale.crazy4us.com/

Back to top Go down

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

Post by Genesis 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;
}

Genesis
Forum Reviewer
Forum Reviewer

Male Posts : 2331
Reputation : 322
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 Bazinga! 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.

Bazinga!
Forumember

Female Posts : 669
Reputation : 29
Language : U. S. English
Location : U. S. A.

http://fairytale.crazy4us.com/

Back to top Go down

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

Post by Genesis 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;
}

Genesis
Forum Reviewer
Forum Reviewer

Male Posts : 2331
Reputation : 322
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 Genesis 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.

Genesis
Forum Reviewer
Forum Reviewer

Male Posts : 2331
Reputation : 322
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 Bazinga! 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.

Bazinga!
Forumember

Female Posts : 669
Reputation : 29
Language : U. S. English
Location : U. S. A.

http://fairytale.crazy4us.com/

Back to top Go down

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

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

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

Genesis
Forum Reviewer
Forum Reviewer

Male Posts : 2331
Reputation : 322
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 Bazinga! 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.

Bazinga!
Forumember

Female Posts : 669
Reputation : 29
Language : U. S. English
Location : U. S. A.

http://fairytale.crazy4us.com/

Back to top Go down

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

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

You're welcome! Have a nice day!

Genesis
Forum Reviewer
Forum Reviewer

Male Posts : 2331
Reputation : 322
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







APE
Manager
Manager

Male Posts : 8311
Reputation : 716
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