•†• [ W w W . T H E M A S T E R . B O . K Z ] •†•

BARRA DE DESPLAZAMIENTO A COLOR

Con estos pasos podrás poner tu barra de desplazamiento a color de acuerdo al estilo de tu hi5 para escoger entre diferentes colores, aqui tienes mi hi5 como ejemplo yo utilice el color negro:

1.- Busca la sección INTERESES y clic a "Edita esta sección"

2.- Luego bajamos hasta la parte del final y en el cuadro "Cita Favorita" copiamos y pegamos el código del color que mejor valla con nuestro estilo del hi5:

Negro	Azul
<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>	<style type="text/css"> html{SCROLLBAR-FACE-COLOR: black; BORDER-LEFT-COLOR: #0000FF; BORDER-LEFT: 8px; BORDER-BOTTOM-COLOR: #0000FF; SCROLLBAR-HIGHLIGHT-COLOR: black; OVERFLOW: scroll; SCROLLBAR-SHADOW-COLOR: #0000FF; COLOR: #000000; SCROLLBAR-3DLIGHT-COLOR: #0000FF; BORDER-TOP-STYLE: ridge; BORDER-TOP-COLOR: blue; BORDER-TOP: 8px; SCROLLBAR-ARROW-COLOR: #ffffff; BORDER-RIGHT-STYLE: ridge; SCROLLBAR-DARKSHADOW-COLOR: #000000; BORDER-LEFT-STYLE: ridge; BORDER-RIGHT-COLOR: #0000FF; BORDER-RIGHT: 8px; BORDER-BOTTOM-STYLE: ridge; border-bottom: 8px </style>

Rojo	Verde
<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>	<style type="text/css"> html{SCROLLBAR-FACE-COLOR: black; BORDER-LEFT-COLOR: #00CC00; BORDER-LEFT: 8px; BORDER-BOTTOM-COLOR: #00CC00; SCROLLBAR-HIGHLIGHT-COLOR: black; 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>

Anaranjado	Amarillo
<style type="text/css"> html{SCROLLBAR-FACE-COLOR: black; BORDER-LEFT-COLOR: #FF9900; BORDER-LEFT: 10px; BORDER-BOTTOM-COLOR: #FF9900; SCROLLBAR-HIGHLIGHT-COLOR: black; OVERFLOW: scroll; SCROLLBAR-SHADOW-COLOR: #FF9900; COLOR: #FF9900; SCROLLBAR-3DLIGHT-COLOR: #FF9900; BORDER-TOP-STYLE: ridge; BORDER-TOP-COLOR: #FF9900; BORDER-TOP: 10px; SCROLLBAR-ARROW-COLOR: #00CC00; BORDER-RIGHT-STYLE: ridge; SCROLLBAR-DARKSHADOW-COLOR: #FF9900; BORDER-LEFT-STYLE: ridge; BORDER-RIGHT-COLOR: #FF9900; BORDER-RIGHT: 8px; BORDER-BOTTOM-STYLE: ridge; border-bottom: 10px </style>	<style type="text/css"> html{SCROLLBAR-FACE-COLOR: black; BORDER-LEFT-COLOR: #FF9900; BORDER-LEFT: 10px; BORDER-BOTTOM-COLOR: #FF9900; SCROLLBAR-HIGHLIGHT-COLOR: black; OVERFLOW: scroll; SCROLLBAR-SHADOW-COLOR: #FF9900; COLOR: #FF9900; SCROLLBAR-3DLIGHT-COLOR: #FF9900; BORDER-TOP-STYLE: ridge; BORDER-TOP-COLOR: #FF9900; BORDER-TOP: 10px; SCROLLBAR-ARROW-COLOR: #00CC00; BORDER-RIGHT-STYLE: ridge; SCROLLBAR-DARKSHADOW-COLOR: #FF9900; BORDER-LEFT-STYLE: ridge; BORDER-RIGHT-COLOR: #FF9900; BORDER-RIGHT: 8px; BORDER-BOTTOM-STYLE: ridge; border-bottom: 10px </style>

3.- Por ultimo le damos clic en el botón "Guardar Perfil" y listo veras que las barras de desplazamiento ha cambiado de color al que elegistes.