How to make usernames display like this? Hitskin_logo Hitskin.com

This is a Hitskin.com skin preview
Install the skinReturn to the skin page

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 to make usernames display like this?

    avatar
    Guest
    Guest


    Solved How to make usernames display like this?

    Post by Guest 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!
    _Twisted_Mods_
    _Twisted_Mods_
    Helper
    Helper


    Male Posts : 2083
    Reputation : 336
    Language : English
    Location : Ms

    Solved Re: How to make usernames display like this?

    Post by _Twisted_Mods_ 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
    Guest
    Guest


    Solved Re: How to make usernames display like this?

    Post by Guest February 18th 2015, 5:10 pm

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


    Male Posts : 2083
    Reputation : 336
    Language : English
    Location : Ms

    Solved Re: How to make usernames display like this?

    Post by _Twisted_Mods_ 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
    Guest
    Guest


    Solved Re: How to make usernames display like this?

    Post by Guest February 18th 2015, 5:16 pm

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


    Male Posts : 2083
    Reputation : 336
    Language : English
    Location : Ms

    Solved Re: How to make usernames display like this?

    Post by _Twisted_Mods_ 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
    Guest
    Guest


    Solved Re: How to make usernames display like this?

    Post by Guest February 18th 2015, 5:29 pm

    Thanks! Very Happy This is solved.
    _Twisted_Mods_
    _Twisted_Mods_
    Helper
    Helper


    Male Posts : 2083
    Reputation : 336
    Language : English
    Location : Ms

    Solved Re: How to make usernames display like this?

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

    Topic solved and archived