Liebe Community,
untenstehend befinden sich Code-Snippets für I-Frames zum Einfügen des wettermelden.at - Widgets für Eure Homepage.
Derzeit sind Testversionen in unterschiedlichen Größen verfügbar, wir bedanken uns jetzt schon für Euer Feedback zur Verwendbarkeit unseres Widgets (Mail an wettermelden(at)geosphere.at).
Sehr gerne verlinken wir im Gegenzug auch Eure Homepage auf unserer rasch anwachsenden Wetter-Partner-Liste.
Bitte beachtet folgende Tipps beim Integrieren des I-Frames auf Eurer Homepage (Danke an alle, die uns bereits Rückmeldungen gegeben haben!):
- Die Widgets haben eine fixe Pixelgröße, für optimale Lesbarkeit bitte die Dimensionen der I-Frames nach Möglichkeit nicht verändern. In Kürze stellen wir auch kleinere Versionen unseres Widgets online.
- Die Widgets haben einen farblichen Rahmen, der sich ebenfalls nach Jahreszeit ändern wird
- Der I-Frame ist transparent und somit auch farblich besser mit Euren Styles kombinierbar. Dunkle, oder schwarze Hintergründe eignen sich daher eher weniger für das Widget
Vielen Dank für Euer Interesse und Eure Kooperationsbereitschaft!
Wettermelden Widgets
V 120 x 120
<iframe src="https://trustedspotter.eu/widget" width="120" height="120" style="max-width: 100%;" /></iframe>
Wettermelden Widgets
V 140 x 140
<iframe src="https://trustedspotter.eu/widget" width="140" height="140" style="max-width: 100%;" /></iframe>
Wettermelden Widgets
V 160 x 160
<iframe src="https://trustedspotter.eu/widget" width="160" height="160" style="max-width: 100%;" /></iframe>
Wettermelden Widgets
V 180 x 180
<iframe src="https://trustedspotter.eu/widget" width="180" height="180" style="max-width: 100%;" /></iframe>
Wettermelden Widgets
V 200 x 200
<iframe src="https://trustedspotter.eu/widget" width="200" height="200" style="max-width: 100%;" /></iframe>
<iframe src="https://trustedspotter.eu/widget" width="220" height="220" style="max-width: 100%;" /></iframe>
<iframe src="https://trustedspotter.eu/widget" width="260" height="260" style="max-width: 100%;" /></iframe>
<iframe src="https://trustedspotter.eu/widget" width="300" height="300" style="max-width: 100%;" /></iframe>
<iframe src="https://trustedspotter.eu/widget" width="320" height="180" style="max-width: 100%;" />
<iframe src="https://trustedspotter.eu/widget" width="480" height="270" style="max-width: 100%;" />
<iframe src="https://trustedspotter.eu/widget" width="640" height="360" style="max-width: 100%;" />
Tipp: Unser wettermelden.at - Widget ist für fix vordefinierte Grössen optimiert. Wir stellen daher
<iframe src="https://trustedspotter.eu/widget" width="360" height="360" style="max-width: 100%;" />
<iframe src="https://trustedspotter.eu/widget" width="400" height="400" style="max-width: 100%;" />
<iframe src="https://trustedspotter.eu/widget" width="560" height="560" style="max-width: 100%;" />
<iframe src="https://trustedspotter.eu/widget" width="768" height="768" style="max-width: 100%;" />
Bei Bedarf Setzen der Hintergrundfarbe des I-Frame
Im vorliegenden `<iframe>` HTML-Tag kann falls nötig, beispielsweise bei dunklem Hintergrund, eine separate Hintergrundfarbe mit der CSS-Eigenschaft `background-color` definiert werden.
Dafür kann das Attribut `background-color` auf eine gewünschte Farbe gesetzt werden, zum Beispiel Hellgrau: (#f0f0f0), oder ersetze `#f0f0f0` durch den Hex-Code oder den Namen der Farbe.
Wichtig ist es, eine Farbe zu wählen, die gut mit dem Inhalt des I-Frames kontrastiert, um Lesbarkeit und Benutzerfreundlichkeit sicherzustellen.
Beispiel:
<iframe src="https://trustedspotter.eu/widget" width="160" height="160" style="max-width: 100%; background-color: #f0f0f0;">