Werbelink

Vorschau

Unten rechts auf dieser Seite.

Schwierigkeitsgrad:

einfach - gut machbar auch ohne HTML-Kenntnisse


1. Grafiken hochladen

 

Zuerst müsst ihr eure Grafik mit dem Werbetext hochladen. Dazu sind zwei Grafiken notwendig: Eine, die standardmäßig angezeigt wird und eine, die beim Überfahren mit der Maus die erste ablöst. Dazu erstellt ihr eine Versteckte Seite auf eurer Jimdo-Page und ladet dort die Bilder hoch. Bei mir waren es dann folgende 2 Dateien:


Größenunterschiede wie bei mir machen nichts aus, die Grafik hat dann einen "Aufpopp"-Effekt. Grundfarben und Aufbau sollten jedoch gleich/ähnlich sein.


2. Code einfügen

 

Jetzt müsst ihr den unten stehenden Code auf eure Page in ein Widget/HTML-Modul einfügen. Das macht ihr entweder in der Sidebar, wenn der Werbelink auf jeder Unterseite erscheinen soll, oder ganz unten auf der gewünschten Seite, falls er nur auf dieser einen Seite erscheinen soll

 

 

<div class="n">
    <div style="position: fixed; bottom: 0; right: 20px;">
        <a href="http://Link"><img src="Bild1.jpg" onmouseover="this.src='Bild2'"
        onmouseout="this.src='Bild1'" alt="" /></a>
    </div>
</div>

 

 

3. Folgende Sachen müsst ihr im Code anpassen:

 

http://Link

Die Zieladresse, hierhin wird verlinkt.

 

Bild1

Auf der versteckten Seite (Ansichts-Modus eurer Page): Rechtsklick auf eure Grafik, Eigenschaften und die Adresse rauskopieren. Die kommt hier rein.

 

Bild2

Siehe Bild1, nur dieses mal das Mouseoverbild 

 

bottom: 0; right: 20px;

Das könnt ihr einfach so lassen oder euren Wünschen nach anpassen:

bottom: 0; ist der Abstand vom Rechten Bildschirmrand in Pixel (px) Ihr könnt "bottom" auch durch "top" ersetzen, dann ist der Werbelink eben oben.

right: 20px; ist der Abstand vom rechten Bildschirmrand. Wollt ihr das ganze links haben, einfach "right" durch "left" ersetzen.


Diese Seite ist keine offizielle Webseite der Jimdo GmbH,

sondern ein privates Projekt.

 

©2020, by schulerfotos / schuler Ivan

REFERENZEN