3d - FORUM - Ning Creators Social Network2024-03-29T13:11:19Zhttps://creators.ning.com/forum/topics/feed/tag/3dHack Tip to Embed Document Library Bookshelveshttps://creators.ning.com/forum/topics/hack-tip-to-embed-document-library-bookshelves2017-01-23T02:28:53.000Z2017-01-23T02:28:53.000Z⚡JFarrow⌁https://creators.ning.com/members/JFarrow<div><p>Ok, so you would like to embed a cool bookshelf, but would rather not have to buy and then learn some expensive software to make your bookshelf. This hack will allow you to embed an entire folder of PDFs/PPTs/eBooks into any page on your network.</p>
<p>Back in the day, issuu.com used to provide widget codes for embedding "shelves" into a site. After doing away with shelves and calling them 'stacks' they changed the URL structure. However, the old code can be modified to adapt to 'stacks'. Now if you have a public "Stack on Issuu in which you have uploaded documents to your account and placed them in a stack, you can have the Bookshelf version on your Ning site. And yes, you could have a collaborative community shelf. and btw, <a href="https://www.ning.com/ning3help/supported-iframe-embeds/" target="_blank">Issuu Iframes are supported by Ning</a></p>
<p><iframe width="100%" height="400" src="http://static.issuu.com/widgets/shelf/index.html?folderId=ce78720b-06d1-4f47-9acd-a8b968748fe7&theme=theme2&rows=3&thumbSize=large&roundedCorners=false&showTitle=true&showAuthor=true&shadow=true&effect3d=true" frameborder="0"></iframe></p>
<p><span class="font-size-4"><strong>Take this code for example:</strong></span></p>
<p><iframe src="http://static.issuu.com/widgets/shelf/index.html?folderId=<strong>FOLDERID</strong>&amp;theme=theme3&amp;rows=3&amp;thumbSize=small&amp;roundedCorners=false&amp;showTitle=true&amp;showAuthor=true&amp;shadow=true&amp;effect3d=true" frameborder="0" marginwidth="0" marginheight="0" scrolling="no" width="100%" height="400"></iframe></p>
<p><strong>FOLDERID</strong>= URL for stack with the dashes added. </p>
<p><strong>Example:</strong> <a href="https://issuu.com/landsurveyor/stacks/">https://issuu.com/landsurveyor/stacks/</a><strong>683b5381b3364c989987deb96a221c61</strong></p>
<p>That part on the end is what you need. It is number of 36 chars that you get on address bar when you enter stacks (example: <a href="https://issuu.com/username/stacks/FOLDERID">https://issuu.com/username/stacks/FOLDERID</a>). When you replacing that in code you must paste 36 chars in this format 8-4-4-4-12 with - between chars. And voila its working. You can change theme and other stuffs in code.</p>
<p><span class="font-size-6"><strong>683b5381-b336-4c98-9987-deb96a221c61</strong></span></p>
<p><span class="font-size-6"><strong> <span style="color: #ff0000;">8 4 4 4 12</span></strong></span></p>
<p><span class="font-size-6"><strong><a href="http://storage.ning.com/topology/rest/1.0/file/get/558668?profile=original" target="_self"><img src="http://storage.ning.com/topology/rest/1.0/file/get/558668?profile=original" class="align-full" width="441"></a></strong></span></p>
<p><span class="font-size-6"><strong>you can even change the theme by changing 1 number</strong></span></p>
<p><span class="font-size-6"><strong><a href="http://codepen.io/JFarrow/full/ygbGOm" target="_blank"><img src="http://storage.ning.com/topology/rest/1.0/file/get/558715?profile=original" class="align-full" width="441"></a></strong></span></p>
<p>Feel free to fork my copy to make your own....</p>
<p>Why not make something cool? You all have sharable documents on your computer. Let <a href="http://creators.ning.com/members/JFarrow" target="_self">me</a> know what you come up with..</p>
<p></p>
<p>oh and then there is this from years ago..</p>
<h3 class="entry-title"><a href="http://creators.ning.com/forum/topics/do-more-with-your-video-embed?context=tag-issuu">Do More with Your Video Embed Option...and Smile.</a></h3>
<p></p></div>Cooliris: Or how to add free 3D gallery to your websitehttps://creators.ning.com/forum/topics/cooliris-or-how-to-add-free-3d2010-04-27T18:21:25.000Z2010-04-27T18:21:25.000ZStefaan Boelhttps://creators.ning.com/members/StefaanBoel<div><p>I just installed Cooliris on my ning. It's a real cool looking 3D gallery that will spice up your network.<br> <br> Only thing you need to do is to create a gallery in flickr or Picasa. Load that in the Cooliris website and add the javascript to a text field on your network.<br> <br> This is how it looks like on my network:</p>
<p style="text-align: left;"><img src="http://storage.ning.com/topology/rest/1.0/file/get/542621?profile=original" alt=""></p>
<p><br> <br> As you can see people can add your gallery to facebook and twitter also or expand it to their big screen if they want.<br> <br> See it in action: <a href="http://inventorwizard.ning.com/">http://inventorwizard.ning.com/</a><br> or check out ther website and create your own...it's free and I love it: <a rel="nofollow" href="http://www.cooliris.com/yoursite/express/">http://www.cooliris.com/yoursite/express/</a><br> <br> Before I forget, youtube or facebook stuff can also be added in it. I'm sure you'll find it easy to configer it.<br> Maybe on remark for Picasa is that your gallery name may NOT include spaces in the name of the gallery. For instance: inventorwizard is allowed but not inventor wizard. Cooliris will not be able to find your gallery if you don't take this into account!<br> <br> Enjoy!<br> <br> <br> <br> <br> <br> <br> <br> <br></p></div>