The forum of the forums
Would you like to react to this message? Create an account in a few clicks or log in to continue.

How can I add a symbol before username?

4 posters

Go down

Solved How can I add a symbol before username?

Post by Van-Helsing Sun 18 Oct 2015 - 3:46

Hello,
How can I add a symbol etc (+,-) before a username in different color via CSS?

Forum Version: PunBB


Last edited by Black-Shadow on Sun 18 Oct 2015 - 14:37; edited 1 time in total
Van-Helsing
Van-Helsing
Hyperactive

Male Posts : 2431
Reputation : 116
Language : English, Greek

http://itexperts.forumgreek.com/

Back to top Go down

Solved Re: How can I add a symbol before username?

Post by SarkZKalie Sun 18 Oct 2015 - 9:31

Try this
Code:
a[href="/u3975"]:before {
    content: "+";
}
How can I add a symbol before username? Upload10


How can I add a symbol before username? Sarkzk10
SarkZKalie
SarkZKalie
Support Moderator
Support Moderator

Male Posts : 1443
Reputation : 220
Language : English

https://rotavn.forumotion.com/

Back to top Go down

Solved Re: How can I add a symbol before username?

Post by Van-Helsing Sun 18 Oct 2015 - 10:17

Hello @SarkZKalie,
Its not working, I have tried another similar code but its not working too.

Code:

span[style="color:#990012"]:before {
content: "+";
}

Maybe it needs HTML or Javascript.
Van-Helsing
Van-Helsing
Hyperactive

Male Posts : 2431
Reputation : 116
Language : English, Greek

http://itexperts.forumgreek.com/

Back to top Go down

Solved Re: How can I add a symbol before username?

Post by SarkZKalie Sun 18 Oct 2015 - 10:38

What about this? Twisted Evil
Code:
a span[style="color:#990012"]:before {
content: "+";
font-size: 14px;
}


How can I add a symbol before username? Sarkzk10
SarkZKalie
SarkZKalie
Support Moderator
Support Moderator

Male Posts : 1443
Reputation : 220
Language : English

https://rotavn.forumotion.com/

Back to top Go down

Solved Re: How can I add a symbol before username?

Post by Van-Helsing Sun 18 Oct 2015 - 13:48

@SarkZKalie,
Its not working too Sad
Van-Helsing
Van-Helsing
Hyperactive

Male Posts : 2431
Reputation : 116
Language : English, Greek

http://itexperts.forumgreek.com/

Back to top Go down

Solved Re: How can I add a symbol before username?

Post by SocialAcademy Sun 18 Oct 2015 - 14:09

try this :

First Go to your Panel -> User & Groups -> Modify a group (select a group which you want to add the symbol -> Group Members Color

Copy the Color of the group then insert

Code:
span[style="color:#groupcolornumber"]:before {
    color: #000000;
    content: "+";
    font-weight: bold;
}
SocialAcademy
SocialAcademy
Forumember

Male Posts : 145
Reputation : 11
Language : JavaScript, CSS, Html, JQuery, C#, C++, Php, Python
Location : Forumotion

http://www.socialacademy.biz

Back to top Go down

Solved Re: How can I add a symbol before username?

Post by Van-Helsing Sun 18 Oct 2015 - 14:20

Hello @SocialAcademy,
Ok I have update the code and placed the following CSS code

Code:

span[style="color:#990012"]:before {
    color: #FF0000;
    content: "+";
    font-weight: bold;
}

but its not working.
I have copied the color code from usergroup and paste it into span[style]

Ok I moved the CSS in a different place on stylesheet and now its working.

Thank you very much. The problem has been solved now.
cheers
Van-Helsing
Van-Helsing
Hyperactive

Male Posts : 2431
Reputation : 116
Language : English, Greek

http://itexperts.forumgreek.com/

Back to top Go down

Solved Re: How can I add a symbol before username?

Post by brandon_g Sun 18 Oct 2015 - 14:54

Thanks for the help Social Academy and SarkZKalie Very Happy.


Topic solved and archived ~ brandon_g


How can I add a symbol before username? Brando10
Remember to mark your topic How can I add a symbol before username? Solved15 when a solution is found.
General Rules | Tips & Tricks | FAQ | Forgot Founder Password?

How can I add a symbol before username? Scre1476
Team Leader
Review Section Rules | Request A Review | Sticker Points
brandon_g
brandon_g
Manager
Manager

Male Posts : 10113
Reputation : 923
Language : English
Location : USA

https://www.broadcastingduo.com

Back to top Go down

Back to top

- Similar topics

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