M 4 T 1 1
  Scroll con Imagenes
 
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:
<marquee direction="up" scrollAmount="1" style="background-color: #990000; text-align: center; width:100px;height:150px;border:2px solid #cccccc;padding:3px" onMouseover_fckprotectedatt=" onMouseover="this.scrollAmount='0'"" onMouseout_fckprotectedatt=" onMouseout="this.scrollAmount='1'""> <a href="URL del enlace" _fcksavedurl="URL del enlace" title="texto"><img src=" aquí url imagen" _fcksavedurl=" aquí url imagen"</a> <br> <a href="URL del enlace" _fcksavedurl="URL del enlace" title="texto"><img src="aquí url imagen" _fcksavedurl="aquí url imagen"</a> </marquee>
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............
<marquee direction="up" scrollAmount="1" style="background:url('aquí la url de imagen de fondo'); text-align: center; width:90px;height:100px;border:2px solid #964E7B ;padding:3px" onMouseover="this.scrollAmount='0'" onMouseout="this.scrollAmount='1'"> <a href="url-de-la-página" _fcksavedurl="url-de-la-página" target="_blank"><font face="Arial" color="green" size=3>TEXTO</font></a><p> <a href="url-de-la-página" _fcksavedurl="url-de-la-página" target="_blank"><font face="Arial" color="green" size=3>TEXTO</font></a></p> </marquee>
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:
"<a href="url-de-la-página" _fcksavedurl="url-de-la-página" target="_blank"><font face="Arial"  color="green" size=3>TEXTO</font></a><p>" 
Bueno amigos eso es todo y espero los disfruten, hasta otra oportunidad.
 
 
 
Este sitio web fue creado de forma gratuita con PaginaWebGratis.es. ¿Quieres también tu sitio web propio?
Registrarse gratis