Foros del Web » Creando para Internet » HTML »

un scrollbar personalizado

Estas en el tema de un scrollbar personalizado en el foro de HTML en Foros del Web. quiero hacer una barra de desplazamiento: Pero, mejor dicho, no sé como explicarme, las quiero en un tamaño especial. Mejor les muestro los bitmaps con ...
  #1 (permalink)  
Antiguo 08/12/2010, 21:35
 
Fecha de Ingreso: diciembre-2010
Mensajes: 56
Antigüedad: 7 años
Puntos: 1
un scrollbar personalizado

quiero hacer una barra de desplazamiento:
Pero, mejor dicho, no sé como explicarme, las quiero en un tamaño especial.


Mejor les muestro los bitmaps con los que deseo que se hagan para que sepan como quiero es espacio:

Se vería algo así:

[url=http://www.uploadhouse.com/viewfile.php?id=7170497&showlnk=0][img]http://img3.uploadhouse.com/fileuploads/7170/7170497-holder-02551fa94a937978c68b27f3a384aa23.jpg[/img][/url]

Los elementos o componentes o como sea su correcto nombre serían:

[url=http://www.uploadhouse.com/viewfile.php?id=7170494&showlnk=0][img]http://img8.uploadhouse.com/fileuploads/7170/7170494-holder-6c7acafe0f30db4a4e2a4cc8a3fae1c7.jpg[/img][/url]

[url=http://www.uploadhouse.com/viewfile.php?id=7170500&showlnk=0][img]http://img7.uploadhouse.com/fileuploads/7170/7170500-holder-0ec3e316d7b0d6abaa44933f73baee97.jpg[/img][/url]

[url=http://www.uploadhouse.com/viewfile.php?id=7170506&showlnk=0][img]http://img4.uploadhouse.com/fileuploads/7170/7170506-holder-63809d86d865a271679ff6938df8d23f.jpg[/img][/url]

[url=http://www.uploadhouse.com/viewfile.php?id=7170503&showlnk=0][img]http://img7.uploadhouse.com/fileuploads/7170/7170503-holder-2a9728bcad891b50e191ed4325430a72.jpg[/img][/url]


Changos. el hosting de imagen no me lo dejó en png xX

(suspiro)

Bueno, aunque no creo haber dejado todo claro.... mientras soluciono ese problema... me pueden ayudar ?


Muchas gracias
  #2 (permalink)  
Antiguo 08/12/2010, 22:02
Avatar de MasterXNicoX  
Fecha de Ingreso: junio-2008
Ubicación: ../Arg/SanLuis.city
Mensajes: 943
Antigüedad: 9 años, 6 meses
Puntos: 28
Respuesta: un scrollbar personalizado

Subilas aca colega...

http://tinypic.com/
__________________
Adivino del Foro y Admirador de Sabios
  #3 (permalink)  
Antiguo 09/12/2010, 08:41
Avatar de ElJavista
Colaborador
 
Fecha de Ingreso: marzo-2007
Ubicación: Lima Perú
Mensajes: 2.231
Antigüedad: 10 años, 9 meses
Puntos: 67
Respuesta: un scrollbar personalizado

Ya veo, eso se puede lograr si programas toda esa sección con Flash, y no creo que sea fácil dominar Flash. Otra opción sería con JavaScript, tampoco es sencillo. No creo que haya un framework para JavaScript que te facilite eso. Bueno, esas son las alternativas que conozco. Suerte!
  #4 (permalink)  
Antiguo 10/12/2010, 20:57
 
Fecha de Ingreso: diciembre-2010
Mensajes: 56
Antigüedad: 7 años
Puntos: 1
Respuesta: un scrollbar personalizado

Lo que tengo:



Lo que quiero:



La cosa es que ya no queda muy bien esto si le meto elementos de flash, y además la mesa para la que lo hago no quiero, He visto informaciones en Internet buscando como "custom scroll bar" y veo que se convoca mucho Java:

Pero la cosa es la siguiente: que la quiero del tamaño del cual hice el diseño.

Abierto a cualquier opinión
  #5 (permalink)  
Antiguo 11/12/2010, 05:58
Avatar de ElJavista
Colaborador
 
Fecha de Ingreso: marzo-2007
Ubicación: Lima Perú
Mensajes: 2.231
Antigüedad: 10 años, 9 meses
Puntos: 67
Respuesta: un scrollbar personalizado

Java no amigo, JavaScript que es muy muy distinto. Por ahí debe haber un framework para hacer eso. La verdad no lo sé, lo que sí sé es que con JavaScript se puede lograr eso. Suerte!
  #6 (permalink)  
Antiguo 11/12/2010, 08:13
Avatar de lucasiramos  
Fecha de Ingreso: agosto-2004
Ubicación: Santa Rosa, La Pampa, Argentina
Mensajes: 1.484
Antigüedad: 13 años, 4 meses
Puntos: 13
Respuesta: un scrollbar personalizado

Hola! Si, con javascript se puede cambiar el color seguro. El tema es que no se si todos los navegadores lo soportan. Igual acá tenes para entretenerte un rato, jejeje.

Saludos!

PD: Se escribe "elegido", no "elejido" ;)
__________________
No sign...
  #7 (permalink)  
Antiguo 11/12/2010, 08:48
 
Fecha de Ingreso: diciembre-2010
Mensajes: 56
Antigüedad: 7 años
Puntos: 1
Respuesta: un scrollbar personalizado

Cita:
Iniciado por lucasiramos Ver Mensaje
Hola! Si, con javascript se puede cambiar el color seguro. El tema es que no se si todos los navegadores lo soportan. Igual [URL="http://www.google.com.ar/search?hl=es&client=firefox-a&hs=nZl&rls=org.mozilla%3Aes-AR%3Aofficial&q=barra+de+desplazamiento+personaliz ada&aq=f&aqi=&aql=&oq=&gs_rfai="]acá tenes para entretenerte un rato[/URL], jejeje.

Saludos!

PD: Se escribe "elegido", no "elejido" ;)
Gracias por la corrección.


Si, tb he estado investigando eso, pero al parecer solo es para los del explorer.

Me doy cuenta que hacer eso en HTML es demasiado difícil... ya me estoy resignarlo a dejar los ScrollBars personalizados.

Muchas gracias por la ayuda ;)
  #8 (permalink)  
Antiguo 11/12/2010, 09:07
Avatar de ElJavista
Colaborador
 
Fecha de Ingreso: marzo-2007
Ubicación: Lima Perú
Mensajes: 2.231
Antigüedad: 10 años, 9 meses
Puntos: 67
Respuesta: un scrollbar personalizado

Si, es muy difícil, pero yo no hablaba de darle un color al scroll sino crear uno con divs. Tendrías que programar el desplazamiento, es muy complicado, mejor resignate. Lo siento.
  #9 (permalink)  
Antiguo 11/12/2010, 10:07
 
Fecha de Ingreso: diciembre-2010
Ubicación: en el fin del mundo
Mensajes: 199
Antigüedad: 7 años
Puntos: 3
Respuesta: un scrollbar personalizado

Exacto... concuerdo con ElJavista.
Dudo muchisimo que se pueda personalizar el scroll de la pagina principal (ya que este cambia con el tema del navegador).

Y si se pudiera seria muy dificil.

Ahora en tus divs, para que el contenido que este adentro se desplazo con un scrollbar se usa, no recuerdo bien, la propierad overflow (no estoy seguro).
Y este scroll que aparece, parece que si se pudiera personalizar. Con lo que ya te han dicho, JavaScript :)
Pero dificil.

Saludos :(
  #10 (permalink)  
Antiguo 11/12/2010, 10:22
Avatar de emprear
Colaborador
 
Fecha de Ingreso: junio-2007
Ubicación: me mudé
Mensajes: 8.388
Antigüedad: 10 años, 5 meses
Puntos: 1567
Respuesta: un scrollbar personalizado

Con la siguiente extensión de JQuery podés hacerlo,
testeado en IE/FF/Opera/Chrome/Safari



http://plugins.jquery.com/node/306/release

Bajate la demo de la 1.2.0 y mirá que hay un parche 1.2.1 (que viene sin demo)


Saludos
__________________
La voz de las antenas va, sustituyendo a Dios.
Cuando finalice la mutación, nueva edad media habrá
S.R.
  #11 (permalink)  
Antiguo 11/12/2010, 14:01
Avatar de rzkgraphics  
Fecha de Ingreso: noviembre-2010
Mensajes: 61
Antigüedad: 7 años
Puntos: 2
Respuesta: un scrollbar personalizado

Cita:
Iniciado por emprear Ver Mensaje
Con la siguiente extensión de JQuery podés hacerlo,
testeado en IE/FF/Opera/Chrome/Safari



[url]http://plugins.jquery.com/node/306/release[/url]

Bajate la demo de la 1.2.0 y mirá que hay un parche 1.2.1 (que viene sin demo)


Saludos

Emprear, tu siempre dando la respuesta precisa jeje, con poca explicación, listo para que uno comience a probar. Saludos! bro justo andaba buscando esto jeje ;) luego te enseño cómo va lo mio jeje.
  #12 (permalink)  
Antiguo 11/12/2010, 17:45
 
Fecha de Ingreso: diciembre-2010
Mensajes: 56
Antigüedad: 7 años
Puntos: 1
Respuesta: un scrollbar personalizado

Cita:
Iniciado por rzkgraphics Ver Mensaje
Emprear, tu siempre dando la respuesta precisa jeje, con poca explicación, listo para que uno comience a probar. Saludos! bro justo andaba buscando esto jeje ;) luego te enseño cómo va lo mio jeje.
Pero si es muy útil lo que me has enviado, ahora solo me falta manipularlo para lo que yo deseo

Muchas gracias ;)

Etiquetas: scrollbar, personalizacion
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 04:07.