Cambiar apariencia de scrollbar
Hola a todos, que etiquetas coloco en el body para cambiar la apariancia del scrollbar. En muchas webs he visto que colocan lineas verticales, con que etiquetas colocan eso, se que <hr> la coloca horizontal, pero cual es para vertical.
Gracias por todo.
Alfredo Bielma Lopez.
[email protected]
Gracias por todo.
Alfredo Bielma Lopez.
[email protected]
mirate en el apartado trucos o en javascripts y encontraras como poner textos , cambiar el color de las barras de desplazamiento , etc,etc , venga saludos Aqui http://www.creatupropiaweb.com
Hola
Yo lo tengo hecho con hojas de estilo:
body {
scrollbar-face-color: #E9B310;
scrollbar-highlight-color: #FBECBF;
scrollbar-shadow-color: #A7810C;
scrollbar-3dlight-color: #A7810C;
scrollbar-arrow-color: #A7810C;
scrollbar-track-color: #FBECBF;
scrollbar-darkshadow-color: #A7810C
}
Un saludo
dado
[email protected]
http://www.dadomar.com
Yo lo tengo hecho con hojas de estilo:
body {
scrollbar-face-color: #E9B310;
scrollbar-highlight-color: #FBECBF;
scrollbar-shadow-color: #A7810C;
scrollbar-3dlight-color: #A7810C;
scrollbar-arrow-color: #A7810C;
scrollbar-track-color: #FBECBF;
scrollbar-darkshadow-color: #A7810C
}
Un saludo
dado
[email protected]
http://www.dadomar.com
Gracias por sus respuestas.
Para la barra vertical igual manejando estilos:
<style type="text/css">
.linea{
position:absolute;
border-left-width:2px;
border-right-width:0px;
border-bottom-width:1px;
border-top-width:0px;
border-left-color:#336699
border-right-color:#336699
border-bottom-color:#336699
border-top-color:#336699
border-right-style:dotted;
border-bottom-style:dotted;
border-left-style:dotted;
border-top-style:dotted;
height:300px;
}
</style>
<body leftmargin="50">
<p>
<div class="linea"> bien
<br> Entonces tenemos que verificar
<br> la existencia de la linea</div>
</body>
Para la barra vertical igual manejando estilos:
<style type="text/css">
.linea{
position:absolute;
border-left-width:2px;
border-right-width:0px;
border-bottom-width:1px;
border-top-width:0px;
border-left-color:#336699
border-right-color:#336699
border-bottom-color:#336699
border-top-color:#336699
border-right-style:dotted;
border-bottom-style:dotted;
border-left-style:dotted;
border-top-style:dotted;
height:300px;
}
</style>
<body leftmargin="50">
<p>
<div class="linea"> bien
<br> Entonces tenemos que verificar
<br> la existencia de la linea</div>
</body>