Ir para conteúdo
Fórum Script Brasil
  • 0

Dúvida Link em .css


Web Tris

Pergunta

Dentro de um arquivo .css eu declarei as cores que quero que fique nos "textos link". Porém todos os link's agora ficam na mesma cor, a dúvida é usando o css como posso ter vários links na mesma página com cores e efeitos diferentes.

Segue imagens da dúvida.

IMG 01: http://dl.dropbox.com/u/1098607/01.jpg

Como que quero:

http://dl.dropbox.com/u/1098607/02.jpg

Alguém pode me dar um help?

Link para o comentário
Compartilhar em outros sites

3 respostass a esta questão

Posts Recomendados

  • 0

É só você colocar os links dentro de uma div ou span, e depois definir class ou id, e depois no css colocar uma cor para cada id ou class, eu aconselho usar o class, e como é um pedaçõ pequeno é melhor usar o span.

Ficaria mais ou menos assim:

<span class="titulo1">Ajude o servidor</span>
<span class="vermelho">Acesso vip</span>
<span class="vermelho">Kafra Shop</span>

<span class="titulo2">Ranking</span>
<span class="azul">top 100 guildas</span>
<span class="azul">top 100 jogadores</span>
<span class="azul">os 100 mais ricos</span>

<span class="titulo3">Jornal nabei</span>
<span class="laranja">O jornal</span>
<span class="laranja">Edições</span>
<span class="laranja">Ler</span>
css
.titulo1{background:#f4f4f4;}

.titulo2{background:00ccff;}

.titulo3{background:#333333;}

.laranja{color:gold;}//não lembro que cor é laranjaXD

.azul{color:blue;}

.vermelho{color: red;}

E se for colocar uma div seria igual, mas se for colocar em vez de class colocar id dai você teria que mudar no css o".nome_da_classe" por "#nome_da_classe".

é isso.

qualquer coisa posta ai.

Fl

Link para o comentário
Compartilhar em outros sites

  • 0

Ta mais você quer que troque de cor quando passar o mouse e quando clicar?

Se for, basta você fazer como eu falie, e depois colocar um hover para cada classe e depois um active.

fica mais ou menos assim.

#azul:hover{color:red;}

esse fai fazer o azul trocar para vermelho quando passar o mouse por cima.

Entra nesse site que tem muita coisa sobre css, e esse link ensina como mudar a cor dos links, etc

Link para o comentário
Compartilhar em outros sites

Participe da discussão

Você pode postar agora e se registrar depois. Se você já tem uma conta, acesse agora para postar com sua conta.

Visitante
Responder esta pergunta...

×   Você colou conteúdo com formatação.   Remover formatação

  Apenas 75 emoticons são permitidos.

×   Seu link foi incorporado automaticamente.   Exibir como um link em vez disso

×   Seu conteúdo anterior foi restaurado.   Limpar Editor

×   Você não pode colar imagens diretamente. Carregar ou inserir imagens do URL.



  • Estatísticas dos Fóruns

    • Tópicos
      152,3k
    • Posts
      652,4k
×
×
  • Criar Novo...