Seite 1 von 2

Grafik-Buttons anstatt Text-Menü

Verfasst: 27.01.2006 20:49
von 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

Verfasst: 27.01.2006 21:11
von 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

Verfasst: 27.01.2006 21:31
von Jadoo
Hallo miccom und danke für deine Antwort.

Bis dahin bin ich ja schon :grin: 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.

Verfasst: 27.01.2006 21:49
von 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.

Verfasst: 27.01.2006 22:04
von Jadoo
@ miccom

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

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 ?

Verfasst: 27.01.2006 22:22
von miccom
schau dir doch einfach mal alle bilder namens "icon_xyz.gif" an und ersetze sie durch deine varianten.

Verfasst: 27.01.2006 22:40
von Jadoo
Das nützt mir auch nichts...

Verfasst: 27.01.2006 22:45
von miccom

Verfasst: 27.01.2006 22:51
von 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.

???

Verfasst: 28.01.2006 00:27
von miccom
du kannst ja mal anfangen die image raufzuladen, dann entfernst du den text wie ich es oben beschrieben habe und fertigt ist es.