Seite 1 von 1

Buttons verändern durch eine CSS-Datei

Verfasst: 05.08.2009 08:34
von montagsjunge
Hallo,
wenn ich z.B. über die Buttons "Speichern", "Vorschau" oder "Absenden" mit dem Mauszeiger anderesfrabig. In diesem Forum bleibt von dem Buttons der Hintergrund gleich, nur die Farbe der Schrift und des Rahmen verändert sich. Bei meinem Style Maxthon Schrift passiert das selbe plus, dass sich der Hintergrund auch einfärbt. Ich möchte, die Schrift den Rahmen und die Hintergrundeinfärbung verändern. Wie veränder ich das? Warscheinlich mir einer CSS-Datei. Aber welcher und wo?

MfG

Re: Buttons verändern durch eine CSS-Datei

Verfasst: 06.08.2009 14:15
von montagsjunge
Kann mir denn keiner helfen?

Re: Buttons verändern durch eine CSS-Datei

Verfasst: 06.08.2009 17:45
von JFooty
Der Hintergrund wird durch das Hintergrundbild bg_button.gif eingefärbt.
Das geschieht in der colours.css:

Code: Alles auswählen

/* Form button styles
---------------------------------------- */

a.button1, input.button1, input.button3, a.button2, input.button2 {
	color: #000;
	background-color: #FAFAFA;
	background-image: url("{T_THEME_PATH}/images/bg_button.gif");
}
Der Hover-Effekt entsteht eigentlich nur dadurch, dass die Position des Hintergrundbildes geändert wird.
Das passiert in der forms.css:

Code: Alles auswählen

/* Hover states */
a.button1:hover, input.button1:hover, a.button2:hover, input.button2:hover, input.button3:hover {
	border: 1px solid #BCBCBC;
	background-position: 0 100%;
	color: #BCBCBC;
}
So ist dann der grüne Teil als Hintergrund des Buttons sichtbar.
Am einfachsten wäre es, das Hintergrundbild umzufärben.
Oder du experimentierst nur mit verschiedenen Hintergrundfarben.

Re: Buttons verändern durch eine CSS-Datei

Verfasst: 06.08.2009 22:57
von montagsjunge
Danke für die Antwort. Werde gleich morgen es mal damit versuchen. Wenn nicht klappt melde ich mich noch mal ;)