Tecnología

Inicio

Cómo crear un paso del ratón en KompoZer

Cómo crear un paso del ratón en KompoZer


KompoZer es una herramienta de desarrollo web de código abierto que ofrece un lo-que-ve-es-lo-que-hay, o WYSIWYG, editor y soporte para hojas de estilo en cascada o CSS. Su flexibilidad lo convierten en una opción popular para los desarrolladores web y aspirantes establecidos. La flexibilidad y el poder no están exentas de un cierto nivel de complejidad, sin embargo - con el fin de mantener la compatibilidad con los estándares HTML, no todas las funciones de codificación está disponible haciendo clic en un icono y la aplicación de propiedades predefinidas a un elemento de página. El vuelo estacionario, o "por encima del ratón," función de la página que cambia el color de un enlace cuando el cursor del ratón se coloca sobre requiere un trabajo extra para aplicar correctamente.

Instrucciones

1 Abra la página que va a modificarse en KompoZer.

2 Haga clic en "Herramientas" en la barra de menú principal en la parte superior de la ventana de KompoZer. Haga clic en "Editor de CSS" en el menú desplegable.

3 Haga clic en el botón inmediatamente a la izquierda de "regla de estilo de usuario" en el "Crear una nueva:" ventana de la sección de las "hojas de estilo CSS".

4 Introduzca el texto "a: hover", sin las comillas, en el cuadro de texto debajo de la regla de estilo personalizado.

5 Haga clic en el cuadro "Crear regla de estilo".

6 Haga clic en la pestaña "Texto" se encuentra en la parte superior derecha de la ventana.

7 Haga clic en el cuadro en blanco inmediatamente a la derecha del cuadro de entrada de texto llamado "Color:" para abrir una ventana de selección de color que le permite elegir un color predefinido o elegir un color personalizado.

8 Seleccionar un color. Haga clic en el botón "OK" para cerrar la ventana de selección de color. El nombre de un color estándar aparece en el cuadro de entrada de texto para el color; colores personalizados están designados por su valor hexadecimal.

9 Haga clic en el botón "OK" en la parte inferior de la ventana de "hojas de estilo CSS" para guardar los cambios y volver a la ventana de edición.

10 Crear el texto del enlace como lo haría normalmente en KompoZer resaltando el texto, al hacer clic en el icono de enlace y entrar en la dirección del enlace en la ventana de propiedades emergente. Los enlaces cambios en el color especificado cuando se coloca el cursor del ratón sobre el texto.