Scripte, Animationen, Templates für WebsiteX5

Showbox-Generator

Mit diesem Showbox-Generator generieren Sie den Code für eine responsive Showbox mit Texten, Header und Footer (optional), Buttons und eine Grafik. Nahezu alle Werte wie Font-Familie, Textgröße und - farben, Hintergrundfarben, Abstände etc. sind einstellbar. Kurzum alles, was für eine Info-Box erforderlich ist. Innerhalb Ihres Textes haben Sie Möglichkeiten der Formatierung (Fettschrift Unterstriche, Kursiver Text, Farbige Schrift und können auch Links einfügen. Alle diese Formatierungen sind auch kombiniert auf beliebigen Text oder Worte anwendbar. Über den Sticky-Button rechts "Vorschau" können Sie sich jederzeit Ihre Showbox ansehen, um das Ergebnis Ihrer Einstellungen zu prüfen. Das sich öffnende Popup-Fenster kann in der Größe beliebig geändert werden um das responsive Aussehen Ihrer Showbox zu beurteilen - sie müssen nicht zuvor erst den Code generieren. Erst wenn alles so aussieht, wie Sie es wünschen, können Sie über den Button "Code generieren", am Ende der Seite den generierten Code durch einen Klick auf den Button "Code in Zwischenablage kopieren" kopieren und in Ihrer Website einfügen.

Inhalt der Showbox

Überschrift oder Titel:

Ausrichtung Überschrift:

Ihr Text:

Link-URL für markierten Text:

Link-Ziel:

Link-Unterstreichung:

Link einfügen:

Markierten Text können Sie mehrfach formatieren und auch als Link einfügen.

Ausrichtung Fließtext:

Abstand links und rechts in px:

Abstand oben und unten in px:

Grafik in der Showbox

URL zur Grafik: Leer lassen, wenn keine Grafik angezeigt werden soll.

Bildbreite in px: Für kleinere Grafiken zwischen 20px und 480px einstellbar.

Ausrichtung kleinere Grafik:

Position der Grafik:

Abstand Grafik zum Header in px:

Header, Footer und Trennlinie

Header-Hintergrund:

Header-Höhe in px:

Footer-Hintergrund:

Footer-Höhe in px:

Trennlinie anzeigen:

Linienstärke 0 bis 10:

Linienfarbe:

Footer der Showbox

Footer-Textzeile 1:

Footer-Textzeile 2:

Showbox-Abmessungen und Farben

Breite der Showbox in px:

Höhe der Showbox in px:

Hintergrund Showbox:

Rahmenfarbe Showbox:

Rahmenstärke Showbox:

Border Radius Showbox in px:

Schriften

Fontfamilie Überschrift:

Fontgröße Überschrift:

Fontfarbe Überschrift:

Überschrift-Font-Weight:

Fontfamilie Fließtext:

Fontgröße Fließtext:

Fontfarbe Fließtext:

Fontfamilie Footertext Zeile 1:

Fontgröße Footertext Zeile 1:

Fontfarbe Footertext Zeile 1:

Font-Weight Footertext Zeile 1:

Fontgröße Footertext Zeile 2:

Fontfarbe Footertext Zeile 2:

Font-Weight Footertext Zeile 2:

Overlay und Schatten

Overlay-Farbe:

Overlay-Transparenz: 25 %

Schatten für Showbox:

Aktiv

Button für Aufruf der Showbox

Button „Information“ (Button zum aufrufen der Showbox):

Button-Hintergrund:

Button-Textfarbe:

Button-Rahmenfarbe:

Button-Rahmenstärke:

Border Radius Info-Button in px:

Button-Fontfamilie:

Button-Fontgröße:

Button-Font-Weight:

Sticky-Position:

Abstand horizontal in px:

Abstand vertikal in px:

Schatten für Button:

Aktiv

OK-Button

Text OK-Button:

Hintergrund OK-Button:

Textfarbe OK-Button:

Rahmenfarbe OK-Button:

Rahmenstärke OK-Button:

Border Radius OK-Button in px:

Fontfamilie OK-Button:

Fontgröße OK-Button:

Font-Weight OK-Button:

Generierter Code:

HTML Showbox Code Generator