Liebe Community,
untenstehend befinden sich Code - Snippets und Beispiele in unterschiedlichen Grössen für I-Frames zum Einfügen des wettermelden.at - Widgets für Eure Homepage. Derzeit sind Testversionen in unterschiedlichen Grössen 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 Eure Homepage auf unserer Wetter-Partner-Seite (SEO).
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össe, für optimale Lesbarkeit bitte die Dimensionen der I-Frames nach Möglichkeit nicht verändern. Untenstehend findest Du ein paar Beispiele in den jeweiligen, optimierten Pixel - Grössen, um diese auf Deiner Plattform testen zu können.
- 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 und Hintergrundfarben kombinierbar. Dunkle, oder schwarze Hintergründe eignen sich daher eher weniger für das Widget. Bei Bedarf kann die Hintergrundfarbe des I-Frame separat gesetzt werden - siehe Beispiel ganz unten.
- Zuletzt findest Du ein Listing aller weiteren verfügbaren, optimierten Pixel - Grössen
Vielen Dank für Euer Interesse und Eure Kooperationsbereitschaft!
Vielen Dank fürs Verlinken!
<iframe src="https://trustedspotter.eu/widget" width="120" height="120" style="max-width: 100%;" /></iframe>
<iframe src="https://trustedspotter.eu/widget" width="140" height="140" style="max-width: 100%;" /></iframe>
<iframe src="https://trustedspotter.eu/widget" width="160" height="160" style="max-width: 100%;" /></iframe>
<iframe src="https://trustedspotter.eu/widget" width="180" height="180" style="max-width: 100%;" /></iframe>
<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="320" style="max-width: 100%;"></iframe>
<iframe src="https://trustedspotter.eu/widget" width="480" height="480 " style="max-width: 100%;"></iframe>
<iframe src="https://trustedspotter.eu/widget" width="640" height="640 " style="max-width: 100%;"></iframe>
Weitere verfügbare, optimierten Pixel - Grössen für das wettermelden.at - Web - Widget:
<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;">