Implémentation du COPTR Web à l'aide du 'scaled iframe wrapper' dans la propre page d'accueil. Il suffit de copier le code, de remplacer le texte demo (dernière ligne de code) par son propre domaine Web5 et de l'intégrer dans la page d'accueil souhaitée. Vous obtiendrez des détails sur l'implémentation des iFrame auprès de votre développeur web ou dans la zone d'aide de votre gestion de site web.
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>Description du style 'scaled iframe wrapper' :
Prends une source iFrame de taille X, redimensionne-la à 60% et place-la dans le cadre Y.
décrit le cadre final ou la taille de l'iFrame sur la propre page d'accueil (Y)
#scaled-frame
Grandeur de sortie du COPTR Web (X)
-moz-transform: scale(0.6);
Adapter le facteur d'échelle pour Firefox (dans ce réglage 0.6 = 60%)
-o-transform: scale(0.6);
Adapter le facteur d'échelle pour Opera (dans ce réglage 0.6 = 60%)
-webkit-transform: scale(0.6);
Adapter le facteur d'échelle pour Chrome/Safari (dans ce réglage 0.6 = 60%)