PERSONALIZAR SCROLLBAR CSS
-
Buenas noches a todos,
quería colaborar con una duda que tuve y que ahora que la he solucionado, quiero decirles como personalizar la scrollbar del navegador, sea ie, chrome, firefox, etc…
Este código lo tienen que poner entre <head> </head> del archivo header.php del tema que estemos usando.
Les dejo el código
<style type=»text/css»>
body, html {
scrollbar-face-color:#8A0808;
scrollbar-arrow-color:#000000;
scrollbar-track-color:#FFFFFF;
scrollbar-shadow-color:#000000;
scrollbar-highlight-color:#000000;
scrollbar-3dlight-color:#000000;
scrollbar-darkshadow-Color:#000000;
}</style>
<style>
::-webkit-scrollbar {
height: 12px;
width: 12px;
background: #FFFFFF;
}
::-webkit-scrollbar-thumb {
background: #8A0808;
-webkit-border-radius: 1ex;
-webkit-box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.75);
}
::-webkit-scrollbar-corner {
background: #000;
}
</style>Luego ya es jugar un poco con los colores y demás.
Espero que os ayude.
Un saludo.
Alberto.
- El debate ‘PERSONALIZAR SCROLLBAR CSS’ está cerrado a nuevas respuestas.