GB Design
Gästebuch Style des Homepage-Baukasten mit CSS verändern! So gehts:In diesen Tutorial erklären wir ihnen wie sie anhand von CSS-Codes ihr HPBK-Gästebuch verändern können. Diese Codes unterliegen dem Copyright (©) von Camiyo. Bitte beachten sie die AGBs.
Wir fangen an indem wir die Eingabe-Felder des Homepage-Baukasten Gästebuchs verändern!
Eingabe Felder verändern:
Code:
input,textarea{ border: 1px solid #dddddd; background: #ffffff; padding: 3px;}
input,textarea{ border: 1px solid #dddddd; background: #ffffff; padding: 3px;}
Mit dem Begriff: Input verändern wir die Eingabe Felder! Den Boarder nennt man die Rahmen Dicke um das Textfeld. Nach solid folgt die Rahmen Farbe der Eingabe-Felder, darauf folgt die Background/Hintergrund Farbe indem Fall wählen wir ein Weiß/#FFFFFF. Hätten wir den Ersten-Teil geschafft! Nun geht es zum nächsten Schritt:
Code:
input:focus,textarea:focus{border: 1px solid #bbbbbb;} input
input:focus,textarea:focus{border: 1px solid #bbbbbb;} input
Fokus kommt aus den Englischen und heißt soviel wie Mittelpunkt. Nun folgt wieder der Boarder, der Rahmen um das Eingabefeld. Der Farbcode/HEX-Code: #bbbbbb ist ein Hell-Grau.
Nun geht es zum die Gestaltung des"Absenden" Buttons:
Code:
[type="submit"]{cursor: pointer;} input[type="submit"]:hover{border: 1px solid #bbbbbb;}
[type="submit"]{cursor: pointer;} input[type="submit"]:hover{border: 1px solid #bbbbbb;}
Der Type ist Submit (heißt: Einsenden) mit Cursor/Pointer ist Mauszeiger gemeint. Mit Hover ist der Effekt gemeint der Entsteht wenn man über den Submit-Button fährt.