Foro Javi&DyDy Foro Pwg Los Tutoriales de DyDy Soloportables Webmaster

   
  Diseņos Ice Blue
 
Scroll Con Imagenes
 
Bueno aqui les dejo este pequeño tutorial, para que aprendan a crear un scroll como el que tengo aqui en mi web, en la seccion "webs amigas".
Se trata de un scroll donde las imagenes o textos vasn subiendo o bajando , segun se configure.

Explicare dos formas de crearlo, la primera es con imágenes que harán de enlaces y la segunda con texto que también servirá de enlace y con una
imagen de fondo para el scroll, así que arranquemos y explicar se dijo jejejje, vamos con la primera opción:

1-Creando un menú en scroll
con imágenes de enlaces:
su código es muy sencillo y cortito, solo es cuestión de que lo vayas adecuando a tu gusto, las imágenes que utilices,

deben ser proporcionadas al tamaño del scroll, o sea si tu scroll tiene de ancho(witdh)100 y de alto(heigth)150 por ejemplo, pues deben tener tus
imágenes esas mismas medidas o menores, en realidad la que mas interesa es el ancho, para que no se salga la imagen del scroll o quede entrecortada, esto no quiere decir que el alto de la imagen no interese, también interesa, así que no las pongas ni demasiado anchas ni demasiado altas de tamaño, bueno a continuación les daré el código y seguido les diré las partes de dicho código que pueden modificarse:

Ok ahora vamos a las modificaciones: *direcction "Up" :lo puedes cambiar el "Up" por "down", quiere decir que sube o baja.
*background-color:#990000 Sustituimos #990000 por el color deseado.
*scrollAmount="1"Variamos el valor "1" por menos o superior número según velocidad de las imágenes. *width:100px Modificamos el valor 100px para el ancho del scroll. *height:170px Es la altura del scroll podemos también variar su tamaño. *border:2px Variamos 2px por menor o mayor número según el grosor del borde.
*border:2px solid #cccccc; Es el color del borde podemos cambiar #cccccc; por el color deseado.
* "URL del enlace": debemos añadir la url de la página a enlazar.
*En "texto": añadimos el texto que aparecerá al pasar el mouse por encima del enlace.
*Para añadir la imagen lo podemos hacer en "aquí url imagen"
Muy bien eso es todo lo que se puede hacer en dicho código, ahora vamos con la segunda opción.
2-Creando un menú en scroll con texto que servirá de enlace y con imagen de fondo:
Es muy bueno poder crear un menú así y que además funciones bien con todos los exploradores, como en este caso. La imagen que escojas de fondo también debe ser proporcional al tamaño del scroll, así que busca tu imagen y la subes en algún hosting. Si juegas con códigos y haces pruebas por aquí y por allá, te darás cuenta de que es muy fácil cambiar el aspecto considerablemente de cualquier código,como siempre lo digo" toca investigar" jejjeje, bueno sin mas rodeos aquí esta el código............
Bueno, como lo acabo de decir, si te fijas bien puedes hacer todos los cambios que quieras, en cuanto a color, tipo de letra, en que dirección quieres que vayan los enlaces(direcction), y puedes agregar cuantos mas quieras de enlaces en donde dice:
Bueno amigos eso es todo y espero los disfruten, hasta otra oportunidad.

 

 
  Hoy habia 15 visitantes (91 clics a subpáginas) ¡Aqui en esta página!
En constante actualizacion

DiDita9© 2007 | Plantilla PWG | Diseño de DyDy
Page copy protected against web site content infringement by Copyscape
 
 
=> ¿Desea una página web gratis? Pues, haz clic aquí! <=