epelpad

Barras de desplazamiento o Scrollbar de color en pagina web

Posteo algunos scrollbar o barra de desplazamiento de color para decorar una pagina web o hi5

Color negro
<style type="text/css">
html{SCROLLBAR-FACE-COLOR: black; BORDER-LEFT-COLOR: #666666; BORDER-LEFT: 8px;

BORDER-BOTTOM-COLOR: #ffffff; SCROLLBAR-HIGHLIGHT-COLOR: black; OVERFLOW: scroll;

SCROLLBAR-SHADOW-COLOR: #ffffff; COLOR: #000000; SCROLLBAR-3DLIGHT-COLOR: #666666;

BORDER-TOP-STYLE: ridge; BORDER-TOP-COLOR: black; BORDER-TOP: 8px; SCROLLBAR-ARROW-COLOR:

#ffffff; BORDER-RIGHT-STYLE: ridge; SCROLLBAR-DARKSHADOW-COLOR: #000000; BORDER-LEFT-STYLE:

ridge; BORDER-RIGHT-COLOR: #ffffff; BORDER-RIGHT: 8px; BORDER-BOTTOM-STYLE: ridge;

border-bottom: 8px
</style>


Color Azul

<style type="text/css">
html{SCROLLBAR-FACE-COLOR: black; BORDER-LEFT-COLOR: #09C; BORDER-LEFT: 8px;

BORDER-BOTTOM-COLOR: #0000FF; SCROLLBAR-HIGHLIGHT-COLOR: #06F; OVERFLOW: scroll;

SCROLLBAR-SHADOW-COLOR: #0000FF; COLOR: #000000; SCROLLBAR-3DLIGHT-COLOR: #09C;

BORDER-TOP-STYLE: ridge; BORDER-TOP-COLOR: blue; BORDER-TOP: 8px; SCROLLBAR-ARROW-COLOR:

#ffffff; BORDER-RIGHT-STYLE: ridge; SCROLLBAR-DARKSHADOW-COLOR: #09C; BORDER-LEFT-STYLE:

ridge; BORDER-RIGHT-COLOR: #0000FF; BORDER-RIGHT: 8px; BORDER-BOTTOM-STYLE: ridge;

border-bottom: 8px
</style>

Color Rojo
<style type="text/css">
html{SCROLLBAR-FACE-COLOR: black; BORDER-LEFT-COLOR: #FF0000; BORDER-LEFT: 8px;

BORDER-BOTTOM-COLOR: #FF0000; SCROLLBAR-HIGHLIGHT-COLOR: #FF0000; OVERFLOW: scroll;

SCROLLBAR-SHADOW-COLOR: #FF0000; COLOR: #FF0000; SCROLLBAR-3DLIGHT-COLOR: #FF0000;

BORDER-TOP-STYLE: ridge; BORDER-TOP-COLOR: #ff0000; BORDER-TOP: 10px; SCROLLBAR-ARROW-COLOR:

#FF0000; BORDER-RIGHT-STYLE: ridge; SCROLLBAR-DARKSHADOW-COLOR: #FF0000; BORDER-LEFT-STYLE:

ridge; BORDER-RIGHT-COLOR: #FF0000; BORDER-RIGHT: 8px; BORDER-BOTTOM-STYLE: ridge;

border-bottom: 8px
</style>

Color Verde
<style type="text/css">
html{SCROLLBAR-FACE-COLOR: black; BORDER-LEFT-COLOR: #00CC00; BORDER-LEFT: 8px;

BORDER-BOTTOM-COLOR: #00CC00; SCROLLBAR-HIGHLIGHT-COLOR: #00CC00; OVERFLOW: scroll;

SCROLLBAR-SHADOW-COLOR: #00CC00; COLOR: #00CC00; SCROLLBAR-3DLIGHT-COLOR: #00CC00;

BORDER-TOP-STYLE: ridge; BORDER-TOP-COLOR: #00CC00; BORDER-TOP: 8px; SCROLLBAR-ARROW-COLOR:

#00CC00; BORDER-RIGHT-STYLE: ridge; SCROLLBAR-DARKSHADOW-COLOR: #00CC00; BORDER-LEFT-STYLE:

ridge; BORDER-RIGHT-COLOR: #00CC00; BORDER-RIGHT: 8px; BORDER-BOTTOM-STYLE: ridge;

border-bottom: 8px
</style>

Color Anaranjado
<style type="text/css">
html{SCROLLBAR-FACE-COLOR: black; BORDER-LEFT-COLOR: #F60; BORDER-LEFT: 10px;

BORDER-BOTTOM-COLOR: #F60; SCROLLBAR-HIGHLIGHT-COLOR: #F60; OVERFLOW: scroll;

SCROLLBAR-SHADOW-COLOR: #F60; COLOR: #F60; SCROLLBAR-3DLIGHT-COLOR: #F60;

BORDER-TOP-STYLE: ridge; BORDER-TOP-COLOR: #F60; BORDER-TOP: 10px; SCROLLBAR-ARROW-COLOR:

#F60; BORDER-RIGHT-STYLE: ridge; SCROLLBAR-DARKSHADOW-COLOR: #F60; BORDER-LEFT-STYLE:

ridge; BORDER-RIGHT-COLOR: #F60; BORDER-RIGHT: 8px; BORDER-BOTTOM-STYLE: ridge;

border-bottom: 10px
</style>

Color Amarillo
<style type="text/css">
html{SCROLLBAR-FACE-COLOR: black; BORDER-LEFT-COLOR: #FF3; BORDER-LEFT: 10px;

BORDER-BOTTOM-COLOR: #FF3; SCROLLBAR-HIGHLIGHT-COLOR: black; OVERFLOW: scroll;

SCROLLBAR-SHADOW-COLOR: #FF3; COLOR: #FF3; SCROLLBAR-3DLIGHT-COLOR: #FF3;

BORDER-TOP-STYLE: ridge; BORDER-TOP-COLOR: #FF3; BORDER-TOP: 10px; SCROLLBAR-ARROW-COLOR:

#FF3; BORDER-RIGHT-STYLE: ridge; SCROLLBAR-DARKSHADOW-COLOR: #FF3; BORDER-LEFT-STYLE:

ridge; BORDER-RIGHT-COLOR: #FF3; BORDER-RIGHT: 8px; BORDER-BOTTOM-STYLE: ridge;

border-bottom: 10px
</style>

Fuente: http://todostyle.com.ar/barra.php

1 comentario - Barras de desplazamiento o Scrollbar de color en pagina web