Global
Argentina
Chile
Colombia
España
México
Perú
Uruguay
Venezuela
Comunidad hecha para todos los usuarios que tienen blogs . Para compartir nuestros blogs , hacer preguntas y tutoriales para mejorar nuestros blogs . No te olvides de seguirnos.
Ver más- 1,378 Miembros
- 1,204 Temas
- 381 Seguidores
varios scrolls para tu blog
scroll de imágenes con enlaces movil (osea que se mueve solo)
Codigo:
<marquee direction="up" scrollAmount="1" style="background-color: #990000; text-align: center; width:100px;height:150px;border:2px solid #cccccc;padding:3px" onMouseover="this.scrollAmount='0'" onMouseout="this.scrollAmount='1'">
<a href="URL del enlace" title="texto"><img src=" aquí url imagen"</a> <br>
<a href="URL del enlace" title="texto"><img src="aquí url imagen"</a>
</marquee>
Para modificarlo a nuestro gusto:
background-color: #990000 Sustituimos #990000 por el color deseado para el fondo. (colores)
scrollAmount="1" Variamos el valor "1" por menos o superior número según velocidad de las imagenes.
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.
Donde dice "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"
Para seguir agregando imagenes tienen que copiar <br> (que significa bajar un reglon) y pegar este codigo: <a href="URL del enlace" title="texto"><img src="aquí url imagen"</a>
antes de </marquee>
scroll de imágenes con enlaces
<ilayer clip="0,0,170,150" width="180" name="scroll1" height="160">
<layer width="180" name="scroll2" height="160" bgcolor="lightyellow">
<div id="scroll3" style="width:120px;height:200px;background-color:#fffff;overflow:scroll">
<font color="#000000"><p align="left">
<a href="URL del enlace 1" target="_blank">
<acronym title="lema del enlace">
<img src="aquí url imagen 1" />
</acronym></a>
<a href="hURL del enlace 2" target="_blank">
<acronym title="lema del enlace">
<img src="aquí url imagen 2"/>
</acronym></a>
<a href="URL del enlace 3" target="_blank">
<acronym title="lema del enlace">
<img src="aquí url imagen 3"/>
</acronym></a>
</font>
</div>
</layer>
</ilayer>
Bueno aca tambien juegen con width & height hasta lograr lo que buscan
Para seguir agregando imagenes pegan este codigo:
<a href="URL del enlace 4" target="_blank">
<acronym title="lema del enlace">
<img src="aquí url imagen 4"/>
</acronym></a>
antes de </font>
si le quieren agregar una imagen con mail el codigo es el siguiente:
<a href="mailto:tumail@tumail.com" target="_blank">
<acronym title="Para contactar conmigo">
<img src="aquí url imagen para el mail"/>
</acronym></a>
antes de</font>
scroll otras paginas
Esto es para mostraren un blog partes de otras paginas
Esto es para mostraren un blog partes de otras paginas
Este es facil...
Codigo:
<iframe src="http://www.tusitio.com" width=450 height=300></iframe>
Donde dice "tusitio" le agregan el link de la pagina que quieran mostrar y listo. podrán mostrar en un mismo blog otro blog diferente o pagina. (si quieren ver un ejemplo lo pueden ver al final de mi blog
Modifiquen width & height a gusto
scroll con muchos enlaces
Esto lo creo nuestro admin BlogdelPorta
Esto lo creo nuestro admin BlogdelPorta
(click en la imagen para ver post original)
Bueno estodo por hoy si encuentro mas los iré agregando
que pasaron por mis post...
- 1Calificación
- 0Seguidores
- 768Visitas
- 0Favoritos
1 respuesta
muy bueno +1