How to make usernames display like this?

Technical Details

Forum version : PunBB
Position : Founder
Concerned browser(s) : Google Chrome
Screenshot of problem : http://prntscr.com/66pgn1
Who the problem concerns : All members
When the problem appeared : No problem.
Forum link : http://vintage.forumm.biz

Description of problem

Hello, I have been wondering how do I get a black out line on usernames using PunBB.

Example: http://prntscr.com/66pgn1

Can you provide me a code to change username sizes in PunBB too?

Thanks!

acp>display>colors>css tab ..copy ad paste the code you need then save


if you want to effect 1 name use this.(replace u1 with the id# of the user you want to effect example: u2)

Code:

a[href="/u1"]{text-shadow:0px 0px 1px black,0px 0px 1px black,0px 0px 1px black;font-size:12px;font-weight: bold;}

if you want to effect all users use this code

Code:

a[href^="/u"]{text-shadow:0px 0px 1px black,0px 0px 1px black,0px 0px 1px black;font-size:12px;font-weight: bold;}

text-shadows =  the black outline each comma adds a darker layer

font-weight = boldness

font-size = don't think i need tell you what that is

Nice! Now what's the code for PunBB to change the size of all usernames?

use the second code just remove everything but the font-size

Code:

a[href^="/u"]{font-size:12px;}

adjust size as needed

It has worked, but in the topics the names are displaying large. Any fix?

this will allow you to ajust the size of user names just in post

Code:

.post a[href^="/u"]{font-size:12px!important;}

Thanks!  This is solved.