find-templates

scherz

Aprilscherz für Homepage-Besucher

Deine Besucher berühren mit der Maus deine Homepage und sämtliche Felder beginnen sich zu drehen. Da wird es beinahe unmöglich, einen Link im Menü zu treffen, oder einen Gästebuch-Eintrag zu hinterlassen. Verlässt die Maus das Design, drehen sich alle Felder wieder zurück.

Bild links: Getestet auf iceblue-test.de.tl

- auf "Design einstellen"
- dort auf "Erweiterte Einstellungen"
- folgenden Code Einfügen im Feld "Text über Design" :


<style type="text/css">
<!--
table, div { transition: all 1s linear; }

table:hover, div:hover { transform: scale(0.9) rotate(20deg); }

-->
</style>

Natürlich kann der Code auch nur auf einzelnen Seiten eingefügt werden.
Zum Beispiel nur im Gästebuch, dann einfügen im Feld "Text vor dem Gästebuch"

scale(0.9) = Das Feld verkleinert sich bei Mauskontakt um 10%
scale(1) = das wäre für Originalgröße 1:1. Der Wert (2) würde das Feld um das doppelte vergößern.
rotate(20deg) = die Drehung , Wert kann erhöht oder verkleinert werden