top of page
Presse: Blog2

Embed COPTR Web in your own homepage (iFrame)

Writer's picture: Leeroy BergerLeeroy Berger

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):


0 comments

Comments


Entdecken Sie bei COPTR innovative Gewitterwarnsysteme und digitale Sirenen für Industrie und Bevölkerungsschutz. Unsere Lösu

Social media

  • LinkedIn
  • Weiß Instagram Icon
  • Weiß Facebook Icon
  • Weiß YouTube Icon

Contact

+49 221 - 569 85 50

address

Beethovenstrasse 30,

D-50858 Cologne

Newsletter Sign up

Thanks very much!

© 2021 COPTR GmbH •  imprint  •  Privacy policy

bottom of page