COPTR-Web in uw eigen homepage insluiten (iFrame)

Implementatie van het COPTR Web met behulp van de 'geschaalde iframe wrapper' in uw eigen homepage. Kopieer gewoon de code, vervang de tekst demo (laatste regel van de code) met uw eigen Web5 domein en embed het in de gewenste homepage. Details over de implementatie van iFrame's kunnen worden verkregen bij uw webontwikkelaar of in de helpfunctie van uw homepage-administratie.

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>

Beschrijving van de "scaled iframe-wrapper"-style:

Neem iFrame bron met grootte X, schaal naar 60% en plaats het in frame Y.

#wrapper

beschrijft het uiteindelijke frame of de grootte van het iFrame op uw eigen homepage (Y)

#scaled-frame

Uitgangsvariabele van het COPTR Web (X)

-moz-transform: scale(0.6);

Pas de schaalfactor voor Firefox aan (in deze instelling 0.6 = 60%)

-o-transform: scale(0.6);

Pas de schaalfactor voor Opera aan (in deze instelling 0.6 = 60%)

-webkit-transform: scale(0.6);

Pas de schaalfactor voor Chrome/Safari aan (in deze instelling 0.6 = 60%)

Voorbeeld iFrame Wrapper (Demo):