Widget:GoogleKalender: Unterschied zwischen den Versionen
Aus Seniorenbeirat Wilhelmshaven
Keine Bearbeitungszusammenfassung |
Keine Bearbeitungszusammenfassung |
||
| Zeile 9: | Zeile 9: | ||
width: 100%; | width: 100%; | ||
overflow: hidden; | overflow: hidden; | ||
padding-top: | padding-top: 50%; /* 4:3 Aspect Ratio */ | ||
} | } | ||
| Zeile 28: | Zeile 28: | ||
<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&showNav=1&showCalendars=0&showTz=1&showTitle=0&showDate=1&showTabs=1&src=c2Jyd2h2QGdtYWlsLmNvbQ&src=N2RhNWFhZWQ3NDkwOWI1MWI3NTBiNTFkNGI4NzkxZWEwMDJhNDU3NWY1ZGZjYmQxZDA5MDczYjExM2ZmZjZkOEBncm91cC5jYWxlbmRhci5nb29nbGUuY29t&src=MTJkMjJmY2Y3MWM4OThkN2QwMTA1YzE1NTBhZTJkY2ZkNzM0ZDVmNzc1Yjk1NGY0ZTRhY2NjYjY1ZTM0MjRmM0Bncm91cC5jYWxlbmRhci5nb29nbGUuY29t&src=ZGUuZ2VybWFuI2hvbGlkYXlAZ3JvdXAudi5jYWxlbmRhci5nb29nbGUuY29t&color=%23039BE5&color=%23D50000&color=%23616161&color=%230B8043"> | <iframe class="responsive-iframe" src="https://calendar.google.com/calendar/embed?height=600&wkst=2&bgcolor=%23ffffff&ctz=Europe%2FBerlin&showNav=1&showCalendars=0&showTz=1&showTitle=0&showDate=1&showTabs=1&src=c2Jyd2h2QGdtYWlsLmNvbQ&src=N2RhNWFhZWQ3NDkwOWI1MWI3NTBiNTFkNGI4NzkxZWEwMDJhNDU3NWY1ZGZjYmQxZDA5MDczYjExM2ZmZjZkOEBncm91cC5jYWxlbmRhci5nb29nbGUuY29t&src=MTJkMjJmY2Y3MWM4OThkN2QwMTA1YzE1NTBhZTJkY2ZkNzM0ZDVmNzc1Yjk1NGY0ZTRhY2NjYjY1ZTM0MjRmM0Bncm91cC5jYWxlbmRhci5nb29nbGUuY29t&src=ZGUuZ2VybWFuI2hvbGlkYXlAZ3JvdXAudi5jYWxlbmRhci5nb29nbGUuY29t&color=%23039BE5&color=%23D50000&color=%23616161&color=%230B8043"> | ||
</iframe> | </iframe> | ||
</div> | </div> | ||
Version vom 9. Dezember 2022, 10:21 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: 50%; /* 4:3 Aspect Ratio */
}
.responsive-iframe {
position: absolute; top: 0; left: 0; bottom: 0; right: 0; width: 100%; height: 100%; border: none;
} </style> </head> <body>
</body> </html>
