un scrollbar personalizado

[mi_da_s]

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

[MasterXNicoX]

Subilas aca colega...

http://tinypic.com/

[ElJavista]

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!

[mi_da_s]

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

[ElJavista]

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!

[lucasiramos]

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" ;)

[mi_da_s]

Iniciado por lucasiramos

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 ;)

[ElJavista]

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.

[Portgaz]

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 :(

[emprear]

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

[rzkgraphics]

Iniciado por emprear

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.

[mi_da_s]

Iniciado por rzkgraphics

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 ;)