Zeigen Sie Ihren Homepage-Besuchern Ihre Routen. Dazu brauchen Sie nur ein kleines HTML-Snippet auf Ihrer Website einzufügen.

Kopieren Sie den Text aus dem Kasten und fügen Sie ihn an der gewünschten Stelle auf Ihrer Homepage ein.

<iframe src="http://www.xtreks.de/projects/www.xtreks.de/integrateTeaser.php" name="xtreksIntegation" frameborder="0" style="border: 1px solid silver; width: 900px; height: 800px;"> <p>Ihr Browser kann keine eingebetteten Frames anzeigen: Sie können die eingebettete Seite über den folgenden Verweis aufrufen: <a href="http://www.xtreks.de/projects/www.xtreks.de/integrateTeaser.php" >xtreks</a></p> </iframe>

Sie können die Größe des eingebetteten Fensters Ihren Bedürfnissen anpassen indem Sie die Werte für Höhe und Breite (width: 400px; height: 600px;) ändern (z.B. width: 300px; height: 350px;).

Damit Ihre Routen auf Ihrer Hompage dargestellt werden dürfen, müssen Sie den Domain-Namen Ihrer Website in Ihren Profildaten in die Liste der Domains eintragen (z.B. www.meinehomepage.de).

Die Darstellung Ihrer Routenbeschreibungen können Sie an die Gestaltung Ihrer Homepage anpassen. Kopieren Sie dazu das folgende CSS und speichern Sie es unter dem Namen ‘localxtreks.css’ im Wurzelverzeichnis Ihrer Homepage. Ändern Sie die CSS-Definitionen nach Ihren Wünschen ab.

/* localxtreks.css */ html, body, div, span, h1, h2, h3, h4, h5, h6, p, a, em, img, strong, sub, sup, dl, dt, dd, ol, ul, li, table, caption, tbody, tfoot, thead, tr, th, td { margin: 0px; padding: 0px; border: none; } body { margin: 10px; padding: 10px; color: black; background-color: white; font-family: sans-serif; font-size: 80%; } a { text-decoration: none; } a:hover { text-decoration: underline; } h1, h2, h3, h4, h5, h6 { margin-bottom: 12px; } p { margin-bottom: 8px; line-height: 140%; } .c { clear: both; } .More{ font-weight: bold; text-decoration: none; } div.Line{ border-top: 1px dotted silver; padding: 0px; margin: 0px; margin-top: 15px; margin-bottom: 10px; } img.RouteTeaser{ } div.TeaserImage{ float: right; padding: 2px; margin: 10px; margin-right: 0px; margin-top: 0px; border: 1px solid silver; }