Cómo cambiar el color de mi Scrollbar
Hemos visto muchísimas páginas web donde el scrollbar tiene colores llamativos y no ese aburrido color que todos conocemos. Se preguntarán Cómo se hace? Pues no es nada difícil... Aquí están unos pasos bien sencillos para darle ese toque original a tu scroll bar.
En Dreamweaver usando código html tenemos un código para generar el color del scroll bar en una página web. El código que vamos a utilizar es el siguiente:
Code:
| <style> <!-- BODY { scrollbar-face-color: color; scrollbar-shadow-color: color; scrollbar-highlight-color: color; scrollbar-3dlight-color: color; scrollbar-darkshadow-color: color; scrollbar-track-color: color; scrollbar-arrow-color: color; } --> </style> |
En donde color es el código del color que vamos a emplear. En el siguiente ejemplo insertamos este código:
Code:
<style> <!-- BODY { scrollbar-face-color: #CCCCCC; scrollbar-arrow-color: #333333; scrollbar-base-color:#CCCCCC; scrollbar-shadow-color: #333333; scrollbar-dark-shadow-color: #CCCCCC; scrollbar-highlight-color:#333333; scrollbar-3d-light-color: #CCCCCC} //--> </style> |
Ya que sabemos cómo cambiar los colores, debemos insertar el código en la página. Este código se inserta justo en el del código html de nuestra página.
Los Colores
Cada color tiene un código específico por el cual se identifica en el lenguaje html.
Ps: los tags <style> </style> van entre los tags <head></head>
Ejemplo:
Code:
| <head> <style> </style> </head> |