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.

Ranks (Color & Icon) on forum

3 posters

Go down

In progress Ranks (Color & Icon) on forum

Post by Epok January 15th 2018, 6:04 pm

Hi.

Just started on forum developement & at the moment Im struggling with ranks.

I know how to add ranks, but I can't find out how to add the color & Icon.

Owner etc.


How do I do that? & how do I get the ranks, do I make them myself, or is there any place where I can get the codes?



Regards, Epok. (just started on web dev)
Epok
Epok
New Member

Posts : 1
Reputation : 1
Language : danish

https://scape-war.com/forum/

Back to top Go down

In progress Re: Ranks (Color & Icon) on forum

Post by SLGray January 15th 2018, 6:47 pm



Ranks (Color & Icon) on forum Slgray10

When your topic has been solved, ensure you mark the topic solved.
Never post your email in public.
SLGray
SLGray
Administrator
Administrator

Male Posts : 51463
Reputation : 3519
Language : English
Location : United States

https://forumsclub.com/gc/128-link-directory/

Back to top Go down

In progress Re: Ranks (Color & Icon) on forum

Post by tikky January 15th 2018, 7:20 pm

Hey,
try

Code:
.rank {
border-radius:2px;
box-shadow:0 1px 3px rgba(0,0,0,0.0),0 1px 2px rgba(0,0,0,0.14),inset 0 0 1px 1px rgba(0,0,0,.1);
color:#fff;
font-size:13px;
font-weight:600;
height:36px;
line-height:35px;
margin:5px auto;
text-align:center;
text-shadow:0 1px 1px rgba(0,0,0,0.2);
width:155px
}
.rank.adm{
background-color:#D63838
}

to add icon (font awesome):
Code:
.rank.adm:before{
content:"\f135";
font-family:FontAwesome;
font-size:14px;
font-style:normal;
font-variant:normal;
font-weight:normal;
line-height:1;
margin-right:5px
}


and create a new rank
<div class="rank adm">Administrador</div>

thanks,
tikky
tikky
Forumember

Posts : 894
Reputation : 157
Language : 🇵🇹

https://www.forumotion.com/create-forum/modernbb

Back to top Go down

Back to top


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