diedVIPs

html knowhow

Mit Iframe-Thumbnail Seite aufrufen









Mit Iframe-Thumbnail Seite aufrufen

So sieht´s aus





Quellcode
<html>
<head>

<style type="text/css">
.thumbnail-container {width: calc(600px * 0.25); height: calc(500px * 0.25); display: inline-block; overflow: hidden; position: relative; background: #f9f9f9;}
.thumbnail { -ms-zoom: 0.25; -moz-transform: scale(0.25); -moz-transform-origin: 0 0; -o-transform: scale(0.25); -o-transform-origin: 0 0;
-webkit-transform: scale(0.25); -webkit-transform-origin: 0 0;}
.thumbnail, .thumbnail iframe {width: 600px; height: 500px;}
.thumbnail iframe {opacity: 0; transition: all 300ms ease-in-out;}
.thumbnail:after {content: ""; display: block; position: absolute; top: 0; left: 0; right: 0; bottom: 0;}
</style>
</head>

<body >
<table align="center" style="width: auto" cellpadding="10">
<tr><td>
<div class="row center-block" id="thumbnails">
<div class="col-md-4"><div class="thumbnail-container" title="Tribute"><a href="../Impressum.html" target="_blank">
<div class="thumbnail"><iframe src="../Impressum.html" frameborder="0" onload="this.style.opacity = 1" target="_self"></iframe></div></a></div>
</div><br/>
</td>
<td>
<div class="col-md-4"><div class="thumbnail-container" title="Thumbnail"><a href="../Datenschutz.html" target="_blank">
<div class="thumbnail"><iframe src="../Datenschutz.html" frameborder="0" onload="this.style.opacity = 1" target="_self"></iframe></div></a></div>
</div><br/>
</td>
<td>
<div class="col-md-4"><div class="thumbnail-container"><a href="../Kontakt.html" target="_blank">
<div class="thumbnail"><iframe src="../Kontakt.html" frameborder="0" onload="this.style.opacity = 1" target="_self"></iframe></div></a></div>
</div>
</div>
</td></tr>
</table>
</body>

</html>








Kontakt    Datenschutz    Impressum