-
Posts
-
hi guys,
i have some websites where i want to integrate iframes. how can I create an iframe to bring height to 100%?
have the forum crawl, nothing suitable here, sorry.
i want to embed a 360° spherical panorama in the iframe witch is made in html5.
i also tried to make a page template. like this.
`/**
Template Name: Content Only
*/?>
<html>
<head>
<title><?php wp_title( ‘|’, true, ‘right’ ); bloginfo(‘url’); ?></title>
<style>
html,body,div,iframe {height:100%;}
p {position:relative;overflow:hidden;}
iframe {border:none;width:90%;}
body {margin:0;padding:0;}
</style>
</head><body>
<?php while (have_posts()) : the_post(); ?>
<?php the_content(); endwhile; ?>
</body>
</html>with this code it works, but the menu and footer is gone.
and as soon as I leave the header insideget_header();the code above doesnt work.
i guess the best way is to have a combination of page-template and a modify header with css. i dont know.thank you for help.
Hi mitiuphoto!
You can make use of Enfolds builtin feature for this
1.Open the link in a lightbox
just add this like a normal link http://link.com?iframe=true2. Change the lightbox width to be 100% so it looks like full screen with a x to close.
Feel free to adjust the top position..mfp-iframe-holder .mfp-content { max-width: 100vw!important; max-height: 80vh!important; position:absolute; top:100px; left:0; }Cheers!
VinayHi Vinnie,
thank you a lot for this option. this answer me one another question how to work with “?iframe=true”.
but in this case i need the iframe on the “ground” with z-index:0, because i want to keep the menu with glossy transparent style over.
i have a good result with “grid row” layout element, but it is not optimal, because i use there style=”height: 75vh;” and this is in my case not the best deal.
see private link.
i have also tried with “color selection” but unfortunately it doesn’t work.
in the private link i send you guys the user and passwort, if you want to look in backend.
thx.
- You must be logged in to reply to this topic.