「Forumeiros」 Personalizar placa 27.10.17 15:12
Personalizar Nickname
Olá Convidado,
neste tópico venho demonstrar como usar uma placa personalizada feita pelo CSS
No Fórum em geral
- Código:
.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
}
Com Font Awesome
- Código:
.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
}
Como usar?
Para adicionar a placa vá em usuários & Grupos > administração dos ranks > adicionar:
Em títulodo rank basta adicionar
Para adicionar a placa vá em usuários & Grupos > administração dos ranks > adicionar:
Em títulodo rank basta adicionar
- Código:
<div class="rank adm">Administrador</div>