Choose from our various pricing plans. There is a package for everyone!


How to add multiple ranks

View previous topic View next topic Go down

Tutorial How to add multiple ranks

Post by Mati™ on Tue May 22, 2012 9:26 pm

I've seen a lot of Forumotion forum owners asking on how to add multiple rank images, but many of them don't know how to do it so I will show you how, I know its simple but I see many people ask how to do it.

STEP: 1 Go into your Administration Panel => Users & Groups => Rank --> Rank Administration

Rank Title: put this in
Code:
<span class="adm">Administrator</span>
As you can see on the above code has a class "adm" witch we will use that for the second rank by using CSS.

STEP: 2 Put this CSS code in your CSS Style Sheet:

Code:
.adm:after {
    content: url("Rank_Image_Here");
}

STEP: 3 Rank Image URL: put that other rank you want to give to them.

Once you have finished everything, click save and you're done.

Demo:


Enjoy! Smile


Last edited by Mati™ on Sun Nov 09, 2014 9:25 pm; edited 2 times in total
avatar
Mati™
Administrator
Administrator

Age : 31
Posts : 2112
Join date : 2011-10-20
Forum Version : PhpBB3
Reputation : 147

View user profile http://fmfocus.forumotion.net/forum

Back to top Go down

Tutorial Re: How to add multiple ranks

Post by hero skillet on Mon Jun 11, 2012 6:00 am

Hey how do you add more than 2 ranks? I am the forums coder for Bullet-Scape.com and the owner wants 3 ranks but I can't add 3 with that code?
avatar
hero skillet
Member
Member

Age : 20
Posts : 1
Join date : 2012-06-11
Reputation : 0

View user profile

Back to top Go down

Tutorial Re: How to add multiple ranks

Post by Mati™ on Mon Jun 11, 2012 1:00 pm

I'll try and see what I can do.
avatar
Mati™
Administrator
Administrator

Age : 31
Posts : 2112
Join date : 2011-10-20
Forum Version : PhpBB3
Reputation : 147

View user profile http://fmfocus.forumotion.net/forum

Back to top Go down

Tutorial Re: How to add multiple ranks

Post by long than on Sat Jun 23, 2012 11:20 am

Thanks. I will try too. Very Happy
avatar
long than
Member
Member

Age : 19
Posts : 2
Join date : 2012-06-23
Reputation : 0

View user profile

Back to top Go down

Tutorial Re: How to add multiple ranks

Post by DarkWrld9 on Wed Jun 27, 2012 8:48 pm

Mine doesn't appear like this. One rank image appears in the right of the text and the other image rank at the bottom.
avatar
DarkWrld9
Member
Member

Age : 22
Posts : 12
Join date : 2012-05-22
Reputation : 3

View user profile

Back to top Go down

Tutorial Re: How to add multiple ranks

Post by Mati™ on Thu Jun 28, 2012 7:06 am

I need your forum link so I can check it myself. Smile
avatar
Mati™
Administrator
Administrator

Age : 31
Posts : 2112
Join date : 2011-10-20
Forum Version : PhpBB3
Reputation : 147

View user profile http://fmfocus.forumotion.net/forum

Back to top Go down

Tutorial Re: How to add multiple ranks

Post by Yshhy on Wed Jun 12, 2013 8:36 am

Matti wrote:I've seen a lot of Forumotion forum owners asking on how to add multiple rank images, but many of them don't know how to do it so I will show you how, I know its simple but I see many people ask how to do it.

STEP: 1 Go into your Administration Panel => Users & Groups => Rank --> Rank Administration

Rank Title: put this in
Code:
<span class="adm">Administrator</span>
As you can see on the above code has a class "adm" witch we will use that for the second rank by using CSS.

STEP: 2 Put this CSS code in your CSS Style Sheet:

Code:
.adm:after {
    content: url("Rank_Image_Here");
}

STEP: 3 Rank Image URL: put that other rank you want to give to them.

Once you have finished everything, click save and you're done.

Demo:


Enjoy! Smile



About Step 2. where do i put that ? Or should is say where can i found the CCS Style Sheet?
avatar
Yshhy
Member
Member

Age : 24
Posts : 1
Join date : 2013-06-12
Forum Version : PhpBB2
Reputation : 0

View user profile

Back to top Go down

Tutorial Re: How to add multiple ranks

Post by Mati™ on Wed Jun 12, 2013 12:04 pm

Admin Panel => Display => Picture and colors => Colors => Stylesheet tab
avatar
Mati™
Administrator
Administrator

Age : 31
Posts : 2112
Join date : 2011-10-20
Forum Version : PhpBB3
Reputation : 147

View user profile http://fmfocus.forumotion.net/forum

Back to top Go down

Tutorial Re: How to add multiple ranks

Post by tommycoo on Wed Jun 19, 2013 11:54 pm

i think you can make three ranks at once, with this css code again

Code:
.adm:before{    content: url("Rank_Image_Here");}
avatar
tommycoo
Member
Member

Age : 21
Posts : 60
Join date : 2012-08-20
Forum Version : PunBB
Reputation : 1

View user profile

Back to top Go down

Tutorial Re: How to add multiple ranks

Post by mangaka on Wed Jul 31, 2013 12:21 am

Try this code if you want to add it into three:

Code:
.adm:after {
    content: url("Rank_Image_Here");
    content:url("Rank_Image_Here");
}
avatar
mangaka
Member
Member

Age : 23
Posts : 18
Join date : 2013-07-30
Forum Version : PunBB
Reputation : 0

View user profile

Back to top Go down

Tutorial Re: How to add multiple ranks

Post by Nubss on Fri Feb 28, 2014 10:33 pm

Can I "Wrap" the same rank multiple times? or import a code that does the same effect? I really like the background-specific colour Matti made for my user, but I also want multiple ranks/an rank icon that sits beside my rank title and not beneath it like the default FM rank administrations. 
Also, is there a way to make rank title icons appear in the groups and "Who's Online" and whatnot?
avatar
Nubss
Member
Member

Age : 21
Posts : 18
Join date : 2014-02-24
Forum Version : PunBB
Reputation : 1

View user profile

Back to top Go down

Tutorial Re: How to add multiple ranks

Post by J0k3R^ on Thu May 01, 2014 10:58 am

ive edited my ranks and i made them via css and they are not images.
how can i follow this tutorial? Smile
avatar
J0k3R^
Member
Member

Age : 24
Posts : 25
Join date : 2013-04-25
Forum Version : PunBB
Reputation : 1

View user profile http://fmplanet.forumgreek.com/

Back to top Go down

Tutorial Re: How to add multiple ranks

Post by Sponsored content


Sponsored content


Back to top Go down

View previous topic View next topic Back to top


 
Permissions in this forum:
You cannot reply to topics in this forum