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

(Resolvido) Cor do link CSS


bruno bpS

Pergunta

Ola pessoas!, eu estou planejando um site, mas quero que ele tenha 2 cores de links em diferentes partes da pagina!

Uma no top! e uma no meio!

Como fazer isso??

O meu css é assim: ( tenho 3 css na pagina )

1 - idx.css ( Que cuida dos tamanhos etc, dos layers e templates )

2 - styles.css ( que fica os estilos de cores dos textos )

@charset "utf-8";
/* CSS Document */

.branco {
    color: #FFFFFF;
    font-size: 16px;
}

 a:link {
    color: #000000;
    text-decoration: none;
 }

 a:hover {
    color: #333333;
    text-decoration: underline;
 }

 .linktop {
 font-size: 13px;
 }

 .corp {
 font-size: 9px;
}

.cinza {
    font-family: Arial;
    color: #666666;
    font-weight: bold;
    
}
3 - all.css (Que fica as configurações globais) Esta respectivo, se quiser eu posto as configurações dos outros css ( eu so postei dos styles.css ) alguém sabe como?? vlws ;D PS: No html o codigo fica assim (para importar os css)
<head>
<title>x</title>
<link href="css/idx.css" rel="stylesheet" type="text/css" /> 
<link href="css/styles.css" rel="stylesheet" type="text/css" />
<link href="css/all.css" rel="stylesheet" type="text/css" />
</head>

Editado por bruno bpS
Link para o comentário
Compartilhar em outros sites

4 respostass a esta questão

Posts Recomendados

  • 0

Como ficaria no codigo??

@charset "utf-8";
/* CSS Document */

.branco {
    color: #FFFFFF;
    font-size: 16px;
}

a:link {
    color: #000000;
    text-decoration: none;
}

a:hover {
    color: #333333;
    text-decoration: underline;
}

a:link2 {
    color: #000000;
    text-decoration: none;
}

a:hover2 {
    color: #333333;
    text-decoration: underline;
}


.linktop {
font-size: 13px;
}

.corp {
font-size: 9px;
}

.cinza {
    font-family: Arial;
    color: #666666;
    font-weight: bold;
    
}
Assim? :S , eu fiz assim deu errado D: D:
<div align="center" class="a:link2">Sobre  Politica de privacidade <a href="$">Contato</a></div></td>

Editado por bruno bpS
Link para o comentário
Compartilhar em outros sites

  • 0

Vamos a alguns exemplos. Digamos que o seu site seja dividido em:

<header></header>
<body>
</body>
<footer></footer>
Supondo que header, body e footer sejam divs com seus respectivos conteúdos e designados as seguintes class's CSS:
.header
.body
.footer
O link geral sera:
a:link { color: #000000; }
Para uma cor diferente na div header:
.header a:link { color: #336699; }
Para a div body:
.body a:link { color: #999999; }
Para a div footer:
.footer a:link { color: #D31114; }

Deu para entender? Desculpa a explicação meio confusa... =/

Editado por _Vinny_
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...