How to move username, and rank above avatar?

Hello guys,

I want to put a username, and rank above the avatars. However, I want a rank image to be displayed under avatar. I know this can be done, but how?

Hi,

PunBB?
You want to have it like this?
1. Name
2. Rank
3. Avatar
4. Rank

Go to viewtopic_body template, copy this

Code:

{postrow.displayed.POSTER_RANK_NEW}{postrow.displayed.RANK_IMAGE}

Paste it above this

Code:

      <div class="user-basic-info">

This one is for letter rank => {postrow.displayed.POSTER_RANK_NEW}
This one for image rank => {postrow.displayed.RANK_IMAGE}

Rearange it as you want it. If you want only image above grab only image variable and delete if from below if you don't wont it below. Save and publish template.

Yea, something like that.

I want it like:

1. Name
2. Rank
3. Avatar.
4. Picture Rank

Do I still do the same thing as you mentioned?

Yes, you should exactly do what Nera mentioned above

PlatinumWata wrote:
Do I still do the same thing as you mentioned?

Find this one

Code:

{postrow.displayed.POSTER_RANK_NEW}

Delete it from her first place and paste above this

Code:

<div class="user-basic-info">

Save + Publish

Worked like a charm (as I see in preview)

How do I publish it? And for some reason the picture image is not displaying.

There should be no reason for that. See => PunBB http://i.imm.io/6yqL.png

That part in your templates should look like this after you change places.

Code:

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

                           {postrow.displayed.RANK_IMAGE}
                        </div>
                     </div>

You publish it by clicking the green cross.

Mine looks like this: Is this correct?

Code:

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


Yes it is and all is OK when I use yours.

It worked now!

Thanks for your help! Do you have MSN mate?

Also, is their anyway I can have rank image alone without a rank text?

I don't use MSN.

Just delete the variable

Code:

{postrow.displayed.POSTER_RANK_NEW}

It will delete all only written ranks.

Or you can also use &nbsp*; to in ranks names. Leave out the star.

I have to go now, by

Cool, thanks.

You welcome.

Solved ~ Locked