Name,Rank Display

can you teach me of how to make my name display like this http://www.garenamaster.com/garena-f1/garenam4st3r-t2034.htm

The name author is displayed in the center how did he do that??? can you teach me?
and the rank is displayed in the bottom of the avatar. my forum version is phpbb2 this is mines named is displayed in the left and not in the center and the rank displayed in top of the avatar. http://garenax-gaming.darkbb.com/news-announcements-f1/forum-rules-t3.htm

CSS code (note: may not work as your forum may be different to mine)...

Code:

.postprofile-details postdetails {
text-align:center;
}

-MoK

not work

Go to a topic (doesn't matter which), view the page source (right-click, view page source). This will bring up the HTML code behind the page. Look for a member's name within a div class (should be something like postprofile, or profile [something like that]). Once found, go ACP > Display > Colors > CSS > Type in that name and put the code above, so...

Code:

namehere {
text-align:center;
}

If you need further help; give me a link to topic on your forum. I can then find the code required.

-MoK

show me the code this is the link http://garenax-gaming.darkbb.com/tutuorials-guides-f9/speed-up-your-firefox-to-the-max-t6.htm

Code:

.postdetails poster-profile {
text-align:center;
}

Took 10 seconds.

If that doesn't work, try this...

Code:

.name {
text-align:center;
}

-MoK

the 2 is not working again my version of forum is phpbb2

Perhaps...

Code:

.postdetails poster {
text-align:center;
}

If that doesn't work, then I can't help you (it worked for my forum).

-MoK

EDIT: I put it down wrong.

it didnt work the name is in the left side no change i think its because your forum is invision??

I assume so; but it shouldn't have any effect, as the HTML code is still the same. Unless phpBB 2 uses CSS differently?

Sorry.

-MoK

Use this code, it should do what you want,

Code:


span.name {
text-align:center !important;
}


Hope this helps

To put the rank under the avatar this can help you: https://help.forumotion.com/tricks-tips-f32/putting-the-username-and-the-rank-under-the-avatar-t53485.htm

StrongHold wrote:Use this code, it should do what you want,

Code:


span.name {
text-align:center !important;
}


Hope this helps

didnt work still no change like what happened on MOK's code

and thanks for gangstar it worked but i want is the username is centered and on the top not under at the avatar just like showed on the site.

Try this:

[code]
.name {
text-align: center !important;
}

the code doesent work and some problems with the rank the name is showed under the avatar and not centered nid reply

To center the name from the templates:

ACP - Display - Templates - Viewtopic_body - Find:

Code:


{postrow.displayed.POSTER_NAME}


and replace it with:

Code:


<center>{postrow.displayed.POSTER_NAME}</center>


Save + publish

the last problem ^^ the Name must be on top of the avatar thats all

Cut this from the same place:

Code:


<center>{postrow.displayed.POSTER_NAME}</center>


paste it above:

Code:


{postrow.displayed.POSTER_RANK}


If there is no "<br />" then add it!

not worked gangstar but i solved it my selft i cut the code and paste it above the

Code:

{postrow.displayed.POSTER_AVATAR}<br/>


but this happened http://garenax-gaming.darkbb.com/news-announcements-f1/forum-rules-t3.htm its big not liked on the pic.

Aaarh xD: sorry i meant POSER_AVATAR lol.

if there is <strong> & </strong> tags around it, then delete from

i deleted it and nothing happened

Did you published? i can still see them

yes

Hmm is did you added a code for in the CSS. and is there a code like:

Code:

<font size="XX">

if not let me see the part of your template

i dont see like that this is what in my CSS stylesheet

div#page-footer {
background-image: url('https://2img.net/h/oi50.tinypic.com/2pzzmhl.png');
background-position: bottom center;
background-repeat: no-repeat;
padding: 10px;}


.forumline{
background-color: #000000;
border: 2px #300000 solid;
}
td.row1,td.row3.over:hover {
background-color: #000000;
}
td.row2,td.row1.over:hover {
background-color: #0c0000;
}
td.row3{
background-color: #0c0000;
}

OKay, but i want see the template not all, but the user info part

<td class="{postrow.displayed.ROW_CLASS}"{postrow.displayed.THANK_BGCOLOR} valign="top" width="150">
<center>{postrow.displayed.POSTER_NAME}</center><br/>
{postrow.displayed.POSTER_AVATAR}<br />
<span class="name"><a name="{postrow.displayed.U_POST_ID}"></a>
</span><br />
<span class="postdetails poster-profile">
{postrow.displayed.POSTER_RANK}<br />
{postrow.displayed.RANK_IMAGE}<br />

is this it??

Yah :7. but i can't see any problem with it, try deleting the center and see if they come small again

i made one for you IF you need it .



Link https://2img.net/h/i603.photobucket.com/albums/tt118/GirlzLove/Painty.png

it just on the left but its big nothing happend and thanks to dyanamo