Responsive iFrame
This iFrame will adapt to the users device (Mobile / Tablet / PC). You’ll need to paste the HTML code onto the page where you want it to display and add the CSS to your stylesheet.
VIEW CODECSS .myIframe {
position: relative;
padding-bottom: 65.25%;
padding-top: 30px;
height: 0;
overflow: auto;
-webkit-overflow-scrolling:touch;
border: solid black 0px;
}
.myIframe iframe {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}
Non-Responsive iFrame
This iFrame will have a fixed width / height. You can update these yourself to fit the width of your website by changing the width / height parameters.
Simply paste the HTML code onto the website where you want it to display.
VIEW CODEFlipbook
If you’d like to add a flipbook onto your server. Please download the HTML files and upload onto your website via FTP.