Dar Color A La Barra De Desplazamiento De La Web

[[EX3]]

 Wenas:

Hace tiempo que vi que en mi pagina, el codigo que puse para dar el color negro a las barras de desplazamiento de la web (y un script de una marquesina en la barra de estado) solo me funciona en el M$ Explorer y me gustaria saber como podria hacer que el explorador coloreara las barras de desplazamiento (y ejecutase el script de la marquesina) dependiendo del explorador donde se cargue la pagina o si sabeis de alguna web donde pueda encontrar ejemplos que no sean para M$ Explorer.

Gracias.

Salu2...

[sés]

 

Código [Seleccionar] Expand

body {
   background-color: #FFFFFF;
   
   scrollbar-arrow-color: white;
   scrollbar-track-color: #C4C2CD;
   scrollbar-face-color: #0D3193;
   
   scrollbar-shadow-color: white;
   scrollbar-highlight-color: white;
   
   scrollbar-3dlight-color: #0D3193;
   scrollbar-darkshadow-color: #0D3193;
}

[Sacrifai]

 ¿ Quien ha borrado los mensajes anteriores ? Vaya, no sabia que mozilla soportara scrollbar de color.

[tamat]

 mozilla no soporta scrollbar de color porque el standard CSS actual no lo incluye, eso de cambiar el color fué un invento de microsoft para su navegador, no se si en futuras versiones de CSS lo agregaran pero sigue siendo algo que rompe un poco con la idea de CSS (formatear tags o su contenido, no el browser).

Sobre lo de markesina existe una propiedad de CSS que hace que un elemento esté siempre en la misma posición de la pantalla, aunque hagas scroll, la propiedad es position: fixed y la puedes usar con cualquier tag (ideal para DIVs), pero esta propiedad no la soporta IE por eso la gente usa scripts en java qye detectan el scroll y actualizan la posicion de la capa.

Aviso que el uso de fixed consume un poco más de recursos a la hora de renderizar (ya que tiene que refrescar el buffer entero) cuando se hace scroll. Se debe usar solo con capas pequeñas.

[josepzin]

 MMmmhh... :blink:  Que pasó con los mensajes anteriores??

[Sacrifai]

 Supongo que algun admin al ver la respuesta sés penso que estabamos equivocados. O quizas, cosas que dudo, ha habido un rollback.

[sés]

Supongo que algun admin al ver la respuesta sés penso que estabamos equivocados.

:huh: ¿Y qué pinto yo en ello?

[Sacrifai]

 Eres el unico que puso que se podia  (ole)  . Y como pusiste code, pues quedo como algo obvio.

[[EX3]]

 

Código [Seleccionar] Expand

body {
   background-color: #FFFFFF;
   
   scrollbar-arrow-color: white;
   scrollbar-track-color: #C4C2CD;
   scrollbar-face-color: #0D3193;
   
   scrollbar-shadow-color: white;
   scrollbar-highlight-color: white;
   
   scrollbar-3dlight-color: #0D3193;
   scrollbar-darkshadow-color: #0D3193;
}

Deduzco que esto es codigo script, cierto?

Código [Seleccionar] Expand

<script LANGUAGE = "JavaScript">
body {
  background-color: #FFFFFF;
 
  scrollbar-arrow-color: white;
  scrollbar-track-color: #C4C2CD;
  scrollbar-face-color: #0D3193;
 
  scrollbar-shadow-color: white;
  scrollbar-highlight-color: white;
 
  scrollbar-3dlight-color: #0D3193;
  scrollbar-darkshadow-color: #0D3193;
}
</SCRIPT>
Si es asi, en FireFox no funciona, no surte efecto. El codigo es solo para Mozilla?

Tamat, a la marquesina que me referia es en la barra de estado de la ventana del explorador, no a la marquesina del IE que podias poner en el cuerpo del la pagina.

¿ Quien ha borrado los mensajes anteriores ? Vaya, no sabia que mozilla soportara scrollbar de color.

MMmmhh... :blink:  Que pasó con los mensajes anteriores??

Ein?  :blink: Podeis explicarme esto ultimo, please?

Salu2...

[Sacrifai]

 

"] Ein?  :blink: Podeis explicarme esto ultimo, please?

Desaparecieron algunos mensajes que yo y otros pusimos  (nooo)  .

[ShAq]

 

"]
Deduzco que esto es codigo script, cierto?

Si es asi, en FireFox no funciona, no surte efecto. El codigo es solo para Mozilla?

No, no es un script, es codigo CSS seria incluir esto en head:

Código [Seleccionar] Expand


<style type="text/css">
body {
   background-color: #FFFFFF;
   
   scrollbar-arrow-color: white;
   scrollbar-track-color: #C4C2CD;
   scrollbar-face-color: #0D3193;
   
   scrollbar-shadow-color: white;
   scrollbar-highlight-color: white;
   
   scrollbar-3dlight-color: #0D3193;
   scrollbar-darkshadow-color: #0D3193;
}
</style>

o tambien puedes meterlo en un archivo .css
e incluirlo asi:

Código [Seleccionar] Expand

<link rel="stylesheet" type="text/css" href="estilo.css" />

---

Como te ha comentado Tamat, solo funciona en el internet explorer
porque es codigo para modificar el navegador, lo cual dista mucho del
objetivo del estandar CSS.
no obstante, mozilla y firefox usan el mismo motor web,
supongo que si no va en uno, tampoco irá en el otro,  :)
un saludo.

[josepzin]

"]

Código [Seleccionar] Expand

body {
   background-color: #FFFFFF;
.
.
.
.    scrollbar-3dlight-color: #0D3193;
   scrollbar-darkshadow-color: #0D3193;
}

Deduzco que esto es codigo script, cierto?
Si es asi, en FireFox no funciona, no surte efecto. El codigo es solo para Mozilla?

No, es codigo CSS, va dentro de una hoja de estilos o incluido en la cabecera del html, como STYLE (creo)
Pero no va a funcionar porque es solo para Microsoft IE.

Sobre los mensajes, había 2 mensajes que desaparecieron... en el mio que era el ultimo y yo hacía mención a otro foro (Cristalab), espero que no haya sido por eso...  :blink:  :huh:  

[josepzin]

 Huii, se me adelantaron! :)

[Minos]

 Supongo que lo haras por q tu tambien te cambiaste a Firefox.  :P

La verdad es que se agradece el intento de hacerlo bien para el zorro.  :D  

[synchrnzr]

 Yo no he tocado ningún post :huh:

sync