sábado, 28 de abril de 2012

vertical scroll bar en adobe muse


Pues bien, implementar un scroll bar para mostrar una lista que contenga información siempre es un elemento útil al momento de desarrollar un web site.


En esta oportunidad me tocaba mostrar una lista de tiendas en la web www.kiviswim.com, unido a esto esta nueva versión de la web fue desarrollada con adobe muse, en su versión beta todavía presenta algunos errores, pero los trabajos realizados con muse honestamente quedan muy completos y se completan en muy corto tiempo.
Para la puesta en marcha de nuestro scroll bar es cosa sencilla.










<div style="border:0px solid black;width:738px;height:465px;overflow:scroll;overflow-y:scroll;overflow-x:hidden;">
<p style="height:5%;">
</p>
</div>
<p style="font-size:10px;"><a href="http://www.tusitio.com/">nombre del link</a></p>

Deberás ir hasta el menú Objeto, luego al sub menú insertar HTML y copiar el código arriba descrito, tendrás que adaptar los valores width height según tus requerimientos.
Exactamente luego de <p style="height:5%;"> deberás abrir una etiqueta <PRE> para indicar que el texto que vas a presentar esta pre-formateado, luego de esa etiqueta empiezas a colocar el contenido que se verá dentro del scroll bar y al final cierras la etiqueta </PRE> con esto quedara funcionando nuestro scroll bar vertical en adobe muse.

para ver el scroll funcionando visita 

http://kiviswim.com/tiendas.html

2 comentarios:

  1. funciona, pero cómo le podría hacer para darle formato al texto? en el mismo muse de doy formato?

    ResponderEliminar
    Respuestas
    1. Disculpa por la demora Trip in Mexico, usa el texto preformateado , copiado y pegado de word . . . o si lo prefieres darle formato en el popio Muse la version CC del software tiene bastantes mejoras con respecto a cuando publique esta entrada, saludos y gracias por escribir .

      Eliminar