Resultado:https://i.imgur.com/uHNKGWq.png
Autor: Admin
Linguagem: HTML & CSS
Dificuldade para aplicação e compreensão do código: Média
Autor: Admin
Linguagem: HTML & CSS
Dificuldade para aplicação e compreensão do código: Média
Primeiramente, acesse ao seu painel de controle e adicione o seguinte código ao seu CSS (folha de estilos):
Código:
span.perfixo1{
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
background-color: #077B16;
background-image: url(http://i58.servimg.com/u/f58/17/19/90/23/highli10.png);
background-position: 0 -1px;
background-repeat: repeat-x;
border-radius: 3px;
color: #fff;
display: inline-block;
font-size: 9px;
font-weight: 700;
line-height: 16px;
padding: 0 5px;
text-shadow: rgba(0,0,0,0.2) 0 -1px 0;
text-transform: uppercase;
vertical-align: middle;
}
O prefixo será verde, poderá multiplicar este código e procurar por
background-color :#077B16;
e trocar pela cor hexadecimal desejada.
Após isso acesse a gerência dos fóruns do seu fórum e escolha um fórum a escolha:
Exemplo: https://i.imgur.com/pTQJ3bv.png !
Nos utilizaremos o fórum "Parcerias" como exemplo.
Clique no botão para modificar como na imagem acima, e troque o nome do fórum para:
Código:
Parcerias <span class="prefixo1">Oficial</span>
"prefixo1" foi a classe adicionada ao CSS anteriormente, caso crie novos prefixos não se esqueça de alterar a classe no span igualmente.
Tech Mais
Última edição por RafaelS. em Sex Fev 19, 2016 11:21 pm, editado 2 vez(es)