Homepagewetter Schweiz
Das Wetter als Widget für Ihre Website
Binden Sie das Wetter von SWISS.DE ganz einfach auf Ihrer Homepage ein! Wählen Sie einen Kanton und einen Ort aus und schon bekommen Sie die notwendigen Code-Beispiele. Diese fügen Sie einfach an beliebiger Stelle im Quelltext Ihrer Seite ein und sofort wird das Wetter angezeigt. Natürlich 100% Kostenlos!
Integration
Für die optimale Integration in Ihre Website haben Sie die Wahl zwischen verschiedenen Varianten unseres Wetters mit unterschiedlichen Größen, Formen und Daten. Weiterhin haben Sie die Möglichkeit, das Design mit einfachen CSS-Regeln perfekt an Ihre Seite anzupassen. Hier sehen Sie die verfügbaren Varianten des Wetter-Scripts und den dazugehörigen Code. Hilfe zum Styling finden Sie ganz unten auf dieser Seite.
Bitte achten Sie darauf, dass Sie den Code vollständig kopieren. Wir behalten uns vor, Seiten, die den Code unvollständig oder verändert einbinden, vom Programm auszuschließen.
Sie wünschen eine andere Form der Integration? Schicken Sie uns eine E-Mail an info@swiss.de - wir helfen Ihnen gerne weiter!
Design & Code
Wählen Sie hier die Sprache und das Format für die Einbindung auf Ihrer Seite.
Styling mit CSS
Wir haben das Homepage-Wetter bewusst einfach und für Sie anpassbar gehalten. Eine Überschrift können Sie zum Beispiel selbst über die Einbindung stellen. Hier bietet sich etwas wie "Wetter Aarau" an.
Da Sie die Breite und Höhe der Widgets selbst anpassen können, sind alle Angaben diesbezüglich als ca.-Angaben gemacht. Wenn Sie Schriftarten, Größe und dergleichen verändern, werden sich diese Werte höchstwahrscheinlich ebenfalls ändern.
Um auch das Aussehen ideal an Ihre Seite anpassen zu können, benötigen Sie nur einige Grundkenntnisse in CSS (Cascading Style Sheets). Eine Anleitung und einen guten Einstieg gibt es bei SELFHTML. Da CSS dort ausreichend und für Jedermann verständlich beschrieben wird, wird hier nicht mehr auf die Grundlagen eingegangen. Im folgenden Absatz wird erklärt, wie Sie die Anpassungen vornehmen können.
Das gesamte Wetter ist in einem DIV-Element mit der Klasse SWISSWeatherWidget10 enthalten. Diesem Element können Sie so zum Beispiel eine feste Breite oder Höhe oder einen Rahmen zuweisen. Die darunterliegenden Elemente wie Grafiken, Heute und Morgen, sowie Temperatur und Sonnenscheindauer können Sie allesamt ebenso anpassen. Der Einfachheit halber hier eine Tabelle mit den genauen CSS-Selektoren zu den gewünschten Elementen.
| Element | Selektor |
|---|---|
| Wetter-Container | .SWISSWeatherWidget10 |
| Überschriften (Heute, Morgen) | .SWISSWeatherWidget10 p |
| Texte (Temperatur, Sonnenscheindauer) | .SWISSWeatherWidget10 span |
Sollten Sie noch Fragen, Kritik oder Anregungen zu umserem Wetterdienst haben, so können Sie sich jederzeit an unseren Support wenden.
