Ranks (Color & Icon) on forum

Go down

In progress Ranks (Color & Icon) on forum

Post by Epok on 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)
avatar
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 on January 15th 2018, 6:47 pm



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

avatar
SLGray
Administrator
Administrator

Male Posts : 43049
Reputation : 3046
Language : English
Location : United States

https://fmthemes.forumotion.com/

Back to top Go down

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

Post by pedxz on 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,
avatar
pedxz
Forumember

Male Posts : 90
Reputation : 16
Language : português

http://ajuda.forumeiros.com/u62843

Back to top Go down

Back to top


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