Espreita Aqui
Bem-Vindo (a) ao Espreita Aqui.
Regista-te, estaremos aqui para ajudar-te.
Have fun.

[Tutorial] Hover's

Ir em baixo

[Tutorial] Hover's

Mensagem  CatarinaMoura em Qui Ago 06, 2009 2:01 am

Hover para rasurar:


Código:
<style type="text/css"> a:hover {text-decoration: line-through;}</style>

Hover para pôr a negrito:


Código:
<style type="text/css"> a:hover {font-weight:bold;} </style>

Hover para aumentarem, diminuir o tamanho e trocar a cor quando aumentar ou diminuir:


Código:
<style type="text/css"> a:active, a:link, a:visited {font-weight: normal; text-decoration: none; font-color: Red; font-size: 50px;}
a:hover {font-family: "Verdana"; font-size: 23px; color:purple; font-weight: bold;} </style>

Hover só para aumentar ou diminuir :


Código:
<style type="text/css">a:hover {font-size: 15px;}</style>

Hover para mudar o fundo de uma hiperligação, À passagem do rato numa hiperligação aparece uma imagem:


Código:
<style>a:hover {background-image:url(Link da foto);}</style>

Hover para sublinhar os link's e mudarem de cor quando sublinham :


Código:
<style type="text/css">a:link, a:visited, a:active {text-decoration: underline;}a:hover {color: #FFD700;}</style>

Hover para aparecer outro texto à passagem do mouse:

HTML

Código:
<center>
<font color="#fffafa" size="1">
<a class="mand"> aqui colocas o primeiro texto

<span class="mand2">E aqui é a parte a onde vai surgir o texto á passagem do mouse</span>
</a>
</font>
</center>

CSS


Código:
<style type="text/css">
a.mand {
font-family:comic sans ms;
font-size:10px;
padding-left:140px;
text-decoration:none;}

span.mand2 {
font-family:kristen itc;
font-size:10px;
text-align:center;
visibility:hidden;}

a.mand:hover span.mand2 {
color:#FF0000;
display:block;
position:relative;
text-decoration:none;
top:-11px;
visibility:visible;}

a.mand:hover {
text-decoration:none;
visibility:hidden;}
</style>

Hover para mudar o tipo de letra:


Código:
<style type='text/css'> a:hover {font-family: Comic Sans MS ;} </style>
avatar
CatarinaMoura
Admin
Admin

Feminino Mensagens : 769
Pontos : 1872
Data de inscrição : 04/08/2009
Idade : 27
Localização : Cascais

Ver perfil do usuário

Voltar ao Topo Ir em baixo

Voltar ao Topo

- Tópicos similares

 
Permissão deste fórum:
Você não pode responder aos tópicos neste fórum