Widget:GoogleKalenderTest: Unterschied zwischen den Versionen
(Die Seite wurde neu angelegt: „<!-- Quelle: https://www.w3schools.com/howto/howto_css_responsive_iframes.asp --> <!DOCTYPE html> <html> <head> <meta name="viewport" content="width=device-width, initial-scale=1"> <style> .container { position: relative; width: 100%; overflow: hidden; padding-top: 65%; →Aspect Ratio: } .responsive-iframe { position: absolute; top: 0; left: 0; bottom: 0; right: 0; width: 100%; height: 100%; border: none; } </style> </head> <bo…“) |
Keine Bearbeitungszusammenfassung |
||
| Zeile 27: | Zeile 27: | ||
<div class="container"> | <div class="container"> | ||
<iframe class="responsive-iframe" src="https://calendar.google.com/calendar/embed?height=600&wkst=2&bgcolor=%23ffffff&ctz=Europe%2FBerlin&showTitle=0& | <iframe class="responsive-iframe" src="https://calendar.google.com/calendar/embed?height=600&wkst=2&bgcolor=%23ffffff&ctz=Europe%2FBerlin&showTitle=0& | ||
src=c2Jyd2h2QGdtYWlsLmNvbQ&src=NDgxNDZkNTFmZDc4ZjkwZjZkODQ4MzViZWI5YzdkNTgzMGQ3ZGViZjNiYTM5M2U4NjNhMTVkN2U4MWI3NzZiM0Bncm91cC5jYWxlbmRhci5nb29nbGUuY29t&src=NzEzMTZkOGNhMWFmZGEzYWYxYzYyZGY4YTQ0YmIxM2EyYjA5MGIwY2ZkM2YwYjU1YjRjZjg1MDNmYWE4ZmZiN0Bncm91cC5jYWxlbmRhci5nb29nbGUuY29t&src=YmNmMmVmN2NjMmJkODJkOWIwYjA0OTA0MGM4OTE0ODRjOThlMTRmOWM3YjdiNmIxYWM0ZTFkY2I1ZjZmN2NkYkBncm91cC5jYWxlbmRhci5nb29nbGUuY29t&src=ZGUuZ2VybWFuI2hvbGlkYXlAZ3JvdXAudi5jYWxlbmRhci5nb29nbGUuY29t&color=%23039BE5&color=%239E69AF&color=%234285F4&color=%23009688&color=%230B8043" style="border:solid 1px #777"> | |||
</iframe> | </iframe> | ||
</div> | </div> | ||
Aktuelle Version vom 25. Januar 2023, 19:56 Uhr
<!DOCTYPE html> <html> <head> <meta name="viewport" content="width=device-width, initial-scale=1"> <style> .container {
position: relative; width: 100%; overflow: hidden; padding-top: 65%; /* Aspect Ratio */
}
.responsive-iframe {
position: absolute; top: 0; left: 0; bottom: 0; right: 0; width: 100%; height: 100%; border: none;
} </style> </head> <body>
<iframe class="responsive-iframe" src="https://calendar.google.com/calendar/embed?height=600&wkst=2&bgcolor=%23ffffff&ctz=Europe%2FBerlin&showTitle=0&
src=c2Jyd2h2QGdtYWlsLmNvbQ&src=NDgxNDZkNTFmZDc4ZjkwZjZkODQ4MzViZWI5YzdkNTgzMGQ3ZGViZjNiYTM5M2U4NjNhMTVkN2U4MWI3NzZiM0Bncm91cC5jYWxlbmRhci5nb29nbGUuY29t&src=NzEzMTZkOGNhMWFmZGEzYWYxYzYyZGY4YTQ0YmIxM2EyYjA5MGIwY2ZkM2YwYjU1YjRjZjg1MDNmYWE4ZmZiN0Bncm91cC5jYWxlbmRhci5nb29nbGUuY29t&src=YmNmMmVmN2NjMmJkODJkOWIwYjA0OTA0MGM4OTE0ODRjOThlMTRmOWM3YjdiNmIxYWM0ZTFkY2I1ZjZmN2NkYkBncm91cC5jYWxlbmRhci5nb29nbGUuY29t&src=ZGUuZ2VybWFuI2hvbGlkYXlAZ3JvdXAudi5jYWxlbmRhci5nb29nbGUuY29t&color=%23039BE5&color=%239E69AF&color=%234285F4&color=%23009688&color=%230B8043" style="border:solid 1px #777">
</iframe>
</body> </html>
