[TUTORIAL] Colorir o nick dos usuários

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

[TUTORIAL] Colorir o nick dos usuários Empty [TUTORIAL] Colorir o nick dos usuários

Mensagem por Cream 03.04.12 21:58

[TUTORIAL] Colorir o nick dos usuários Magic 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.


[TUTORIAL] Colorir o nick dos usuários Act_bottom 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:

[TUTORIAL] Colorir o nick dos usuários Versio11 PhpBB 2

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

[TUTORIAL] Colorir o nick dos usuários Versio12 PhpBB 3

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

[TUTORIAL] Colorir o nick dos usuários Versio15 PunBB
.pun a[href ="/u1"] {
color:#FF0000;
}


[TUTORIAL] Colorir o nick dos usuários Versio14 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.

[TUTORIAL] Colorir o nick dos usuários Logo 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)
[TUTORIAL] Colorir o nick dos usuários 1114

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


[TUTORIAL] Colorir o nick dos usuários Act_bottom 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

Cream

Cream
Membro Entusiasta

Membro desde : 15/12/2010
Mensagens : 8540
Pontos : 11644

https://ajuda.forumeiros.com

Ir para o topo Ir para baixo

Ver o tópico anterior Ver o tópico seguinte Ir para o topo

- Tópicos semelhantes

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