Zum Inhalt springen

Menü mit eigenen Bildern

Erstellt am 4. Juni 2006 · 8 Antworten · letzte Antwort am 13. Juli 2006

Tags: Frage

cryptica ·

Hallo,

ich bin noch relativ neu zu Typo3 und arbeite gerade an einem Projekt.

Dazu möchte ich ein Layer-Menü haben (wie GMENU_LAYERS) erstellen, doch sollen die Links zur obersten Ebene aus eigenen Bildern bestehen, die ich in vorher erstellt habe. Die Untermenüs sollen dann Text sein.

Auf http://www.wacken.com/de/woa2006/ und http://www.typo3express.de/ sind solche Menüs zum Beispiel mit Typo3 umgesetzt worden.

Ich habe schon danach gesucht, aber nur Menüs mit dem GIFBUILDER gefunden. Die Bilder für die Menüpunkte sollen aber nicht dynamisch erstellt werden, sondern einfach eingebunden werden (sie haben alle den Seitentitel im Dateinamen). Ich wäre sehr dankbar, wenn jemand eine Idee hat, am Besten mit TypoScript-Quellcode, da ich da noch nicht so erfahren bin.

Gruß

Philipp

WeVo ·

Hallo,

Die Buttons sind nicht statisch sondern auch dynamisch erstellt würde ich sagen (man korrigiere mich wenn ich falsch liege) es schaut eben so aus!
Ich würde es so machen......

1 = GMENU
1.NO = 1 
1.NO {                                                          
       XY = [50.w]+50, 35
       backColor = #FFFFFF
       10 = IMAGE
       10.file = fileadmin/background/button.jpg
       50 = TEXT
       50 {
           text.field = title 
           fontSize = 14
           fontFile = fileadmin/schrift/verdana.ttf
           offset = 26,23
           fontColor = #FFFFFF
          }
      }

Viele Grüße

Markus

cryptica ·

Hallo Markus,

erstmal danke für die Antwort. Es stimmt, die Buttons auf typo3express sind dynamisch, die auf der Wacken-HP aber nicht (da die Dateinamen nicht nur zufällige Zahlen-Buchstabenkombinationen sind).

Die Sache ist ja auch, das ich keine dynamischen Buttons möchte, da ich bei meinen Buttons noch andere Effekte für den Text und den Rollover mit Photoshop hinzufügen kann, was mit dem GIFBUILDER nicht möglich ist.

Ich könnte zwar das gesamte Menü hardcoden, es wäre aber ganz schön, wenn man die Grafiken vorgeben könnte, aber trotzdem noch dynamische Untermenüs hätte.

Grüße

Philipp

WeVo ·

Das kannst Du auch, indem Du dann für RO- oder ACT-Zustand die entsprechende Grafik mit dranlegst. Und schwups hast Du eigentlich das was Du suchst, oder? und es ist nichts hardgecodet denn Du kannst ja auch die "Copy" Funktion nutzen. Und nur den Hintergrund abändern.

Viele Grüße

Markus

cryptica ·

Danke! Hab es jetzt hinbekommen! Ich habe einfach alle Bilder als altImgResource eingetragen. Hier noch einmal mein Code:

temp.menu = HMENU

temp.menu.1 = GMENU
temp.menu.1.NO = 1
temp.menu.1.NO {
	altImgResource = fileadmin/template/images/img_news_0.gif || fileadmin/template/images/img_info_0.gif || fileadmin/template/images/img_media_0.gif || fileadmin/template/images/img_board_0.gif || fileadmin/template/images/img_team_0.gif
}
temp.menu.1.RO = 1
temp.menu.1.RO {
	altImgResource = fileadmin/template/images/img_news_1.gif || fileadmin/template/images/img_info_1.gif || fileadmin/template/images/img_media_1.gif || fileadmin/template/images/img_board_1.gif || fileadmin/template/images/img_team_1.gif
}

Gruß

Philipp

Php_Diver ·

hi,

super, nach soetwas habe ich schon sehr lange gesucht. soweit funktioniert das script bei mir.

nur wie bekomme ich es hin, das er auch nach dem klick auf den button zu meiner seite linkt?

danke

lemats ·

Eine weiter Möglichkeit für eine Navigation mit eigenen (nicht generierten) Bilder wird in der Hilfe von TYPO3 4.0 angerissen. In der Hilfe einer Seite des Typs erweitert bei Dateien steht:

"Oder das Template könnte so programmiert sein, dass die erste Datei ein Symbol ist, das im Menü angezeigt wird. Aber bitte denken Sie daran, dass dies völlig von der Programmierung des Templates abhängig ist."

Das wäre eigentlich eine gute Lösung. Nur leider habe ich keine Ahnung wie die Realisierung dafür aussehen würde.

Weiss da wer weiter?

d.​walter ·

Naja, dass wäre auch mein Vorschlag gewesen.

Du baust dein GMENU mit einem Default-Bild, dass er nimmt, sofern nicht bei den Seiteneigenschaften eine entsprechende Datei hinterlegt ist.

Hat den Vorteil, er nimmt automatisch das Default, du kannst Ihm aber auch für eine einzelne Seite ein anderes zuweisen ohne den Code ändern zu müssen und alles bleibt dynamisch.

Wie man das einbindet?!? - Dafür gibt es hier eigentlich genügend Code-Beispiele.

Such doch einfach mal nach "dynamischer Header" oder so. Der Ansatz sollte der gleiche sein.

Gruß

Daniel

lemats ·

Hier noch die Lösung eines TMENUs mit Bildern, die der entsprechenden Page zugewiesen werden. Ist kein Bild vorhanden, wird Text ausgegeben.

    1 = TMENU
    1 {
      wrap = <ul>|</ul>

      NO = 1
      NO {
        stdWrap.wrap = <span>|</span>
        ATagTitle.field= abstract // description // title
        wrapItemAndSub = <li>|</li>|
        
        before.cObject = IMAGE
        before.cObject { 
          file.import.field = media
          file.import = uploads/media/
          file.import.data = levelmedia: -1, slide
          file.import.listNum = 0
          alttext = TEXT
          alttext.field = subtitle//title
          stdWrap.typolink.parameter.field = uid     
        }
        doNotShowLink = 1
        doNotLinkIt = 1
      }
    }
}

Falls jemand noch Optimierungen erkennt: bitte melden!