Comunidad de diseño web y desarrollo en internet online

duda css: scroll de color para IE8

Citar            
MensajeEscrito el 29 Dic 2009 10:35 am
Hola,

esty intentando poner un color al scroll del Explorer 8, y encontré que había que añadir "ms" para que lo interpretara, sin embargo no funciona..¿alguien puede ayudarme?

Este es mi código

Código :

body {
/*anteriores versiones de IE*/   
   scrollbar-face-color:       #cccccc;
       scrollbar-highlight-color:  #FFFFFF;
   scrollbar-shadow-color:     #666666;
   scrollbar-3dlight-color:    #666666;
   scrollbar-arrow-color:      #cc1000;
   scrollbar-track-color:      #E6E5E6;
   scrollbar-darkshadow-color: #FFFFFF;
   background-attachment:      fixed;
   /*IE8*/
   -ms-scrollbar-3dlight-color:  #666666;
   -ms-scrollbar-arrow-color:  #cc1000;
   -ms-scrollbar-base-color:  #666666;
   -ms-scrollbar-darkshadow-color: #FFFFFF;
   -ms-scrollbar-face-color: #cccccc;
   -ms-scrollbar-highlight-color:  #FFFFFF;
   -ms-scrollbar-shadow-color:  #666666;
   -ms-scrollbar-track-color: #E6E5E6;

   
}

Por malenka_x

54 de clabLevel



 

msie8
Citar            
MensajeEscrito el 29 Dic 2009 01:46 pm
Con eso sólo cubres los ie y de paso te cargas la validación del css y dejas fuera un montón de navegadores.
Mira éste js fleXcroll
Recuerda la licencia que indica en la página:

fleXcroll escribió:

Free for non commercial uses

Para otros usos tiene licencia de pago.
Saludos

Por DvillB

118 de clabLevel



 

firefox
Citar            
MensajeEscrito el 29 Dic 2009 02:22 pm

Por malenka_x

54 de clabLevel



 

msie8
Citar            
MensajeEscrito el 29 Dic 2009 06:15 pm

malenka_x escribió:

gracias, pero por lo que veo está testeado hasta IE7 y yo no quiero customizarlo tanto, sólo el scroll del navegador para IE8...

¿Testeado hasta ie7? ¿Será porque lo lanzaron antes de aparecer ie8 y no han actualizado?:
Porque en ie8 en ietester SÍ funciona el js.
¿Te refieres a que sólo (ínicamente) quieres personalizar el scroll para ie8 y no para el resto de navegadores/versiones?:
Usa los comentarios condicionales.
Y el grado en lo que alteres dependerá de tí y cómo/qué definas en el css asociado.
También tienes este otro: JSCROLLPANE Funcional también en ie8 en ietester
Ahora deberías ser tú quien "juegue" con los códigos y no fiarte de lo que nadie diga.

Por DvillB

118 de clabLevel



 

firefox
Citar            
MensajeEscrito el 30 Dic 2009 09:42 am
Hola,
adjunto una imagen, igual no me expliqué bien:



He visto los ejemplos y están muy bien, pero no es exactamente lo que quiero o por lo menos éso parece

Por malenka_x

54 de clabLevel



 

msie8
Citar            
MensajeEscrito el 30 Dic 2009 02:02 pm
Hola Malenka_x
No he explorado a fondo esos dos js. Así que no sé si podrás actuar con su ayuda en el scroll del html/body. Pero tampoco importa mucho.
Siempre es buena una dosis de imaginación: :cc:
Sólo tienes que ocultar el scroll de la ventana:

Código HTML :

* {
border:0;
margin:0;
outline: none;
padding:0;
/*un mini reset siempre conviene*/
}
body, html {
  width: 100%;
  height: 100%;
  overflow: hidden; /*quitamos su scroll*/
}

y ahora creamos una caja que será sobre la que aplicas el js para modificar su scroll:

Código HTML :

#caja_scroll {
  width: 100%;
  height: 100%;
  overflow: auto;
}

Lo único que debes hacer es colocar todos tus contenidos en este contenedor.

Espero haberme explicado. Cualquier duda, comenta.

Saludos

Por DvillB

118 de clabLevel



 

firefox
Citar            
MensajeEscrito el 30 Dic 2009 02:44 pm

DvillB escribió:

Hola Malenka_x
No he explorado a fondo esos dos js. Así que no sé si podrás actuar con su ayuda en el scroll del html/body. Pero tampoco importa mucho.
Siempre es buena una dosis de imaginación: :cc:
Sólo tienes que ocultar el scroll de la ventana:

Código HTML :

* {
border:0;
margin:0;
outline: none;
padding:0;
/*un mini reset siempre conviene*/
}
body, html {
  width: 100%;
  height: 100%;
  overflow: hidden; /*quitamos su scroll*/
}

y ahora creamos una caja que será sobre la que aplicas el js para modificar su scroll:

Código HTML :

#caja_scroll {
  width: 100%;
  height: 100%;
  overflow: auto;
}

Lo único que debes hacer es colocar todos tus contenidos en este contenedor.

Espero haberme explicado. Cualquier duda, comenta.

Saludos


Hola,

yo no quiero crear divs con scroll sino tunear el navegador :S

Por malenka_x

54 de clabLevel



 

msie8
Citar            
MensajeEscrito el 30 Dic 2009 03:17 pm

malenka_x escribió:



Hola,

yo no quiero crear divs con scroll sino tunear el navegador :S

De nada, Malenka_x, yo también te agradezco tus aportes.

Te lo digo de otra forma más clara y menos diplomática:
Investiga si cualquiera de los dos js actúan sobre lo que tu llamas scroll del navegador y yo lo identifico como scroll del html/body.
Si no es así, simúlalo de la forma que te indicaba (haciendo que el scroll mostrado sea el de la nueva caja creada pero que parecierá que es el del html/body), que sobre este SÍ actúan los dos js.

Otra forma no se me ocurre en estos momentos. Quizás tengas suerte y otro usuario sí te la aporte. Pero hasta entonces tienes dos opciones: o pruebas lo sugerido a ver qué tal, o aplicas tus propias soluciones. Pero lo que no vale es decir lo último que has dicho sin haberte molestado en ver si lo sugerido funciona o no.

Saludos y suerte.

Por DvillB

118 de clabLevel



 

firefox
Citar            
MensajeEscrito el 30 Dic 2009 04:07 pm
Hola,

tienes razón en que no me he puesto a picar código, pero he seguido mirando los ejemplos aplicados a webs y todos lo usaban para divs y demás, pero el scroll del navegador seguía con los colores por defecto. Probaré de todas maneras picando yo el código e intentaré aportar alguna solución a este hilo mientras tanto.

Gracias por la ayuda

Por malenka_x

54 de clabLevel



 

msie8
Citar            
MensajeEscrito el 12 Ene 2010 09:55 am
Hola,

en mi investigacióna fondo de los links, todos ellos necesitan de una caja contenedora a la que se le mete el scroll. En mi aplicación el cliente quiere el scroll propio del navegador... Seguiré buscando...

Por malenka_x

54 de clabLevel



 

msie8

 

Cristalab BabyBlue v4 + V4 © 2011 Cristalab
Powered by ClabEngines v4, HTML5, love and ponies.