How to make usernames display like this?

Go down

Solved How to make usernames display like this?

Post by Zuke on February 18th 2015, 4:23 pm

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!
avatar
Zuke
Forumember

Male Posts : 385
Reputation : 21
Language : English
Location : United Kingdom

http://droplet.your-talk.com

Back to top Go down

Solved Re: How to make usernames display like this?

Post by _Twisted_Mods_ on February 18th 2015, 5:09 pm

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

Male Posts : 2064
Reputation : 314
Language : English
Location : Ms

http://liquidcode.forumotion.com

Back to top Go down

Solved Re: How to make usernames display like this?

Post by Zuke on February 18th 2015, 5:10 pm

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

Male Posts : 385
Reputation : 21
Language : English
Location : United Kingdom

http://droplet.your-talk.com

Back to top Go down

Solved Re: How to make usernames display like this?

Post by _Twisted_Mods_ on February 18th 2015, 5:14 pm

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


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

adjust size as needed
avatar
_Twisted_Mods_
Helper
Helper

Male Posts : 2064
Reputation : 314
Language : English
Location : Ms

http://liquidcode.forumotion.com

Back to top Go down

Solved Re: How to make usernames display like this?

Post by Zuke on February 18th 2015, 5:16 pm

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

Male Posts : 385
Reputation : 21
Language : English
Location : United Kingdom

http://droplet.your-talk.com

Back to top Go down

Solved Re: How to make usernames display like this?

Post by _Twisted_Mods_ on February 18th 2015, 5:26 pm

this will allow you to ajust the size of user names just in post
Code:
.post a[href^="/u"]{font-size:12px!important;}
avatar
_Twisted_Mods_
Helper
Helper

Male Posts : 2064
Reputation : 314
Language : English
Location : Ms

http://liquidcode.forumotion.com

Back to top Go down

Solved Re: How to make usernames display like this?

Post by Zuke on February 18th 2015, 5:29 pm

Thanks! Very Happy This is solved.
avatar
Zuke
Forumember

Male Posts : 385
Reputation : 21
Language : English
Location : United Kingdom

http://droplet.your-talk.com

Back to top Go down

Solved Re: How to make usernames display like this?

Post by _Twisted_Mods_ on February 18th 2015, 5:52 pm

Topic solved and archived
avatar
_Twisted_Mods_
Helper
Helper

Male Posts : 2064
Reputation : 314
Language : English
Location : Ms

http://liquidcode.forumotion.com

Back to top Go down

Back to top


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