So you want to embed a PDF document full screen inside a page on your community. Example (as you can see... no ads)
Here is what you need to do.
1) First upload your PDF to issuu.com
2) While that is uploading, Start a page on your community and add the following code into the page in HTML view:
<style>
.embed-box {
position: relative;
padding-bottom: 75%; // This is the aspect ratio
height: 0;
overflow: hidden;
}
.embed-box iframe {
position: absolute;
top: 0;
left: 0;
width: 100% !important;
height: 100% !important;
}
</style>
<div class="embed-box"><iframe width="525" height="340" src="//e.issuu.com/embed.html#0/8544457" frameborder="0" allowfullscreen></iframe></div>
NOTE: For 2.0, the STYLE tag must go down inside the custom code section under "Manage title and meta tags manually"
NOTE: The Red portion of the code above will be replaced with the number generated in step 3
3) Head back over to issuu where you just uploaded your document and generate an embed code like so, copy only the portion of the code indicated below and replace it with the RED portion above.
Done
Related Post:
Silly Simple Solutions #1: Doing stuff with PDFs
Let me know if you need any help with your Ning Community Whatsoever
Replies