Síguenos en Twitter y descubre la imagen cada día:


Observatorio en tu web

Descubre cómo disfrutar de la imagen de cada día en tu web, en Facebook, es Netvibes ...



¿ Quieres ponerla en tu Web ?



Existen varias formas de poner este servicio en tu página.

Formato RSS



El más cómodo es, si tienes un blog o cualquier servicio de agregación de RSS, suscribirte a la sindicación de contenidos con esta dirección de RSS. También se ha realizado un plugin de Wordpress de manera no oficial.

Forma común, rápida y sencilla



También puedes si quieres incluir un IFRAME en tu Web de la siguiente forma. Rellena el siguiente formulario y luego genera el código HTML que podrás poner en tu página donde quieras:
Anchura del visor: pixeles
Altura del visor: pixeles
Color de fondo:
Color de título:
Color de texto:
Tamaño de la letra:
Poner "Observatorio": Si No
Poner fecha: Si No
Imagen: Izquierda Derecha Arriba


Código HTML generado

 


Ejemplo de visualización


Avanzado



Si lo que quieres es control total sobre el contenido puedes usar el método CSS + Javascript. Poniendo este código donde quieras que aparezca podrás cambiar el CSS (total apariencia y disposición de los elementos). Aquí te ponemos un ejemplo muy avanzado en el que se cambia prácticamente todo. Sabiendo CSS (y viendo la disposición de los DIV en el código fuente) se pueden realizar millones de combinaciones, como por ejemplo esta:

<style> #obs { width:250px; height:100px; font-family: Trebuchet; font-size: 0.9em; color: #990000; } #obs #obsimagen { float:right; } #obs #obstexto { float:left; width:175px; } #obstexto a { color: black; text-decoration:none #obstexto a:hover { color: grey; text-decoration:underline; } #obsimagen img { filter: alpha(opacity=70); -moz-opacity: 0.7; border:0px; } #obsimagen img:hover { filter: alpha(opacity=100); -moz-opacity: 1.0; } #obstitular { display:inline; font-weight:bold; float:left; padding-right:5px;} #obsfecha { display:inline; float:right;} #obstitulo { float:left; } </style> <script language="Javascript" src="http://observatorio.info/compartirjs.php"></script> Que da este resultado: