Technische Dokumentation

Diese Dokumentation erklärt die Integration des Pendlernetz-Partnermoduls in Ihre Website.

1. Integration des iframes

Fügen Sie folgenden HTML-Code an der gewünschten Stelle Ihrer Webseite ein:

HTML-Code 
<iframe width="100%" height="900" frameborder="NO"
                src="https://www.mitfahrnetzwerk.de/?[Parameter]">
                </iframe>

Es wird eine Mindestbreite von 650 Pixeln und eine Mindesthöhe von 900 Pixeln empfohlen. Sie können auch prozentuale Werte verwenden (z.B. width="100%").

2. Anpassbare Parameter

Inhalt und Anpassung
Parameter Standardwert Beschreibung
titel - Titel der Webseite (z.B. "Pendlernetzwerk Coburg")
text - Überschrift auf der Startseite
beschreibung - Kurzer Einleitungstext auf der Startseite
von - Zeigt Fahrten von diesem Ort an (z.B. "Coburg")
nach - Zeigt Fahrten zu diesem Ort an (z.B. "Coburg")
Farben
Parameter Standardwert Beschreibung
colorbg ffffff Hintergrundfarbe der Seite
colortext 555555 Textfarbe
colorh 000000 Farbe für alle Überschriften (h1-h4)
colorlink 0645AD Farbe für Links und Buttons
colorlinkhover 0645AD Farbe für Links beim Überfahren mit der Maus
colorborder cccccc Rahmenfarbe für Elemente
Typografie
Parameter Standardwert Beschreibung
font Arial Schriftart für die gesamte Seite
sizetext 14px Schriftgröße für normalen Text
sizeh1 24px Schriftgröße für h1-Überschriften
sizeh2 18px Schriftgröße für h2-Überschriften
sizeh3 16px Schriftgröße für h3-Überschriften
sizeh4 14px Schriftgröße für h4-Überschriften
Tabellenformatierung
Parameter Standardwert Beschreibung
bgrow1 ffffff Hintergrundfarbe für ungerade Tabellenzeilen
bgrow2 f7f7f7 Hintergrundfarbe für gerade Tabellenzeilen
bghover eeeeee Hintergrundfarbe beim Überfahren von Tabellenzeilen

3. Beispielkonfiguration

Hier ist ein vollständiges Beispiel mit allen Parametern:

Komplettes Beispiel 
<iframe width="100%" height="900" frameborder="NO"
                src="https://www.mitfahrnetzwerk.de/?colorbg=ffffff&colortext=555555&colorlink=ee0000
                &colorlinkhover=cc0000&colorh=000000&colorborder=cccccc&font=Arial&sizetext=14px
                &sizeh1=24px&sizeh2=18px&sizeh3=16px&sizeh4=14px&bgrow1=ffffff&bgrow2=f7f7f7
                &bghover=eeeeee&titel=Pendlernetzwerk+Coburg&text=Willkommen+beim+Pendlernetzwerk+Coburg
                &beschreibung=Finden+Sie+Fahrgemeinschaften+in+der+Region+Coburg&von=Coburg&nach=Coburg">
                </iframe>

Wichtige Hinweise

  • Farbwerte müssen als 6-stelliger Hexadezimalwert ohne # angegeben werden (z.B. "ffffff" für Weiß)
  • Schriftgrößen müssen mit der Einheit "px" angegeben werden
  • Schriftarten mit Leerzeichen müssen URL-kodiert werden (z.B. "Times+New+Roman")
  • Ortsangaben und Texte mit Leerzeichen müssen ebenfalls URL-kodiert werden (z.B. "Bad+Kissingen")
Haben Sie noch Fragen? Kontaktieren Sie uns!