Studio Enns – Link- & Hover / Mouseover-Generator PRO

🚀 1-Klick Vorlagen:

🛠️ Einstellungen & Eingabebereiche Live-Sync aktiv

1 Link-Text & Titel (Barrierefrei)

Angezeigter Text

Tooltip / Title-Attribut

2 Ziel-URL (href)

Hyperlink (Webadresse)

3 Normalzustand (Farben vor dem Hover)

Hintergrund

Schriftfarbe

Rahmenfarbe

4 Hover / Mouseover (Ziel: rgb 203,0,3 & weiß)

Hover Hintergrund

Hover Schrift

Hover Rahmen

5 Spezial-Effekt (Optik & Animation)

Visueller Stil

6 Popup-Fenster Steuerung

Popup-Fenster beim Klick öffnen

Breite (px)

Höhe (px)

7 Maße, Rundung & Polsterung

Schriftgröße

Eckenrundung

Innenabstand

8 Code-Format / Ausgabemodus

Wie soll der Code generiert werden?

9 Schwarze Rechtsleiste & Platzierung

Wähle flexibel, wo die schwarze Rechtsleiste (mit Impressum, Datenschutz etc.) angezeigt werden soll:

1. Direkt unter dem Button auf der Seite anzeigen

2. Im separaten Fenster (Browser-Popup) ganz unten am Ende des Inhalts einbinden

3. Im zentrierten Modal/Overlay-Popup (mit dunklem Hintergrund, iframe & Schließen-Kreuz) ganz unten einbinden

Art der Zielseite:

👁️ Interaktive Live-Vorschau Testbereit

👇 Fahren Sie mit der Maus über das Element oder klicken Sie zum Testen:

Klick-Test öffnet das konfigurierte Fenster oder das zentrierte Overlay-Popup.

GENERIERTER HTML / CSS CODE

<!-- Code wird berechnet... -->

💡 Hinweis zur Notfallvorsorge & Technik:
Der Hintergrundfarbwert rgb(203, 0, 3) entspricht exakt dem Studio Enns Notfall-Rot #CB0003.
Mit der 3. Checkbox wird das zentrierte 1200px-Overlay-Popup wie beim Hausplayer erzeugt, an dessen unterem Ende die schwarze Leiste fest verankert ist.