On remarquera le style de l'iframe contenant notamment background-color: rgba(255, 255, 255, 0.7)
C'est RGBA qui permet de régler la transparence ou l'opacité. Plus le chiffre est faible plus l'image est transparente. Je pense qu'on peut l'utiliser aussi avec un tableau ou un DIV.
line-height: 20px; c'est l'interligne du texte qui sera affiché dans l'iframe. timelabel=0 Pas d'heure indiquée. timelabel=1 L'heure est indiquée.
<div style="background-image: url(http://wublast.wunderground.com/cgi-bin/WUBLAST?lat=15&lon=-62&zoom=4&width=600&height=700&key=sat_ir4&basemap=1&gtt=60&num=1&timelabel=0&delay=25&borders=1&theme=WUBLAST_WORLD&extension=jpg&proj=ll); border: 0px solid black; height: 700px; text-align: center; width: 600px;">
<iframe frameborder="0" height="700px" name="vigilance" scrolling="no" src="http://www.meteo.gp/donnees/bulletin/special/alert_gene_libre_2007.php" style="background-color: rgba(255, 255, 255, 0.7); color: #575757; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: 15px; line-height: 20px; padding-top: -10px; text-align: center;" title="Vigilances-Watches" width="600"></iframe>
</div>
Aucun commentaire:
Enregistrer un commentaire