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            azu
<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.

 hacer click para regeresar a la zona hi5