iFrame Template

Implementierung des eigenen Web4 mit Hilfe des ‚scaled iframe wrapper‘.

Einfach den Code kopieren, den Text in ROT durch die eigene Domain ersetzen und in der gewünschten Homepage einbetten.

 

Beschreibung des ‚scaled iframe wrapper‘:

Nimm iFrame Quelle mit Größe X, skaliere auf 60% und packe es in den Rahmen Y.

 

#wrapper‘ beschreibt den finalen Rahmen bzw. die Größe des iFrame auf der eigenen Homepage (Y)

#scaled-frame‘ Ausgangsgröße des WEB4 (X)

-moz-transform: scale(0.5);‘ Skalierfaktor für Firefox anpassen(in dieser Einstellung 0.6 = 60%)

-o-transform: scale(0.5);‘ Skalierfaktor für Opera anpassen (in dieser Einstellung 0.6 = 60%)

-webkit-transform: scale(0.5);‘ Skalierfaktor für Chrome/Safari etc. anpassen (in dieser Einstellung 0.6 = 60%)

Code

<style>
#wrapper { width: 237px; height: 390px; padding: 0; overflow: hidden; }
#scaled-frame { width: 395px; height: 650px; border: 0px; }
#scaled-frame {
zoom: 1;
-moz-transform: scale(0.6);
-moz-transform-origin: 0 0;
-o-transform: scale(0.6);
-o-transform-origin: 0 0;
-webkit-transform: scale(0.6);
-webkit-transform-origin: 0 0;
}
 
@media screen and (-webkit-min-device-pixel-ratio:0) {
#scaled-frame  { zoom: 1;  }
}
</style>
<div id="wrapper"><iframe id="scaled-frame" src="https://demo.coptrweb.de/"></iframe></div>

Beispiele

scaled iFrame wrapper

normaler iFrame Link