Login Schaltfläche durch klickbare Grafik ersetzen

[DemonExorciser]

Ich möchte gerne die Normale Login Button durch eine Grafik ersetzen über die man sich dann Einloggen kann also:
[ externes Bild ] zu [ externes Bild ]
Danke für die antwort im voraus

[Leuchte]

Als Beispiel der Login-Button der templates/xxx/login_body.tpl
Für andere Dateien, wo das Loginfeld vorkommt (bspw. index-body.tpl) ist der Vorgang ähnlich/der gleiche.
login_body.tpl Finde

Code: Alles auswählen

<input type="submit" name="login" class="mainoption" value="{L_LOGIN}" />

Ersetze mit

Code: Alles auswählen

<input type="image" src="http://link.de/bild.gif" name="login" />

[DemonExorciser]

Ich kann mich mit den neuen Button nicht einloggen, schätze das die Benutzername und passwort nicht gesendet werden

[Leuchte]

name="login" hast du auch nicht vergessen?

[DemonExorciser]

Nein Alles Richtig

Code: Alles auswählen

<div id="Layer3" style="position:absolute; width:247px; height:257px; z-index:1; left: 393px; top: 190px; background-image: url(templates/wowHorde/images/login-bg.gif); layer-background-image: url(templates/wowHorde/images/login-bg.gif); border: 1px none #000000;">
				  <form action="{S_LOGIN_ACTION}" method="post" target="_top">
                    <div align="left"><img src="templates/wowHorde/images/login-top.gif" width="225" height="18">                    
                      <form action="{S_LOGIN_ACTION}" method="post" target="_top">
                        <table width="100%" cellspacing="2" cellpadding="2" border="0" align="center">
                          <tr>
                            <td align="left" class="nav"><a href="{U_INDEX}" class="nav">{L_INDEX}</a></td>
                          </tr>
                        </table>
                        <table width="100%" cellpadding="4" cellspacing="1" border="0" class="forumline" align="center">
                          <tr>
                            <th height="25" class="thHead" nowrap>{L_ENTER_PASSWORD}</th>
                          </tr>
                          <tr>
                            <td class="row1"><table border="0" cellpadding="3" cellspacing="1" width="100%">
                                <tr>
                                  <td colspan="2" align="center">&nbsp;</td>
                                </tr>
                                <tr>
                                  <td width="45%" align="right"><span class="gen"><img src="templates/wowHorde/images/account.gif" width="53" height="14"></span></td>
                                  <td><input class="post" type="text" name="username" size="25" maxlength="40" value="{USERNAME}" /></td>
                                </tr>
                                <tr>
                                  <td align="right"><span class="gen"><img src="templates/wowHorde/images/password.gif" width="69" height="14"></span></td>
                                  <td><input class="post" type="password" name="password" size="25" maxlength="32" /></td>
                                </tr>
                                <tr align="center">
                                  <td colspan="2"><span class="gen">{L_AUTO_LOGIN}:
                                        <input type="checkbox" name="autologin" />
                                  </span></td>
                                </tr>
                                <tr align="center">
                                  <td colspan="2">{S_HIDDEN_FIELDS}
                                       
									  <input type="image" src="templates/wowHorde/images/login-bot-login.gif" name="login" />                         </a></td>
                                </tr>
                                <tr align="center">
                                  <td colspan="2"><span class="gensmall"><a href="{U_SEND_PASSWORD}" class="gensmall">{L_SEND_PASSWORD}</a></span></td>
                                </tr>
                            </table></td>
                          </tr>
                        </table>
                      </form>
                    </div>

[roum]

Ich denke du mußt den Wert auch mit übergeben.

Code: Alles auswählen

<input type="image" src="http://link.de/bild.gif" name="login" value="{L_LOGIN}" />

[DemonExorciser]

Das Zeigt es mir an wenn ich denn Normalen Login Button benutze und Kein Passwort oder Username eingebe

Code: Alles auswählen

Du hast einen falschen oder inaktiven Benutzernamen oder ein falsches Passwort eingegeben.

Hier klicken, um es noch einmal zu versuchen

Klick hier um zum Index zurückzukehren 

Und wenn ich den neuen Button benutze Passwort und acount eingebe oder auch nicht wird mir direkt dies hier angezeigt:

Code: Alles auswählen

Gib bitte deinen Benutzernamen und dein Passwort ein, um dich einzuloggen! 
  
Benutzername:   
Passwort:   
Bei jedem Besuch automatisch einloggen:  
  
Ich habe mein Passwort vergessen! 
 

Wie es scheint wird also nur auf die Einlog seite verknüpft ohne irgendeine überprüfung der weil sonst würde ja mitgeteilt werden das die anmelde Daten falsch sind.

[DemonExorciser]

kann mir jemand einen abgeänderten funkitonierenden quellcode geben in dem das erfolgreich umgesetzt ist, also einloggen mittels eines grafischen buttons?

[Doc Lecter]

Code: Alles auswählen

		<!-- BEGIN switch_user_logged_in -->
		<td><a title="{L_LOGIN_LOGOUT}" href="{U_LOGIN_LOGOUT}" onmouseover="changeImages('btn_top_logout', '{T_TEMPLATE_PATH}/images/lang_{LANG}/btn_logout_on.gif'); return true;" onmouseout="changeImages('btn_top_logout', '{T_TEMPLATE_PATH}/images/lang_{LANG}/btn_logout.gif'); return true;"><img name="btn_top_logout" src="{T_TEMPLATE_PATH}/images/lang_{LANG}/btn_logout.gif" height="20" border="0" alt="{L_LOGIN_LOGOUT}" /></a></td>
		<!-- END switch_user_logged_in -->

Diesen Code kannst du benutzen wenn du mit Mouseover arbeiten willst. Wenn nicht, musst du ihn dementsprechend abändern. Musst du ja sowieso

[DemonExorciser]

hhmm dieser quellcode funktioniert nicht