Grafische Buttons anstatt normale

[Severin-666-]

Hallo!

Ich habe ein Problem mit den Buttons in den Templatedateien.
Bin mir nicht sicher ob das überhaupt machbar ist, aber ich würde gerne die normalen Buttons z.B. Vorschau und Absenden durch Grafiken ersetzen.
Habe das ganze mal in der confirm_body.tpl versucht. Jedoch bleibe ich dann immer wieder beim Klick auf den Button auf der selben Seite hängen.

Ich stelle mir das in etwa so vor:

Klick mich

Hab schon mehrfach danach gesucht, habe hier aber keine entsprechenden Themen gefunden. Ist das ganze so machbar oder sollte ich es beim alten belassen?

Danke schonmal

Gruß
Severin-666-

[furrer-bini]

Code: Alles auswählen

<form id="form1" name="form1" method="post" action="">
<input type="submit" name="Submit" value="Senden" background="url_zum_gewünschten_button_bg"/>
</form>

hier ein Beispielbutton, nur das "url_zum_gewünschten_button_bg" ersetzten, bzw. in der confirm_body.tpl in jeden Buttoncode foldendes zusätzlich einfügen

Code: Alles auswählen

background="url_zum_gewünschten_button_bg"

MfG furrer-bini

[Severin-666-]

Hab das jetzt mal ausprobiert.

Es zeigt sich keine Veränderung. Hab den Pfad richtig eingegeben.

Gibt es denn nicht noch eine andere Möglichkeit?

[Severin-666-]

Kann mir den niemand helfen?

Wäre wirklich sehr wichtig!

gruß
Severin-666-

[Severin-666-]

Ich will ja nicht andauernd das Thema hier nach oben schieben, aber hat denn niemand Rat für mich?

Es ist wirklich dringend.

grüße
Severin-666-

[Dr.Death]

Ich hab es mal mit CSS gelöst.

Code: Alles auswählen

<input type="submit" name="dein_button_name" value="dein_button_wert" id="button_grafik">

in Deiner css Datei muss dann natürlich noch folgendes rein: ( evtl. anpassen )

Code: Alles auswählen

#button_grafik {
	float: left;
	display: block;
	background: url(./relativer_pfad_zur_grafik/button_grafik.jpg) no-repeat 0% 0%;
	padding: 0 0 0 6px;
	color: #536482;
	white-space: nowrap;
	border:0px;
	font-size: 12px;
}

Hinweis:

relativer_pfad_zur_grafik und button_grafik.jpg muss natürlich angepasst werden.
Ebenso die Input Werte vom Input Schalter.

[Severin-666-]

Das funktioniert, vielen Dank!

Auch wenn ich nicht die vorgefertigten Buttongrafiken verwenden kann. Hatte nämlich die Grafiken direkt beschriftet. So muss ich noch die größe anpassen und ne leere Grafik nehmen.

Schade das es anders nicht funktioniert. Oder etwa doch?

Bin aber vorerst mit dieser Lösung zufrieden.