Grafik-Buttons anstatt Text-Menü

[Jadoo]

Hallo zusammen und ein schönes Wochenende!

habe bis jetzt immer alle Antworten auf meine Fragen über die Suche finden können, leider für die Folgendes nicht:

Ich möchte gerne anstatt Text "Grafikbuttons" einsetzen für die Menüleiste oben.

Für private Nachrichten und Login/Logout wäre das allerdings ein Problem, weil diese Links sich ja verändern.

Beispiel beim Text:

Ausgeloggt = Einloggen, um private Nachrichten zu lesen.
Eingeloggt = Du hast keine neuen Nachrichten

Ausgeloggt = Login
Eingeloggt = Logout (Username)

Ist es möglich, für die verschiedenen Texte verschiedene Grafiken einzusetzen? Wenn ja wie und wo?

Hier mal ein grobes Beispiel, wie es aussehen könnte:

[ externes Bild ]

und:

[ externes Bild ]

Vielen Dank im Voraus und einen schönen Abend noch
Gruß, Jadoo

[miccom]

du ladest dir die bilder in deinen images ordner der sich in deinem template ordner befindet. anschliessend gehst du in deine overall_header.tpl und fügst statt des textes img-tags ein.

falls du damit nicht zurecht kommst, poste die links der grafiken sowie einen link zu deiner overall_header.tpl

[Jadoo]

Hallo miccom und danke für deine Antwort.

Bis dahin bin ich ja schon schau mal:

Code: Alles auswählen

<span class="mainmenu">&nbsp;<a href="{U_FAQ}" class="mainmenu"><img src="templates/Jadoo/images/icon_mini_faq.gif" width="12" height="13" border="0" alt="{L_FAQ}" hspace="3" />{L_FAQ}</a></span>

Obiger Code ist einer davon in der overall_header.tpl so wie er vorher ist.

Wenn ich die Grafiknamen unverändert lasse und sie nur mit den neuen austausche, dann kann ich folgendes machen:

Code: Alles auswählen

<span class="mainmenu">&nbsp;<a href="{U_FAQ}" class="mainmenu"><img src="templates/Jadoo/images/icon_mini_faq.gif" width="12" height="13" border="0" alt="{L_FAQ}" hspace="3" /></a></span>

Nämlich einfach nur den Text der vor dem </a> steht entfernen.

Allerdings bringt mir das für mein Vorhaben nicht viel, da die Grafiken sich ja dann hinterher nicht verändern.

So würde bei jedem der eingeloggt ist, zB bei Login, weiterhin stehen "LOGIN" (siehe Testbild 1) anstatt "LOGOUT" (siehe Testbild 2), weil die Grafik sich ja nicht geändert hat.

[miccom]

du musst das daraus machen:

Code: Alles auswählen

<span class="mainmenu">&nbsp;<a href="{U_FAQ}" class="mainmenu"><img src="templates/Jadoo/images/icon_mini_faq.gif" border="0" alt="{L_FAQ}" hspace="3" /></a></span>

und das bild icon_mini_faq.gif ersetzt du durch dein bild.

[Jadoo]

@ miccom

Das ist doch dasselbe ... du hast nur "width" und "hight" entfernt

Das weiß ich doch schon und ich habs auch getestet. Allerdings bleibt da immernoch die Frage offen:

Wie bekomme ich für denselben Link ein zweites Bild?

Ich hab zB hier in diesem Style:

http://www.phpbb.de/styles/demo.php?s=26

gesehen, dass es funktioniert. Nur weiß ich nicht, wie ich es so hinbekommen, dass nach dem einloggen eine andere Grafik erscheint.

Nehmen wir mal als Beispiel "Login".

Wenn du auf den oben genannten Link gehst, was siehst du da? Ganz rechts Logout oder ? Klick mal da drauf. Steht dann danach nicht Login?

Also was muss ich da genau wo einfügen, damit nach dem Einloggen sich auch die passende Grafik ändert ?

[miccom]

schau dir doch einfach mal alle bilder namens "icon_xyz.gif" an und ersetze sie durch deine varianten.

[Jadoo]

Das nützt mir auch nichts...

[miccom]

ist das dein forum?:
http://jadoo.ja.funpic.de/phpBB2/index.php

[Jadoo]

Ja das ist es. Aber da ist es noch nicht umgeändert. Ich wollte den Code vorher testen bevor ich ihn in die overall_header hochlade.

???

[miccom]

du kannst ja mal anfangen die image raufzuladen, dann entfernst du den text wie ich es oben beschrieben habe und fertigt ist es.