Seite 1 von 1
Grafische Buttons anstatt normale
Verfasst: 15.06.2007 11:11
von 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-
Verfasst: 15.06.2007 16:34
von 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
MfG furrer-bini
Verfasst: 18.06.2007 09:47
von 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?
Verfasst: 09.07.2007 09:30
von Severin-666-
Kann mir den niemand helfen?
Wäre wirklich sehr wichtig!
gruß
Severin-666-
Verfasst: 10.07.2007 10:41
von 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-
Verfasst: 10.07.2007 11:00
von 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.
Verfasst: 10.07.2007 11:26
von 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.
