[Tutorial] Hover's

**CatarinaMoura** 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:

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 :

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

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>