[TUTORIAL] Colorir o nick dos usuários

Ver o tópico anterior Ver o tópico seguinte Ir em baixo

[TUTORIAL] Colorir o nick dos usuários

Mensagem por Cream em 03/04/12, 05:58 pm

Efeito CSS
Este tutorial ensinará a fazer uma das coisas que até agora era impossível de se fazer individualmente. Ele ensinará como colocar cor nos nicks dos usuários por códigos CSS, e não aplicando cores por grupos. Funciona em todas as versões.


Atenção:
Os códigos mencionados neste tutorial não terão efeito quando o Fórum for acedido pelos através do Internet Explorer. E lembre-se bem, evite atribuir cores aos nicks dos usuários já existentes em grupos do seu fórum.


--> Tutoriais, Dicas e Astúcias <--
Colorir o nick dos usuários



- Conhecendo o código que será utilizado:
Vamos começar primeiramente conhecendo os códigos que serão aplicados. Para isto terá de adicionar o código correspondente à versão do seu fórum na folha de estilo CSS:

PhpBB 2

a[href ="/u1"] {
color:#FF0000;
}

PhpBB 3

a[href ="/u1"] {
color:#FF0000;
}

PunBB
.pun a[href ="/u1"] {
color:#FF0000;
}


Invision

a[href ="/u1"] {
color:#FF0000;
}

"u1": No lugar de "1" você deve alterar para a ID do usuário em questão que queremos aplicar a cor. Para achar a ID, você somente deverá acedar a página do perfil do usuário do fórum, e notar na barra de naveção. Por exemplo o meu aqui no FdF:
Neste caso, a ID vem sempre representado depois da letra "u". Resumindo, a minha ID aqui no Fórum dos Fóruns é então "35000".

Azul: Alterar para a cor hexadecimal que queremos que fique o nick do usuário em questão.

Explicando:
Vamos agora a explicação das propriedades utilizadas:
  • O código a[href ="/u1"] ou .pun a[href ="/u1"] corresponde ao atributo da versão, que no caso vem fora dos colchetes, e dentro dos colchetes corresponde ao link do usuário do fórum, indicado por sua ID.
  • Já quanto à propriedade color:#FF0000;, define basicamente a cor que a "condição" anterior ganhará, no caso, define a cor que terá o nick do usuário.

- Adicionar o código à folha de estilo CSS:
Terá de aceder a;
Painel de Controle -> Visualização -> Imagens e cores -> Cores -> Folha de estilo CSS

(clique na imagem para aumentar)

Deverá colocar o código, nesta página. Se já contém algum código, deve adicionar este código específico, assim como qualquer outro que adicione futuramente, depois do já existente.




© Fórum dos Fóruns


Se tiver alguma dúvida relacionada com este tópico crie um tópico com o seguinte título:
Colorir o nick dos usuários

avatar

Cream
Ex-Admineiro
Ex-Admineiro

Masculino
Inscrito dia : 15/12/2010
Mensagens : 8540
Pontos Ativos : 11637

Ver perfil do usuário http://ajuda.forumeiros.com

Ver o tópico anterior Ver o tópico seguinte Voltar ao Topo


Permissão deste fórum:
Você não pode responder aos tópicos neste fórum