En
este tutorial veremos como dar color a la barra de desplazamiento
de tu Web de una forma fácil y sin necesidad de tener
conocimientos de HTML, con la ayuda del programa LP Scrollbar
Colorizer 3.0
Cómo
instalar el programa
Descomprimimos
el archivo y seguimos los pasos que se indican en las capturas siguientes:
Una
vez que tenemos instalado el programa lo iniciamos o bien desde
Inicio
/Programas/ LP Scrollbar Colorizer 3.0
o bien desde el icono de acceso directo 
Cómo
crear un estílo básico
Seleccionamos
la opción "Crear estilo" y a continuación
la casilla"Color Básico",
al seleccionarla nos aparecerá la paleta de colores,
elegimos un color que le vaya bien a nuestra página y
damos en aceptar, podremos ver el aspecto de la barra
en una previsualización que nos proporciona el programa,
si estamos satisfecho con el resultado pulsaremos en la barra
de opciones sobre el botón "Copiar".
 
Al
dar en la barra de opciones en el botón copiar nos aparecerá
un mensaje en el que se nos dice que el texto ha sido copiado
al portapapeles ,así que ya sólo nos queda pegar
el código en la página donde irá la barra
de desplazamiento, abrimos la pagina con dreamweaver y pulsamos
en la barra de herramientas sobre el icono de "vista de
Código"
Buscamos
la etiqueta </head>, justo antes
de esta etiqueta pegaremos el código generado por LP
Scrollbar Colorizer 3.0. . Recuerda que ya el programa nos
copio el código en el portapapeles, así que sólo
tenemos que dar a la opción "pegar" y listooo,
si pulsamos en la tecla F12 veremos nuestra barra de
desplazamiento coloreadaa...
Cómo
crear un estilo combinando colores
Lo
primero es asegurarnos que no está seleccionada la opción
"Color Básico". Seleccionaremos "Crear estilo",
el resto es ir pulsando en cada una de las partes en que se compone
la barra de scroll y elegir el color que queremos hasta tenerla
coloreada completamente.
Ummm
me quedó un poco sicodélica jajajaja, bueno no
crean que tengo tan mal gusto, sólo que quise seleccionar
colores bien diferenciados para que se distingan cada una de
las partes :)
Bieeen
pues una vez completada procedemos de la misma forma que para el
color básico, damos en el botón "copiar"y
pegamos antes de la etiqueta </head>.
Espero
te sea útil :)
©2004
/Pilar Biurrun/todos los Derechos Reservados |
