Hello, I want to know how to get a title under my name, my friends forum has this so if you know the CSS code please help me.


HERE IS WHAT I NEED TO TRY ADD:  http://prntscr.com/4yeefx


If you know how to get people to have text under there name like this, please tell me the CSS code, and how do I let them change it via profile settings as well, thanks!


-Luke

thats the rank title theres no way you can set it up so the users can modify it

but you can add it under the avatar using profile field

_Twisted_Mods_ wrote:thats the rank title theres no way you can set it up so the users can modify it

but you can add it under the avatar using profile field

That's okay, but I want to add it just above my avatar.

I think it is possible to put it above the avatar, but I'm viewing the viewtopic_body in an attempt to find out.

Ramdaman wrote:I think it is possible to put it above the avatar, but I'm viewing the viewtopic_body in an attempt to find out.

Thanks Ramdaman!

you cant do it in viewtopic_body because the profile details r linked together your only option is putting it below the avatar unless you want to assign the names to the users using the rank

I added a div class and a p tag, however its choppy and it doesnt align with the rest of the body. Sorry, but await Ange Tutuer as this is his field of expertise.

Ramdaman wrote:I added a div class and a p tag, however its choppy and it doesnt align with the rest of the body. Sorry, but await Ange Tutuer as this is his field of expertise.

I shall test it out, how do I use it?

It'll be useless to add. Just await the expert.

Okay, I don't think I can add it then lol, thanks for your help anyway!

Hello Luke Spike,

You can add and create rank titles here : Administration Panel > Users and Groups > Rank Administration


To have the ranks under the username on punbb, go to Administration Panel > Display > Templates > General > viewtopic_body

Find :

Code:

<div class="user-ident">
 <h4 class="username">{postrow.displayed.POSTER_NAME}</h4>
 <div class="user-basic-info">
 {postrow.displayed.POSTER_AVATAR}<br />
 {postrow.displayed.POSTER_RANK_NEW}{postrow.displayed.RANK_IMAGE}
 </div>
 </div>

Replace by :

Code:

<div class="user-ident">
 <h4 class="username">{postrow.displayed.POSTER_NAME}</h4>
                                                                {postrow.displayed.POSTER_RANK_NEW}{postrow.displayed.RANK_IMAGE}
 <div class="user-basic-info">
 {postrow.displayed.POSTER_AVATAR}
 </div>
 </div>

Save and publish.