|
Lograr
que cuando se pasa el ratón por encima
del enlace, las letras cambien su tamaño.
Para
lograr atractivos efectos en los enlaces
al pasar el ratón por encima de los
mismos, recurriremos al código HTML, y
activaremos el comando "Style".
Es
muy fácil, y con solo esta declaración,
lograremos que el efecto actúe sobre
todos los enlaces que hemos declarado en
la página.
Lo
primero que haremos para lograr nuestro
efecto, es ir al código HTML de nuestra
página, y buscamos en la parte superior
esta etiqueta: <head>.
Cuando
la hayamos encontrado escribiremos
debajo de la misma estas palabras:
<STYLE
TYPE="text/css">
<!--
a:link, a:visited { color:
#000000; text-decoration: none;
font-size: 10 px }
a:hover, a:active { color:
#000000; text-decoration: blink;
font-size: 14 pt }
-->
</STYLE> |
Donde
dice "a:link, a:visited { color:
#000000; text-decoration: none; font-size:
10 px }", este valor
"10", que consta al final, es
el que corresponde al tamaño que
tendrán las letras del enlace mientras
está en posición pasivo, es decir,
todo el tiempo que el ratón no pase por
sobre el enlace. Puedes cambiar ese
valor a gusto, indicando tamaño de
letra 12, 14, 16, 18, o lo que desees.
Donde
dice "a:hover, a:active { color:
#000000; text-decoration: blink; font-size:
14 pt }", este valor
"14", que consta al final, es
el que corresponde al tamaño que tendrán
las letras del enlace cuando pase el ratón
por sobre el enlace. Puedes cambiar ese
valor a gusto, indicando tamaño de
letra 10, 12, 14, 16, 18, o lo que
desees.
Ya
sabes como lograr que al pasar el ratón
por encima de los enlaces que has
colocado, las
letras de los mismos cambien su tamaño.
Si
has tenido alguna dificultad al escribir
el código, o no deseas hacerlo, lo
puedes tomar de aquí abajo.
Para
ello haces click en cualquier palabra
que se halla dentro de la caja, Te
diriges a "Edición" en el menú
superior de la barra de herramientas, e
indicas "Seleccinar todo",
luego tomas lo seleccionado dirigiéndote
nuevamente a "Edición", pero
esta vez indicas "Cortar", y
posteriormente te posicionas en tu página,
donde quieres colocar este código,
entonces te diriges a Edición, y le
indicas "Pegar".
Si
deseas hacer las cosas más rápido,
puedes verificar en "Edición"
(está escrito al lado de las palabras
que indican cada orden) que pulsando
"Control" + una letra
determinada, puedes "seleccionar
todo", "cortar" o
"pegar" en forma instantánea
y con eso evitas tener que ingresar
constantemente al menú de "Edición".
Si
de todos modos, no funciona este efecto,
corta el código HTML que debes colocar
en tu página, pero antes de hacerlo, pégalo
en tu Block de notas, y luego si córtalo
de allí y pégalo en tu sitio. Ahora si
no creo que haya ningún inconveniente
que te impida disfrutar de este bonito
efecto.
Buena
suerte.
|
