top of page
Presse: Blog2
Writer's pictureLeeroy Berger

Embed COPTR Web in your own homepage (iFrame)

Implementation of the COPTR Web with the help of the 'scaled iframe wrapper' in your own homepage. Simply copy the code, replace the text demo (last line of code) with your own Web5 domain and embed it in the desired homepage. Details on the implementation of iFrame's can be obtained from your web developer or in the help area of your homepage administration.


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 of the 'scaled iframe wrapper' style:

Take iFrame source with size X, scale to 60% and put it in frame Y.

describes the final frame or size of the iFrame on your own homepage (Y)


#scaled-frame

Original size of the COPTR Web (X)


-moz-transform: scale(0.6);

Adjust scaling factor for Firefox (in this setting 0.6 = 60%)


-o-transform: scale(0.6);

Adjust scaling factor for Opera (in this setting 0.6 = 60%)


-webkit-transform: scale(0.6);

Adjust scaling factor for Chrome/Safari etc. (in this setting 0.6 = 60%)



Preview iFrame Wrapper (Demo):


Comments


bottom of page