Foro diseño/web/editorial

» Diseo Web

Barras de desplazamiento

(2 mensajes)

Etiquetas:

  1. lucasff71
    Miembro

    Hola Cristian, quera saber si existe la posiblidad de modificar la apariencia de una barra de desplazamiento en un textarea, (no en wordpress, solo css), pero no los colores, si no usar botos hechos por uno y la barra tambin.,

    Muchas GRacias..
    Un abrazo

    Publicado hace 10 años #
  2. ceslava
    admin

    Hola lucas,

    Cambiar la apariencia de las barras de desplazamiento con CSS no es posible en navegadores basados en  Webkit, KHTML, o Gecko.

    Slo hay propiedades CSS para Internet Explorer y las barras de desplazamiento. Aqu tienes un ejemplo que puedes probar en varios navegadores:

    http://lineadecodigo.com/wp-content/uploads/2007/11/color-barras-scroll.html

    En resumen, no es recomendable, no es un estndar y no es cross-browser.

    Las propiedades CSS son:

    • scrollbar-3dlight-color, color del borde que hace
      el efecto 3D en la barra de scroll.
    • scrollbar-arrow-color, color de las flechas.
    • scrollbar-base-color, es el color genrico a
      utilizar por la barra de scroll. Podramos utilizar nicamente este para
      dar color a la barra.
    • scrollbar-darkshadow-color, sombra de la barra de
      progreso.
    • scrollbar-face-color, el color de lo que es
      realmente la barra de progreso. Es decir, del bloque que se mueve por la
      barra.
    • scrollbar-highlight-color, el color del fondo de
      la barra.
    • scrollbar-shadow-color, son los dos botones sobre
      los que podemos pulsar para desplazar la barra.
    • scrollbar-track-color, es el color de fondo de la
      barra de scroll.
    Si an as quieres cambiar su aspecto en todos los navegadores debers utilizar alguna solucin javascript como esta:

    http://www.hesido.com/web.php?page=customscrollbar

    Al parecer es compatible tambin con el iPhone.

    Saludos

    Publicado hace 10 años #

RSS feed para este Tema

Responder

Debes Identificarte para publicar.