Implementación de la Web COPTR con la ayuda del 'scaled iframe wrapper' en su propia página web. Simplemente copie el código, sustituya el texto de demostración (última lÃnea de código) por su propio dominio Web5 e incrústelo en la página de inicio deseada. Los detalles sobre la implementación de iFrame se pueden obtener de su desarrollador web o en el área de ayuda de la administración de su página 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>Descripción del estilo 'scaled iframe wrapper':
Tome la fuente iFrame con tamaño X, escálela al 60% y envuélvala en el marco Y.
describe el marco final o el tamaño del iFrame en su propia página de inicio (Y)
#scaled-frame
Variable de salida de la web COPTR (X)
-moz-transform: scale(0.6);
Ajustar el factor de escala para Firefox (en esta configuración 0.6 = 60%)
-o-transform: scale(0.6);
Ajustar el factor de escala para Opera (en esta configuración 0.6 = 60%)
-webkit-transform: scale(0.6);
Ajustar el factor de escala para Chrome/Safari etc. (en esta configuración 0.6 = 60%)