Estilos de Links/Vinculos

 Estos códigos hacen que al pasar el puntero sobre  un link (vínculo) de texto cambie de color o crea varios efectos en el texto como subrayados, negritas, putos alrededor, etc.

 

Cámbia de color el texto al poner el cursor sobre éste. Se pega entre <head> y </head>

<style fprolloverstyle>a:hover {text-decoration: blink; COLOR:#000000 ; border: 1px dotted;} </style>

 

Este código hace que el texto cambie de color al pasar el puntero. Se pega entre <head> y </head>

<style fprolloverstyle>A:hover {color: #FF0000}
</style>
 

Este código hace que cambie de color el texto y se ponga en negrita al pasar el cursor. Se pega entre <head> y </head>

<style fprolloverstyle>A:hover {color: #FF0000; font-weight: bold}</style>

 

 

Este código hace que cambie de color el texto y se ponga en cursiva al pasar el cursor. Se pega entre <head> y </head>

<style fprolloverstyle>A:hover {color: #FF0000; font-style: italic}</style>
 
 

Este código hace que cambie de color el texto y en oblicua al pasar el puntero. Se pega entre <head> y </head>

<style fprolloverstyle>A:hover {color: #FF0000; font-style: oblique}</style>
 
 

Este código hace que cambie de color el texto en negrita y cursiva al pasar el cursor. Se pega entre <head> y </head>

<style fprolloverstyle>A:hover {color: #FF0000; font-style: italic; font-weight: bold}</style>

 

Este código hace que cambie de color el texto en negrita y oblicua al pasar el puntero. Se pega entre <head> y </head>

<style fprolloverstyle>A:hover {color: #FF0000; font-style: oblique; font-weight: bold}</style>
 
 

Este código hace que cambie de color el texto y tachado al pasar el cursor. Se pega entre <head> y </head>

<style fprolloverstyle>A:hover {color: #FF0000; text-decoration: line-through}</style>
 
 

Este código hace que cambie de color el texto y subrayado al pasar el puntero. Se pega entre <head> y </head>

<style fprolloverstyle>A:hover {color: #FF0000; text-decoration: overline}</style>

 

Este código hace que cambie de color el texto y mayúscula al pasar el cursor. Se pega entre <head> y </head>

<style fprolloverstyle>A:hover {color: #FF0000; text-transform: uppercase; font-weight: bold}
</style>
 
 

Este código hace que cambie de color el texto y la primera letra en mayúscula al pasar el cursor. Se pega entre <head> y </head>

<style fprolloverstyle>A:hover {color: #FF0000; text-transform: capitalize; font-weight: bold}
</style>
 
 

Este código hace que el vinculo se oculte al pasar el cursor. Se pega entre <head> y </head>

<style fprolloverstyle>A:hover {color: #FF0000; visibility: hidden; font-weight: bold}
</style>
 
 

Este código cambia de tamaño el texto puedes poner el tamaño que quieras en la parte que pone "24pt". Se pega entre <head> y </head>

<style fprolloverstyle>A:hover {color: #FF0000; font-size: 24pt; font-weight: bold}
</style>