Caja de texto deslizante

Caimacan escrito el 22.06.PM a las 21:37 horas

Hola a todos:

Hoy os traigo la forma de incorporar una caja de texto deslizante que contiene fotos con enlaces y un video incorporado dentro de la propia caja. Esta es una de las cosas que me gustaría se incorporara en el propio programa para no tenerlo que añadir mediante código.

El código para esa caja de texto se puede emplear para noticias, una lista de peliculas, canciones, libros, etc.

Copiar el código que os dejo y lo pegáis en el marcador de lugar body del cuadrado que tenéis que crear.

Tutorial en video:

Este es el código:

<div style="border : solid 2px #FFFFFF;
            background : #FFFFFF;
            color : #000000;
            padding : 4px;
            width : 620px;
            height : 470px;
            overflow : auto; ">
<h1>
<i>
<strong><font face="Segoe UI" color="blue">Web Designer 12 Premium: </font></strong>
</i>
</h1>
<a href="http://shop.magix.com/content/magix/packshots/web/designer/premium/12/es/web-designer-premium-12-es-400.png" target="_blank">
<img style="margin: 0px 20px 0px 0px;float: left; "src="WD12.jpg"  width="215" height="145" /></a>
<FONT SIZE=+1>
Muéstrale al mundo tus ideas y proyectos o tu empresa. Crea tu página web en pocos y fáciles pasos, ¡y sin necesidad de conocimientos en programación! Gracias a la gran variedad de plantillas y elementos de diseño podrás crear tú mismo tu página web. ¡Y olvídate de las plantillas cuadriculadas! Podrás personalizar todos los elementos de tu página web hasta el mínimo detalle y adaptarlos así a tu gusto.
</FONT>
<br>
<br>
<br>
<hr />
<h1>
<i>
<strong><font face="Segoe UI" color="blue">Photo & Graphic Designer 11: </font></strong>
</i>
</h1>
<a href="http://shop.magix.com/content/magix/packshots/photo/graphic/designer/11/fr/it/es/photo-graphic-designer-11-fr-it-es-400.png" target="_blank">
<img style="margin: 0px 20px 0px 0px;float: left; "src="Webdesigner.png"  width="215" height="145" /></a>
<FONT SIZE=+1>
Con una página web presentas tus proyectos, tu empresa y a ti mismo al mundo entero. Diseña esta presentación a tu gusto, de acuerdo con tus ideas. Como usuario profesional o particular: date a conocer. Hemos desarrollado el software Photo & Graphics para ofrecerte la oportunidad de crear fácil y rápidamente tus propios diseños, sin necesidad de conocimientos previos. Utiliza nuestras plantillas como fuente de inspiración, edítalas a tu gusto o crea tus diseños desde cero.
</FONT>
<br>
<br>
<br>
<br>
<hr />
<br>
<br>
<br>
<iframe width="540
" height="400" src="escribe aquí entre las comilllas la URL de tu video" frameborder="0" allowfullscreen></iframe>
<br>
<br>
<br>
<br>
<br>
<br>
<br /></div>

 

Un saludo a todos.

Toño

Comentarios

eloysantiago escrito el 06.02.PM a las 12:36 horas

Esta programación html está bien, algo así estuve buscando y lo que me propusieron no funcionó.

Sería bueno hacer una variante de esta:

Por ejemplo: Viviendas en alquiler v

Viviendas en venta v

Proyectos y reformas v

etc.

y que al pinchar en la v que sería un icono, se desdoblase como la caja deslizante.

 

maite-villaverde escrito el 02.11.PM a las 12:28 horas

Hola a todos:

Hoy os traigo la forma de incorporar una caja de texto deslizante que contiene fotos con enlaces y un video incorporado dentro de la propia caja. Esta es una de las cosas que me gustaría se incorporara en el propio programa para no tenerlo que añadir mediante código.

El código para esa caja de texto se puede emplear para noticias, una lista de peliculas, canciones, libros, etc.

Descargáis el código que os dejo y lo pegáis en el marcador de lugar body del cuadrado que tenéis que crear.

Para el código pincha

Tutorial en video:

Un saludo a todos.

Toño

 

maite-villaverde escrito el 02.11.PM a las 12:29 horas

El aquí que enlaza no enlaza al código. ¿Está en alguna otra parte? No lo encuentro

Caimacan escrito el 17.11.AM a las 09:44 horas

Hola, Maite-villaverde:

Cierto, se había borrado el código, ya lo tienes.

Un saludo.

maite-villaverde escrito el 17.11.PM a las 17:41 horas

Gracias, Caimacan! Es un lujo contar con estas herrramientas. Lo probaré.