The forum of the forums
Welcome to the Official Support Forum of Forumotion!

To take full advantage of everything offered by our forum, please log in if you are already a member, or join our community if you've not yet.



Create a free forum like this one.

Rank CSS in Topic

Go down

Solved Rank CSS in Topic

Post by Mr_Grande on November 23rd 2017, 5:21 pm

So I know Forumotion allows users to have rank as css but what is the code and where do i add it too as I am CSS Noob
what i mean is something like this



If anyone know whats the code I would love too know where do i add it too under Profile or Forum CSS? thanks
avatar
Mr_Grande
New Member

Posts : 18
Reputation : 1
Language : English

Back to top Go down

Solved Re: Rank CSS in Topic

Post by APE on November 23rd 2017, 11:17 pm

You can make ranks of your own you don't need to use CSS files.

ACP >> Users & Groups >> Ranks >> Rank Administration
Now you need to make your own ranks and set them as "Set as Special Rank" YES"

Then you need to look in your ACP for the member when found scroll down to the bottom of that members profile page and you will see the rank settings just find the rank you want to give them then save



avatar
APE
Manager
Manager

Male Posts : 11845
Reputation : 1169
Language : fluent in dork / mumbojumbo & English haha
Location : STUCK IN FORUMOTIONS SERVERS HELP ME !!!!!!

http://chatworld.forumotion.co.uk/

Back to top Go down

Solved Re: Rank CSS in Topic

Post by Mr_Grande on November 24th 2017, 4:28 pm

@APE wrote:You can make ranks of your own you don't need to use CSS files.

ACP >> Users & Groups >> Ranks >> Rank Administration
Now you need to make your own ranks and set them as "Set as Special Rank" YES"

Then you need to look in your ACP for the member when found scroll down to the bottom of that members profile page and you will see the rank settings just find the rank you want to give them then save
It doesn't show the color though I wanted use Font Awesome something similar to this? http://help.forumotion.com/t138548-css-rank-styling if possible
avatar
Mr_Grande
New Member

Posts : 18
Reputation : 1
Language : English

Back to top Go down

Solved Re: Rank CSS in Topic

Post by Mati on November 24th 2017, 5:45 pm

Hello.

1. Add this in to your templates -> overall_header
Code:
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/font-awesome/4.5.0/css/font-awesome.min.css">

2. Add this in to your Ranks -> Rank Administration
Code:
<em class="admin-rank">Administrator</em>

3. Add the CSS
Code:
.admin-rank {
    border-radius: 2px;
    padding: 3px 5px;
    font-size: 12px;
    display: block;
    font-weight: normal;
    font-style: normal;
    box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.25);
    margin: 6px auto;
    line-height: 1.6;
    width: 130px;
    text-shadow: 0 1px 0 rgba(0, 0, 0, 0.2);
    background: rgb(77, 135, 193) none repeat scroll 0 0;
    color: rgb(255, 255, 255);
}
.admin-rank:before {
    content: "";
    font-family: FontAwesome;
    margin-right: 4px;
}
avatar
Mati
Active Poster

Posts : 1903
Reputation : 289
Language : || HTML || CSS || jQuery ||
Location : At the Gym

http://forumdirectory.forumotion.net/

Back to top Go down

Solved Re: Rank CSS in Topic

Post by Mr_Grande on November 24th 2017, 5:59 pm

Thanks for help
avatar
Mr_Grande
New Member

Posts : 18
Reputation : 1
Language : English

Back to top Go down

Solved Re: Rank CSS in Topic

Post by APE on November 24th 2017, 6:20 pm

Problem solved & topic archived.
Please read our forum rules: ESF General Rules



avatar
APE
Manager
Manager

Male Posts : 11845
Reputation : 1169
Language : fluent in dork / mumbojumbo & English haha
Location : STUCK IN FORUMOTIONS SERVERS HELP ME !!!!!!

http://chatworld.forumotion.co.uk/

Back to top Go down

Back to top


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