martes, 1 de marzo de 2011

El archivo anterior en un marco

Como insertar objetos en un marco

Para insertar objetos en el blog haremos uso del elemento iframe de html, que nos permite insertar un documento html dentro de otro documento html.
Ej:

<div align="center">
<iframe frameborder="0" height="500" scrolling="auto" src="http://dl.dropbox.com/u/14593377/Pintor%20Julio%20Quesada/burbujitas.swf" width="500"></iframe></div>

Donde:
  • src:          URL o ruta del documento html a insertar.
  • frameborder:  indica si el marco lleva borde (1) o no (0). Por defecto si los lleva.
  • height:       alto del marco en píxeles.
  • width:        ancho del marco en píxeles.
  • scrolling:    barra de desplazamiento, auto para que aparezca automáticamente cuando sea necesario, yes aparecerá siempre y no para que no aparezca nunca.


La etiqueta div y el atributo align="center" para que el marco aparezca centrado.

Ejemplo de archivo en dropbox

Vamos a enlazar un archivo en dropbox

Emulando a Yolanda: puntxa aquí

martes, 15 de febrero de 2011

Albúm de Picasa

Para insertar un álbum de Picasa en nuestro blog podemos leer el siguiente enlace
En nuestro ejemplo hemos colocado el siguiente código:

<embed type="application/x-shockwave-flash" src="https://picasaweb.google.com/s/c/bin/slideshow.swf" width="400" height="267" flashvars="host=picasaweb.google.com&hl=es&feat=flashalbum&RGB=0x000000&feed=https%3A%2F%2Fpicasaweb.google.com%2Fdata%2Ffeed%2Fapi%2Fuser%2F102104939515780882998%2Falbumid%2F5574008463435794817%3Falt%3Drss%26kind%3Dphoto%26hl%3Des" pluginspage="http://www.macromedia.com/go/getflashplayer"></embed>

Colección de Pájaros

Album de Flickr

Para insertar un álbum de Flickr en nuestro blog podemos leer el siguiente enlace

En nuestro ejemplo hemos copiado el siguiente código:

<object width="400" height="300"> <param name="flashvars" value="offsite=true&lang=es-us&page_show_url=%2Fphotos%2F44566564%40N03%2Fsets%2F72157626056100614%2Fshow%2F&page_show_back_url=%2Fphotos%2F44566564%40N03%2Fsets%2F72157626056100614%2F&set_id=72157626056100614&jump_to="></param> <param name="movie" value="http://www.flickr.com/apps/slideshow/show.swf?v=71649"></param> <param name="allowFullScreen" value="true"></param><embed type="application/x-shockwave-flash" src="http://www.flickr.com/apps/slideshow/show.swf?v=71649" allowFullScreen="true" flashvars="offsite=true&lang=es-us&page_show_url=%2Fphotos%2F44566564%40N03%2Fsets%2F72157626056100614%2Fshow%2F&page_show_back_url=%2Fphotos%2F44566564%40N03%2Fsets%2F72157626056100614%2F&set_id=72157626056100614&jump_to=" width="400" height="300"></embed></object>

Colección de Flores