|
¿Han visto que en algunas paginas los scrolls bar tienen colores diferentes a los estandar?
Pues esto es facil de lograr, y aqui les vamos a explicar como, el unico inconveniente es
que navegadores anteriores al ie 5.5 y netscape 6 no lo soportan, pero sus visitantes
no van a notar nada raro aun cuando tengan versiones que no soporten estos estilos.
Como les decia esto se logra utilizando CSS (Cascade Style Sheet) y para nada modifican la
funcionalidad de los scrolls, lo unico, es que le dan una mejor apariencia a tu pagina. Pues
manos a la obra, lo unico que tienen que hacer es poner el siguiente codigo entre las
etiquetas HEAD de su pagina:
<style type="text/css">
<!--
body {
SCROLLBAR-FACE-COLOR:#5F9EA0;
SCROLLBAR-HIGHLIGHT-COLOR: #008B8B;
SCROLLBAR-SHADOW-COLOR: #5F9EA0;
SCROLLBAR-3DLIGHT-COLOR: #FFFFFF;
SCROLLBAR-ARROW-COLOR: #00FFFF;
SCROLLBAR-TRACK-COLOR: #ADD8E6;
SCROLLBAR-DARKSHADOW-COLOR: #00008B;
}
-->
Enseguida les digo para que sirve cada cosa...
| Instruccion |
Funcion |
|
SCROLLBAR-FACE-COLOR
|
Color de la base de la barra
|
|
SCROLLBAR-HIGHLIGHT-COLOR
|
Color resaltado de la barra
|
|
SCROLLBAR-SHADOW-COLOR
|
Color de la sombra 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 sombra mas oscura de la barra
|
Espero que este breve articulo les sea de utilidad.
|