find-templates

scherz

zurück zur Übersicht

Aprilscherz für Homepage-Besucher




scherz 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




Heute: 7 Besucher