links sem sublinhado
com um simples estilo em css, você pode tirar o sublinhado padrão dos links
da sua página, e fazer que ele só reapareça quando o cursor do mouse estiver
sobre o link.
para aplicá-lo, basta copiar e colar o texto abaixo entre as tags <head> e
</head> do seu código.
<style>
<!--
.estilo1
{ color: black;
text-decoration: none;
font-size: 12px;
font-family: arial }
a:hover {
text-decoration: underline;
}
-->
</style>
agora, copie a tag abaixo dentro de cada tag <a>,onde o link deve ficar sem
sublinhado:
class="estilo1"
seu link deverá ficar parecido com o exemplo abaixo:
<a href="http://www.criandosite.com.br"
class="estilo1">www.criandosite.com.br</a>
a parte destacada em azul, é o nome da função, que poderá ser substituído
por qualquer outro, contanto que você altere o mesmo dentro das tags de
link.
a parte destacada em verde, são as propriedades da função:
· "color: black;" - define que os links com o estilo, ou classe, aplicado terá a
cor preta. pode ser substituído pela cor de sua preferência.
· "text decoration: none;" - faz com que o traço sob o link desapareça.
· "font-size:12px" define o tamanho da font do link. neste caso, o tamanho
está definido como 12 pixels, mas você poderá alterá-lo.
· "font-family: arial" - define o tipo de letra, no exemplo, a fonte é arial, mas
poderá ser substituída por qualquer outra.
o texto em vermelho servirá para produzir o efeito de sublinhado quando o
cursor do mouse estiver sobre o link. poderá ser excluído caso você queira
que o sublinhado do link simplesmente desapareça, e que não reapareça
quando o cursor do mouse estiver sobre ele.
este recurso é compatível com ie e netscape 6.
0 comentários:
Postar um comentário