Cambiar los colores de las barras de desplazamiento del Blog o Pagina web

Ahora PCzeros te enseña a cambiar los colores de las barras de desplazamiento. Sin duda que cambiar los colores de las barras de desplazamiento le dará o tu blog o página web un toque muy personal que le quedará muy bien. Para cambiar los colores es muy sencillo, lo primero que debes de hacer es pensar en que colores te gustaría que tubiesen las barras de desplazamiento. El código de abajo muestra que línea corresponde a cada parte de la barra, sólo debes de mirar el color de la letra y compararlo con el color del cuadro que aparece más abajo, los nombres de los colores se escriben con su nombre en inglés, aunque también puedes utilizar el codigo RGB. Para ver algunos códigos de colores RGB puede ir a: Código de colores RGB

SCROLLBAR-FACE-COLOR: lime;

SCROLLBAR-SHADOW-COLOR: white;

SCROLLBAR-3DLIGHT-COLOR: blue;

SCROLLBAR-ARROW-COLOR: red;

SCROLLBAR-TRACK-COLOR: green;

SCROLLBAR-HIGHLIGHT-COLOR: yellow;

SCROLLBAR-DARKSHADOW-COLOR: gray;

Ésta es una división de prueba.

Para ver que color corresponde a cada parte de la barra mira la lista de partes de la barra de arriba y compara con los colores que ves en la barra de esta división.





http://pczeros.blogspot.com

Luego que hayas elegido los colores que les vas a poner a tus barras de desplazamiento copia el sigiente código e insértalo en tu blog (si estás en blogger sigue el siguiente tutorial para agregar el truco al blog. Luego que lo hayas pegado, cabiá la parte del código donde aparece el nombre del color de cada parte por los que tu quieras. Te recomiendo que para empezar copies el código tal cual está y que luego le vayas haciendo las modificaciones. Funciona para Internet Explorer.

<style type="text/css"> *{ SCROLLBAR-FACE-COLOR: lime; SCROLLBAR-SHADOW-COLOR: white; SCROLLBAR-3DLIGHT-COLOR: blue; SCROLLBAR-ARROW-COLOR: red; SCROLLBAR-TRACK-COLOR: green; SCROLLBAR-HIGHLIGHT-COLOR: yellow; SCROLLBAR-DARKSHADOW-COLOR: gray; } </style> <a href="http://pczeros.blogspot.com" target="_blank" title="Todo para el blog"><img src="http://sites.google.com/site/pczeros/Home/1t.gif" border="0" title="Todo para blog""/></a>

Espero quede muy bien! y sigue recorriendo PCzeros y encuentra muchas cosas más!