Foros del Web » Creando para Internet » Herramientas y Software »

Scrollbar: Como edito el diseño de la barra

Estas en el tema de Scrollbar: Como edito el diseño de la barra en el foro de Herramientas y Software en Foros del Web. Necesito cambiar el diseño de la barra para que no quede predeterminada en azul, cómo puedo cambiar medidas y colores , como en Flash?. Incluso ...
  #1 (permalink)  
Antiguo 01/08/2009, 21:28
 
Fecha de Ingreso: julio-2009
Mensajes: 10
Antigüedad: 14 años, 8 meses
Puntos: 0
Exclamación Scrollbar: Como edito el diseño de la barra

Necesito cambiar el diseño de la barra para que no quede predeterminada en azul, cómo puedo cambiar medidas y colores, como en Flash?. Incluso descargué un programa que entrega algunos diseños: colors for scrollbar (ScrollBar 1.2 byam Francke). Indica los códigos, y tengo entendido que ya instalado la DIV, se anota después del TAG body, pero no funciona. Cómo podría hacerlo, gracias, saludos.

Por ejemplo:

<body>
<style type="text/css">
<!--
body {scrollbar-face-color:#EAEAEA;
scrollbar-highlight-color:#EAEAEA;
scrollbar-3dlight-color:#FFFFFF;
scrollbar-darkshadow-color:#A3A3A3;
scrollbar-shadow-color:#EAEAEA;
scrollbar-arrow-color:#949494;
scrollbar-track-color:#FFFFFF;
color:#000000;
background-color:#FFFFFF;
font-family:verdana,arial;
font-size:12px}
/* End of style section. */
-->
</style>

<div class="parrafo" id="Layer1" style="position:absolute; width:287px; height:392px; z-index:1; overflow: scroll; left: 0px; top: 8px;">
<p>texto </p>
</div>
  #2 (permalink)  
Antiguo 02/08/2009, 06:18
 
Fecha de Ingreso: marzo-2008
Mensajes: 38
Antigüedad: 16 años, 1 mes
Puntos: 0
Respuesta: Scrollbar: Como edito el diseño de la barra

<div id="XXXXX" style="position:absolute; width:560px; height:642px; z-index:3; left: 225px; top: 195px; border: 1px none #000000; overflow: scroll; overflow-x:hidden; scrollbar-face-color: #DBDBDB; scrollbar-track-color: #000000; scrollbar-arrow-color: #000000; scrollbar-3dlight-color: #FF0000;">


Pero debo decirte que esa barra, o esos atributos que quieres darle a la barra, sólo serán visibles en IE. En Firefox y otros navegadores saldrá la barra plateada por defecto_
  #3 (permalink)  
Antiguo 02/08/2009, 08:27
 
Fecha de Ingreso: julio-2009
Mensajes: 10
Antigüedad: 14 años, 8 meses
Puntos: 0
Respuesta: Scrollbar: Como edito el diseño de la barra

ok, gracias lo mismo me respondió Lesterfibia de mmug.cl, lo probaré gracias.
  #4 (permalink)  
Antiguo 02/08/2009, 11:39
Colaborador
 
Fecha de Ingreso: junio-2007
Mensajes: 5.798
Antigüedad: 16 años, 10 meses
Puntos: 539
Respuesta: Scrollbar: Como edito el diseño de la barra

Hace unas fechas, si no recuerdo mal, fue "Corneja" quien publicó un enlace a un js para hacerlo, también para firefox.
Te tocará bucear algo, no se si en el foro de css, web general o (x)html.
Suerte.
__________________
Por una web con mucho estilo
+++ CUENTA ABANDONADA. ¿la quieres? +++
  #5 (permalink)  
Antiguo 03/08/2009, 08:00
 
Fecha de Ingreso: julio-2009
Mensajes: 10
Antigüedad: 14 años, 8 meses
Puntos: 0
Respuesta: Scrollbar: Como edito el diseño de la barra

vale, lo revisaré
  #6 (permalink)  
Antiguo 04/08/2009, 13:08
 
Fecha de Ingreso: febrero-2009
Mensajes: 54
Antigüedad: 15 años, 2 meses
Puntos: 0
Respuesta: Scrollbar: Como edito el diseño de la barra

otra cosa.. para Dreamweaver creo que en vez de en el css ponerle body {, se le pone html, textarea {

Creo que lo vi aca el otro dia.. buscando en google
  #7 (permalink)  
Antiguo 15/08/2010, 17:12
Avatar de rusoftware  
Fecha de Ingreso: abril-2004
Ubicación: Rosario - Argentina
Mensajes: 1.083
Antigüedad: 20 años
Puntos: 2
Respuesta: Scrollbar: Como edito el diseño de la barra

Se que es algo antiguo este tema, pero la solución es javascript, y un buen plugin que trabaja sobre jquery es jscrollplane.

Justo estaba necesitando algo así, y acabo de encontrarlo, no me resisto a la tentación de colgarlo aquí porque siempre mi primera opcion a la hora de googlear es atender a foros del web, así que la proxima vez que lo necesite, aquí lo encontraré rápido =)

Pueden verlo y descargarlo aquí: http://www.kelvinluck.com/assets/jqu...crollPane.html


Saludos
Atención: Estás leyendo un tema que no tiene actividad desde hace más de 6 MESES, te recomendamos abrir un Nuevo tema en lugar de responder al actual.
Respuesta




La zona horaria es GMT -6. Ahora son las 19:33.