HpBk-TemplateWorld | Alles für dich.

Formular Buttons gestalten

Einleitung
Homepages, bei denen die "Kommentar-Abgeben-Buttons" anders aussehen, als die Standard-Buttons, werden oft bestaunt. Dabei ist dies gar nicht so schwer und ich erkläre euch, mit welch einfachen Mitteln ihr euren "Kommentar-Abgeben-Button" und natürlich so auch die Buttons des Gästebuchs und Kontaktformulars stylen könnt.

Schwierigkeitsstufe: Anfänger

Die Formular-Buttons im Homepage Baukasten (zum Absenden) im Kontaktformular, Gästebuch, Link-und Topliste, Kommentare) wurden mit "input-tag" erzeugt mit <input type="submit" ....
Diesen Befehle können wir mit CSS anpassen bzw. stylen.

Der CSS-Code

Um das Aussehen anzupassen, fügt ihr folgenden CSS-Code unter "Design" - "Erweiterte Designeinstellungen" im Feld "Text über dem Design" ein.
Man kann natürlich noch einstellen, ob er einen Rahmen bekommen soll, welchen Hintergrund der Button haben soll und und und..


Wenn man sich jetzt mal den Button hier auf der Seite anschaut, mit dem ihr Kommentare abgeben könnt, seht ihr einen Hover-Effekt bei dem Button. Ein solcher Hover-Effekt lässt sich ebenfalls ganz leicht erstellen.

Der CSS-Code für den Hover-Effekt



Beispiel für einen angepassten Button

So könnte der "Kommentar-Button" aussehen, wenn man bei background-color: #FFFF00; und bei border: 2px solid #CCCCCC; einstellt.

Vorher                                                    Nachher






Kommentare zu dieser Seite:
Kommentar von:11.06.2012 um 16:29 (UTC)
dayclub
dayclub
Offline


Kommentar von:07.08.2011 um 15:33 (UTC)
hallohilol
hallohilol
Offline

cool



Kommentar zu dieser Seite hinzufügen:
Dein Name:
Deine E-Mail-Adresse:
Deine Homepage:
Deine Nachricht:

Du bist der 405727 Besucher.

Information

HpBk-TemplateWorld ist seit Januar 2011 die neue Design-Zentrale im Homepage-Baukasten. Mit über 100 Designs ist und soll HpBk-TemplateWorld auch mit eurer Hilfe noch weiter ausgebaut werden und somit zu einer zentralen Anlaufstelle für Designs, Templates und Tutorials im HpBk werden.

Partner werden

Möchtest du auch Partner von HpBk-TemplateWorld werden? Dann schreibe mich an. Gerne sehe ich mir deine Seite genauer an und werde dich dann zu den offiziellen Partnerseiten hinzufügen.