The forum of the forums
Would you like to react to this message? Create an account in a few clicks or log in to continue.

Rank CSS in Topic

3 posters

Go down

Solved Rank CSS in Topic

Post by Revolved101 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

Rank CSS in Topic 11311

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

Posts : 35
Reputation : 1
Language : English

Back to top Go down

Solved Re: Rank CSS in Topic

Post by Ape 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


Rank CSS in Topic Left1212Rank CSS in Topic Center11Rank CSS in Topic Right112
Rank CSS in Topic Ape_b110
Rank CSS in Topic Ape1010
Ape
Ape
Administrator
Administrator

Male Posts : 19209
Reputation : 2001
Language : fluent in dork / mumbojumbo & English haha

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

Back to top Go down

Solved Re: Rank CSS in Topic

Post by Revolved101 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? https://help.forumotion.com/t138548-css-rank-styling if possible
avatar
Revolved101
Forumember

Posts : 35
Reputation : 1
Language : English

Back to top Go down

Solved Re: Rank CSS in Topic

Post by Mati 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;
}
Mati
Mati
Active Poster

Posts : 1925
Reputation : 331
Language : HTML, CSS & JavaScript
Location : Forum Services

https://forumservice.forumotion.com/

Back to top Go down

Solved Re: Rank CSS in Topic

Post by Revolved101 November 24th 2017, 5:59 pm

Thanks for help
avatar
Revolved101
Forumember

Posts : 35
Reputation : 1
Language : English

Back to top Go down

Solved Re: Rank CSS in Topic

Post by Ape November 24th 2017, 6:20 pm

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


Rank CSS in Topic Left1212Rank CSS in Topic Center11Rank CSS in Topic Right112
Rank CSS in Topic Ape_b110
Rank CSS in Topic Ape1010
Ape
Ape
Administrator
Administrator

Male Posts : 19209
Reputation : 2001
Language : fluent in dork / mumbojumbo & English haha

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

Back to top Go down

Back to top

- Similar topics

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