Eigener Button

tobischi

Hallo,

ich habe einen Button hinzugefügt der eine Lightbox öffnet. Und zwar so:

[formlightbox_call title="Ihre Suche" class="2"]<button class="submit">Jetzt suchen</button>[/formlightbox_call]
[formlightbox_obj id="2" style="padding: 10px;"][contact-form-7 id="116" title="Kontaktformular 1"][/formlightbox_obj]

Ist es möglich, dass ich die button class so verändere, dass ich zum Beispiel einen Button von dieser Seite an der Stelle anzeigen lassen kann: http://www.cssbuttongenerator.com/

Ich würde mich freuen, wenn mir, falls es möglich ist, jemand sagen könnte was ich dafür zu tun habe.

Werbepost

Hallo!

Wenn du gerade an deiner Website arbeitest oder dein aktuelles Hosting überdenkst: Wir betreiben mit NetzLiving eine Hosting-Plattform, die speziell auf Performance, Sicherheit und einfache Verwaltung ausgelegt ist.

✔️ Schnelle Ladezeiten (optimiert für WordPress & Co.)
✔️ Deutsche Server & DSGVO-konform
✔️ Persönlicher Support (kein 0815-Ticket-System)

Mehr erfahren

Melewo

Auf "Get the Code" klicken, den Code kopieren und in Deine CSS einfügen, dann den Klassennamen für Deinen jetzigen Button übernehmen.

tobischi

Danke erstmal für die Antwort. Ich hab die Klasse jetzt in styles.css eingefügt und die Klasse durch suchen ( so wie die Button Klasse heißt) ersetzt. Das sieht dann jetzt so aus:

[formlightbox_call title="Ihre Suche" class="2"]<button class="suchen">Jetzt suchen</button>[/formlightbox_call]
[formlightbox_obj id="2" style="padding: 10px;"][contact-form-7 id="116" title="Kontaktformular 1"][/formlightbox_obj]

Jedoch klappt es leider immernoch nicht. Diesen Code:

<a href="#" class="suchen">Jetzt suchen</a>

hat mir der Button Generator auch noch zur Verfügung gestellt. Muss ich den irgendwie benutzen oder was mache ich falsch?

Melewo

Dann solltest Du Dich etwas mit CSS beschäftigen, weil Du diesen Generator nicht benötigst, nachdem Du das Prinzip verstanden hast. Ein funktionierendes Beispiel:

HTML

<!DOCTYPE html>
<html>


<head>
<title>Ein Button</title>
<style type="text/css">
.suchen {
    text-align: center;
    font-family: Georgia,'Times New Roman'; 
    font-size: 16px;
    padding: 6px;
    background: linear-gradient(#f9f9f9, #ffd991);
    border-radius: 6px;
}
</style>
</head>


<body>
<button class="suchen">Jetzt suchen</button>


</body>
</html>

Alles anzeigen

Hier noch eine Seite mit einer erweiterten Anleitung, doch es gibt sicherlich noch viele weitere Anleitungen:

http://maddesigns.de/linear-gradien…-tag-3-363.html

tobischi

Danke nochmal für die Antwort ich werde mir dann einmal die Anleitung angucken und mich etwas mit CSS beschäftigen.

Willkommen! Melden Sie sich an oder registrieren Sie sich.

Eigener Button

Jetzt mitmachen!