icon before username for staff only

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

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.

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

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

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

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;
}

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

not working

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

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

see @Forumedic using chrome

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

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;
        }

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

Did you add it to the top of the stylesheet?

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

Is your forum version #phpBB2 ?

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

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

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

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.

Like what how it can be solve ?

faisii_x wrote:Like what how it can be solve ?

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

Please try to find out and fix it

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!

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

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.

ok sure..! i will change icon

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

Alright, is the space difference alright?

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