JScript

Programação & Desenvolvimento


Você não está conectado. Conecte-se ou registre-se

Ranks Personalizados

Ir para baixo  Mensagem [Página 1 de 1]

1Ranks Personalizados Empty Ranks Personalizados Qua 04 Dez 2013, 5:24 pm

Convidado

avatar
Convidado

Ola, queria colocar assim os meus ranks: Ranks Personalizados O6SVY9w

So que queria assim a cor dos ranks:
Administrador #FF7700
Moderador #0FDB1D
Ajudante      #FFBF004
Publicideiro   #00C4FF
Designer #F500BC

http://mundodosforuns.forum-pro.net/ | PUNBB

2Ranks Personalizados Empty Re: Ranks Personalizados Qua 04 Dez 2013, 5:39 pm

waghcwb

waghcwb
Desenvolvedores
Desenvolvedores

Olá amigo

Para alcançar este efeito é simples..

Primeiro adicione isso em seu CSS
Código:
.rank{-moz-border-radius:3px;-webkit-border-radius:3px;background:#65A830;border-radius:3px;color:#FFF;display:inline-block;font-size:11px;font-weight:700;margin-top:5px;padding:3px 8px;text-shadow:rgba(0,0,0,.2) 0 -1px 0}.admin{background-color:#F70}.ajud{background-color:#ffbf00}.publi{background-color:#00C4FF}.design{background-color:#F500BC}
Agora no nome do rank você deve adicionar o seguinte

Código:
<span class="rank">Nome do rank</span>
Fiz a lista aqui para você, basta adicionar Very Happy

Administrador
Código:
<span class="rank admin">Administrador</span>
Moderador
Código:
<span class="rank mod">Moderador</span>
Ajudante
Código:
<span class="rank ajud">Ajudante</span>
Publicideiro
Código:
<span class="rank publi">Publicideiro</span>
Designer
Código:
<span class="rank design">Designer</span>
Não tive a oportunidade de testar todos, enfim, se houver algo de errado, me informe Very Happy

http://wagneraugusto.com.br/

3Ranks Personalizados Empty Re: Ranks Personalizados Qua 04 Dez 2013, 6:16 pm

Convidado

avatar
Convidado

Olá.
Aceda a sua CSS:
Painel > Visualização > Imagens e Cores > Cores > CSS!
Código:
.userBanned, .userAjudante, .userDesigner, .userAdministrador, .userPublicitario, .userMemberactive, .userModerador, .userStaff, .vipBS {
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
background: #65a830;
border-radius: 3px;
color: #fff;
display: inline-block;
font-size: 11px;
font-weight: 700;
margin-top: 5px;
padding: 3px 8px;
text-shadow: rgba(0,0,0,0.2) 0 -1px 0;
}

.userAdministrador {
background: #FF7700;
}
.userModerador {
background: #0FDB1D;
}
.userAjudante {
background: #FFBF004;
}
.userPublicitario {
background: #00C4FF;
}
.userAjudante {
background: #F500BC;
}
Para cada um usas:
Código:
<span class="userAdministrador">Administrador</span>
Em userAdministrador, Troque por Ajudante - Publicitario - Designer - Moderador.
De acordo com os rankings!!!!!
Boas Festas, Ranks Personalizados T07009
Atenciosamente, iTrevaS

Conteúdo patrocinado



Ir para o topo  Mensagem [Página 1 de 1]

Permissões neste sub-fórum
Não podes responder a tópicos