A partir de la version 5.5 el navegador de internet mas utilizado en el mundo, "Internet Explorer",
soporta la personalizacion de sus barras de scroll. Mediante hojas de estilo podemos obtener barras
realmente atractivas. Por ejemplo:
Estas barras siguen funcionando igual que las anteriores; lo unico que se modifica es su aspecto.
Veamos como llegamos a esto...
<style type="text/css">
<!--
body {
SCROLLBAR-FACE-COLOR:#6699CC;
SCROLLBAR-HIGHLIGHT-COLOR: #6699CC;
SCROLLBAR-SHADOW-COLOR: #6699CC;
SCROLLBAR-3DLIGHT-COLOR: #FFFFFF;
SCROLLBAR-ARROW-COLOR: #FFFFFF;
SCROLLBAR-TRACK-COLOR: #E3E3E3;
SCROLLBAR-DARKSHADOW-COLOR: #000000;
}
-->
</style>
Este codigo hay que insertarlo entre las etiquetas HEAD o
en la hoja de estilo que utilizemos. Ahora explicaremos que significa cada item:
| Item |
Descripción |
| SCROLLBAR-FACE-COLOR |
Color de la base de la barra |
| SCROLLBAR-HIGHLIGHT-COLOR |
Color resaltado de la barra |
| SCROLLBAR-SHADOW-COLOR |
Color de la sobra de la barra |
| SCROLLBAR-3DLIGHT-COLOR |
Color del relieve de la barra |
| SCROLLBAR-ARROW-COLOR |
Color de las flechas de la barra |
| SCROLLBAR-TRACK-COLOR |
Color del fondo de la barra |
| SCROLLBAR-DARKSHADOW-COLOR |
Color de la sobra mas oscura de la barra |
Es complicado explicar cada item, lo que te recomiendo es que vayas cambiando los valores de
los colores y que pruebes como va quedando.
Últimos comentarios
Últimos 5 comentarios
Esta es la solucion (24/11/2006)
Por
Si estan trabajando con una capa vayan a la vista DIVIDIR. Una vez alli seleccionen la capa. El codigo HTML de la capa saldra sombreado. Arriba de este tienen ke insertar el codigo de esta pagina. Guarden y veanlo en la vista previa
lopo se va (19/10/2006)
Por
kokorovbguqpbnubhq
Solucion al problema (29/07/2006)
Por
He tenido el mismo problema que todos los demas para modificar la barra de scroll utilizando dreamweaver. Bueno, como ya habian dicho anteriormente alguno, este programita te pone por defecto una de línea (la primera) que impide que funcione correctamente. Simplemente hay que eliminarla y ya está.
eliminar: ""
espero que sea de ayuda
lo que tienes que borrar.. (05/07/2005)
Por
por seguridad creo que no salio las lineas pero bueno son las 2 primeras algo asi..
La solución para Gran_Gris (05/07/2005)
Por
Gran_Gris tu problema reside que dejas las primeras lineas que
dreamweaver MX te deja por defecto que sera algo asi..
borralo y listo salu2...
Artículos
