The forum of the forums
Welcome to the Official Support Forum of Forumotion!

To take full advantage of everything offered by our forum, please log in if you are already a member, or join our community if you've not yet.



Create a free forum like this one.

How to make usernames display like this?

View previous topic View next topic 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!

Zuke
Forumember

Male Posts : 375
Reputation : 20
Language : English
Location : United Kingdom

http://ocean.forums.fm

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

_Twisted_Mods_
Helper
Helper

Male Posts : 2020
Reputation : 299
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?

Zuke
Forumember

Male Posts : 375
Reputation : 20
Language : English
Location : United Kingdom

http://ocean.forums.fm

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

_Twisted_Mods_
Helper
Helper

Male Posts : 2020
Reputation : 299
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?

Zuke
Forumember

Male Posts : 375
Reputation : 20
Language : English
Location : United Kingdom

http://ocean.forums.fm

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

_Twisted_Mods_
Helper
Helper

Male Posts : 2020
Reputation : 299
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.

Zuke
Forumember

Male Posts : 375
Reputation : 20
Language : English
Location : United Kingdom

http://ocean.forums.fm

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

_Twisted_Mods_
Helper
Helper

Male Posts : 2020
Reputation : 299
Language : English
Location : Ms

http://liquidcode.forumotion.com

Back to top Go down

View previous topic View next topic Back to top


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