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 Sun 10 Apr - 17:28

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 Sun 10 Apr - 21:11; 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 Sun 10 Apr - 17:38

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 : 421
Reputation : 67
Language : English
Location : San Venganza

http://forumrate.forumotion.com/

Back to top Go down

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

Post by SLGray on Sun 10 Apr - 17:44

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 : 36701
Reputation : 2445
Language : English
Location : United States

http://ztwds.forumotion.com/

Back to top Go down

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

Post by Bazinga! on Sun 10 Apr - 17:46

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 Soul on Sun 10 Apr - 17:53

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

-James

Soul
Forumember

Male Posts : 673
Reputation : 79
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 Sun 10 Apr - 17:56


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 Soul on Sun 10 Apr - 18:11

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

Soul
Forumember

Male Posts : 673
Reputation : 79
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 Sun 10 Apr - 18:32

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 Soul on Sun 10 Apr - 18:38

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

Soul
Forumember

Male Posts : 673
Reputation : 79
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 Sun 10 Apr - 18:59

Do you want it for a soecific group or user?

Genesis
Helper
Helper

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 Sun 10 Apr - 19:00

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 Sun 10 Apr - 19:02

Please send the color code of your Administration group.

Genesis
Helper
Helper

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 Sun 10 Apr - 19:15

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 Sun 10 Apr - 19:23

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

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 Sun 10 Apr - 19:40

@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 Sun 10 Apr - 19:40

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

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 Sun 10 Apr - 19:42

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

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 Sun 10 Apr - 19:48

@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 Sun 10 Apr - 20:01

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

Genesis
Helper
Helper

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 Sun 10 Apr - 21:10

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 Sun 10 Apr - 21:23

You're welcome! Have a nice day!

Genesis
Helper
Helper

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 Mon 11 Apr - 3:55

Thank you Forumedic For your Help Smile
Topic solved and archived







APE
Manager
Manager

Male Posts : 8636
Reputation : 757
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