Ir para conteúdo

POWERED BY:

Arquivado

Este tópico foi arquivado e está fechado para novas respostas.

Jean Felipe !

[Resolvido] Links visitados sem efeito de a:visited

Recommended Posts

Olá! No meu site, como qualquer outro, quando você não da o código do a:visited, os links visitados ficam roxos.

 

Ou seja, o que eu quero... é que eles não fiquem roxos, nem com a mesma cor do hover, quero que fiquem normais como se nunca tivessem sido visitados.

 

Segue o meu código CSS. São vários estilos de links que fiz, só preciso saber como tirar esse efeito de link visitado.

 

a:link {
color:#f41000;
text-decoration:none;
font-family: Arial, Helvetica, sans-serif;
}
a:visited { 
 color:$visitedlinkcolor; 
 text-decoration:none; 
 } 
a:hover {
color:#555;
text-decoration:underline;
font-family: Arial, Helvetica, sans-serif;
}
a.titulo:link {
color:#252525;
text-decoration:none;
font-size: 32px;
font-weight: bold;
font-family: Arial, Helvetica, sans-serif;
}
a.titulo:hover {
color:#555;
text-decoration:none;
font-size: 32px;
font-weight: bold;
font-family: Arial, Helvetica, sans-serif;
}
a.lateral:link {
color:#252525;
text-decoration:none;
font-size: 16px;
font-family: Arial, Helvetica, sans-serif;
}
a.lateral:hover {
color:#555;
text-decoration:underline;
font-size: 16px;
font-family: Arial, Helvetica, sans-serif;
}

Compartilhar este post


Link para o post
Compartilhar em outros sites

Tente assim:

 

a:link {
       color:#f41000;
       text-decoration:none;
       font-family: Arial, Helvetica, sans-serif;
}
a:visited { 
       color:#f41000;
       text-decoration:none;
       font-family: Arial, Helvetica, sans-serif;
 } 
a:hover {
       color:#555;
       text-decoration:underline;
       font-family: Arial, Helvetica, sans-serif;
}
a.titulo:link {
       color:#252525;
       text-decoration:none;
       font-size: 32px;
       font-weight: bold;
       font-family: Arial, Helvetica, sans-serif;
}
a.titulo:hover {
       color:#555;
       text-decoration:none;
       font-size: 32px;
       font-weight: bold;
       font-family: Arial, Helvetica, sans-serif;
}
a.lateral:link {
       color:#252525;
       text-decoration:none;
       font-size: 16px;
       font-family: Arial, Helvetica, sans-serif;
}
a.lateral:hover {
       color:#555;
       text-decoration:underline;
       font-size: 16px;
       font-family: Arial, Helvetica, sans-serif;
}

 

Só repeti o link normal no visitado, assim ele sempre vai ficar igualzinho e o hover funciona normalmente!

Compartilhar este post


Link para o post
Compartilhar em outros sites

×

Informação importante

Ao usar o fórum, você concorda com nossos Termos e condições.