icon before username for staff only

by faisii_x March 21st 2016, 21:43

Technical Details

Forum version : #phpBB3
Position : Administrator
Concerned browser(s) : Google Chrome
Who the problem concerns : Yourself
Forum link : http://avacs.zforum.biz

Description of problem

i wana add icon before user name but just for specific groups like Admin, co admin, super moderator etc i follow this thread https://help.forumotion.com/t131443-customize-usernames-according-to-group#881088 but its not working..

by Take Notes March 21st 2016, 21:47

Take this code:

Code:: a span[style="color:#COLOR OF GROUP"] strong { background:url(http://2img.net/i/fa/empty.gif) no-repeat; padding-left:16px; }

And replace the "COLOR OF GROUP" with the exact hex color of the usergroup you want the icon added to. For example, if your administrator group was the color

Code:: #FF0000

, then you would put that in the place of "COLOR OF GROUP".

Take this part of the code:

Code:: http://2img.net/i/fa/empty.gif

and replace it with the image you want.

by faisii_x March 22nd 2016, 04:00

Forumedic wrote:Take this code:
Code:
a span[style="color:#COLOR OF GROUP"] strong { background:url(http://2img.net/i/fa/empty.gif) no-repeat; padding-left:16px; }
And replace the "COLOR OF GROUP" with the exact hex color of the usergroup you want the icon added to. For example, if your administrator group was the color
Code:
#FF0000
, then you would put that in the place of "COLOR OF GROUP".

Take this part of the code:
Code:
http://2img.net/i/fa/empty.gif
and replace it with the image you want.

not working

Royal Bengal wrote:Hello,

You can follow this tutorial too https://help.forumotion.com/t90311-how-to-add-an-icon-before-username

i don't wana open css style sheet for every new, i do want it for whole group and in this thread showing i must go to css page and code for every new member if i want to add icon before name of him/her

by Take Notes March 22nd 2016, 04:31

@faisii_x please send what you put in the CSS. The code works, so there must be an issue on your end.

by faisii_x March 22nd 2016, 05:33

Forumedic wrote:@faisii_x please send what you put in the CSS. The code works, so there must be an issue on your end.

icon before username for staff only Screen12

see @Forumedic

Code:: span[style="color:#ff0000"] strong { background:url(http://i84.servimg.com/u/f84/19/44/16/59/couron10.png) no-repeat; padding-left: 14px; }

by faisii_x March 22nd 2016, 05:46

Royal Bengal wrote:Try to paste code in the bottom. It should works

not working Think

by faisii_x March 22nd 2016, 05:52

Royal Bengal wrote:I think problem in whole css. Copy whole code and paste here. Coding master @Ange Tuteur can help!

i don't think problem in whole css

by Take Notes March 22nd 2016, 05:55

What hex color is your administrator group? Also what browser are you using?

by faisii_x March 22nd 2016, 06:22

see @Forumedic using chrome

by **SLGray** March 22nd 2016, 07:12

Everyone who wants to tag Ange Tuteur need to understand that that usernames that have spaces you have to place the username in quotes.

Code:: @"Ange Tuteur"

@Ange Tuteur

by **SLGray** March 22nd 2016, 07:14

Code:: span[style="color:#ff0000"] strong { background:url('http://i84.servimg.com/u/f84/19/44/16/59/couron10.png') no-repeat !important; padding-left: 14px !important; }

by faisii_x March 22nd 2016, 07:47

SLGray wrote:
Code:
span[style="color:#ff0000"] strong { background:url('http://i84.servimg.com/u/f84/19/44/16/59/couron10.png') no-repeat !important; padding-left: 14px !important; }

not working

by **SLGray** March 22nd 2016, 20:46

Did you add it to the top of the stylesheet?

by faisii_x March 22nd 2016, 20:55

@sLGray first i tried at top but its not work then at the end but still having problem code doesn't worked at all

by **SLGray** March 22nd 2016, 20:59

Is your forum version #phpBB2 ?

by faisii_x March 22nd 2016, 21:07

i think its phpbb3 you can check http://avacs.zforum.biz

by **SLGray** March 22nd 2016, 21:08

Please changed it in your profile, because it shows #phpBB2 .

by Take Notes March 22nd 2016, 21:51

Send me a test account with administration rights in PM please.

by Take Notes March 22nd 2016, 22:08

Code:: a span[style="color:#COLOR OF GROUP"] strong { background:url(http://2img.net/i/fa/empty.gif) no-repeat; padding-left:16px; }

The code above works, there is something on your forum preventing it from working.

by faisii_x March 22nd 2016, 22:10

Like what how it can be solve ?

by Take Notes March 22nd 2016, 22:11

faisii_x wrote:Like what how it can be solve ?

I'm trying to find out but I don't know.

by faisii_x March 22nd 2016, 22:13

Please try to find out and fix it

by Take Notes March 22nd 2016, 22:14

Okay I fixed your issue. I have no idea but there was something wrong with the color

Code:: #FF0000

, I changed it very very slightly where you cannot even tell the difference and it is working now!

by faisii_x March 22nd 2016, 22:19

oh thanks finally, please add space between icon and username its very closed to each other that's looking not good thanks

by Take Notes March 22nd 2016, 22:20

faisii_x wrote:oh thanks finally, please add space between icon and username its very closed to each other that's looking not good thanks

Will do but you will need to change the icon regardless I believe as it is made by Forumotion and copyright.

by faisii_x March 22nd 2016, 22:21

ok sure..! i will change icon

by Take Notes March 22nd 2016, 22:26

faisii_x wrote:ok sure..! i will change icon

Alright, is the space difference alright?

by faisii_x March 22nd 2016, 22:32

i will change the icon thanks for helping bro problem solved..

by **SLGray** March 22nd 2016, 22:39

Topic solved and archived

icon before username for staff only