Login mit Bild

Unten auf Website findet sich normalerweise die Möglichkeit des Logins in dieser Form (wie im roten Kasten): 

Um das jedoch auch noch anders zu gestalten, z.B. mit einem Bild, lädt man sich von einer der Webseiten mit lizenzfreien Bildern (z.B. Pixabay) das gewünschte herunter. Als Beispiel wählte ich dieses: 

Anschließend verkleinert man es auf die gewünschte Größe. Mit dem kostenfreien Online-Programm ( https://www.adobe.com/de/express/feature/image/remove-background/transparent ) Juli 2025 ließ ich die Hintergrundfarbe transparent setzen. Nach dem Download steht dieses Bild in der benötigten Form zur Verfügung. Diese werden im Ordner userfiles/images/ abgespeichert.

Hier die Bilder zu dieser Beschreibung als Muster: Bild von Pixabay | verkleinertes Bild | mit transparentem Hintergrund  

Dann öffnet man im Editor die Datei template.htm und sucht im Bereich des footers (ziemlich weit unten) die: <?=loginlink();?></p>

Diesen Befehl ersetzt man durch den neuen: <?php if (!$adm) echo a($s > -1 ? $s : 0, '&login') . tag("img src=\"{$pth['folder']['images']}wort-login100x100transp.png\" alt=\"{$tx['menu']['login']}\"") . '</a>';?> (nicht fett!) 
In meinem Fall habe ich das Bild entsprechend wort-login100x100transp.png genannt. Und so sieht es unten auf dieser Website aus (bitte runterscrollen).
Ein Klick auf das Bild hat genau diesen gleichen Effekt wie der Klick auf das Wort Login.

Das gilt für alle Seiten, die dieses Template verwenden.

Wenn man aufgrund der vielen Bilder in Ordner ‚userfiles/images’ für spezielle Bilder darin einen weiteren Ordner wählt (z.B. login-bild) dann muss der Aufruf so heißen: <?php if (!$adm) echo a($s > -1 ? $s : 0, '&login') . tag("img src=\"{$pth['folder']['images']}login-bild/wort-login100x100transp.png\" alt=\"{$tx['menu']['login']}\"") . '</a>';?> (nicht fett!).

Es gäbe stattdessen noch die Möglichkeit, diese Bilder im Ordner ‚images’ des genutzten Templates zu speichern. Dann hätte man bei Änderung des Templates zusätzlich zur Änderung des Befehls noch die Aufgabe, das Bild dort hineinzukopieren.
So wie oben beschrieben ist es für mich jedoch praktikabler und mit weniger Arbeitsaufwand verbunden.