Adding a Rank next to the image of the rank.

Is there a way I can add the posting ranks name next to the image? If there is, how?


I wanted it like this -

This tutorial will help you with user ranks,

=> Click me!

go to
> users & groups
> rank administration
you can add there new ranks... and can decide if they require an x amount of posts..
or are special... meaning you have to give them out manually in the users profiles

Yes I did that But the question was how can I put the rank next to the Image instead of it ontop or below, like shown in the Image.

which image do you mean???
do you mean rank specific imagas... like many forums have for admins or moderators??
than in the rand administration... you have the possibility to add an image url to the rank...
or use those stars given

oh ok because it was wierd that forum has it.

I don't think it's possible at the moment.

The only way it could be possible,is by template editing, but I never really tried to do something like that what you want.

Edit:
If you want to add the name of the rank on the row with your rank image.

AiKirika wrote:which image do you mean???
do you mean rank specific imagas... like many forums have for admins or moderators??
than in the rand administration... you have the possibility to add an image url to the rank...
or use those stars given

I mean like lets say you post 10 posts you get a rank picture that shows umm a happy face, well I was thinking the name of the rank can go next to the image.

just add a picture to it in rank administration

AiKirika wrote:just add a picture to it in rank administration

noo lol you dont get the question. Ok go to GamerSpot.Darkbb.Com and look at the rank people have, then look at the picture i posted. Do you notice that the rank shows
"The Image - The Rank Name"
And my forums shows
"The Rank Name,
The Image"

doh
so your problem was the order... and not the actual pic ..
could've said it earlier

i dont think that this is possible to change the order... as it is kinda by default like this...
maybe someone who knows more about css or whatever can help you there...

Do you know anyone that can help me with that

You could add the rank title to the rank image?

I just checked, and yes, it is possible to put a rank image to the left of the rank text. You just need to think outside the box. If you want to see a live example, click on the globe in my profile. You'll see a rank image to the left of the rank title.

The way you do it is...

Enclose the rank title in DIV tags, give the DIV a unique id (maybe div id="r1"), then use CSS to add the rank image as a background image. You can use CSS to position the image and text to your liking.

hey dion
would you like to provide somekind of full code...
as Draconicthor seems to have zero knowledge about CSS... same as me...
so your post doesnt help much...

It's not possible to provide exact code for this. The code is different for every rank and for every skin. The best I can do is to tell you to use the above DIV tag and ID, then in your CSS, add something like:

Code:

#r1 {display:block; height: 50px; line-height: 50px; text-align:left; text-indent: 100px; background: url('YOUR IMAGE URL HERE') 50px 0px no-repeat;}

And I stress...SOMETHING like. All the positioning numbers will change depending on your skin, rank image, and rank title. Also make sure to use a two-character ID name, like I did with "r1". forumotion only allows 32 characters for rank titles, and you need to conserve those characters.

how do I add an image and rank to my members?

Fleur de Lis wrote:how do I add an image and rank to my members?

The tutorial below will answer this

https://help.forumotion.com/frequently-asked-questions-f5/user-ranks-t16692.htm