Hallo,
ich weiss nicht, ob dieses thema hier schon mehrmalsangesprochen wurde, da ich bisher nix gefunden hab, aber ich habe folgendes Problem: Ich möchte ein Horizontales Navigationsmenü(direkt unter dem Header), wobei ich die Seitentitel nicht direkt übrnehmen möchte sondern eigene Buttons nehmen:
<div id="header_nav">
<div class="header_menu">
<a href="link.html"><img src="image.jpg"></a></div>
</div>
So würde zB ein Button im Headermenu aussehen.
Dann möchte ich die zweite Hierarchieebene links als Vertikalmenü darstellen. Hier darf der echte Seitentitel rein.
<div id="navigation">
<a href="link2" class="menu">Seite 2</a>
</div>
So würde dieser Menüpunkt in HTML aussehen.Mein Problem liegt nun an der Umsetzung mittels TypoScript. Ich sitze hier schon den ganzen Tag und bin langsam am verzweifeln, weil ich es einfach nicht schaffe, die Buttons vom Headermenü vernünftig einzubinden, weil zu jedem Menüeintrag ein anderes Buttonsymbol existieren soll.
Helft mir bitte!
mit beforeImg kannst Du individuelle Bilder vor jeden Menüeintrag legen. DoNotShowLink entfernt den Linktext.
Viele Grüße
Niki
oh danke, das mit dem Link wegblenden hab ich gesucht 🙂
Hallo,
habe es nun ausprobiert und wie vermutet sind jetzt die Buttons ohne link, da ich den link ja nicht mehr anzeigen lasse.
Ist es irgendwie möglich, ein Buttonbild(alle unterschiedlich) auch noch jeweils mit einem unterschiedlichen A-Tag, zu umschließen? Dieser A-Tag enthält einen mouseover-Aufruf.
Also bisher sieht mein Script so aus:
temp.menu_1 = HMENU
temp.menu_1.special = list
temp.menu_1.special.value = 8,1,9,10
temp.menu_1.1 = TMENU
temp.menu_1.1 {
wrap = <div id="header_nav"> | </div>
NO {
doNotShowLink=1
before =
beforeImg = fileadmin/template/main/images/iback1.gif || fileadmin/template/main/images/iback2.gif || fileadmin/template/main/images/iback3.gif || fileadmin/template/main/images/iback4.gif
allWrap = <div class="header_menu"> | </div>
}
}
Nun möchte ich halt noch, jedes Bildchen mit einem idividuellen A-Tag umschliessen mit id, mousover usw. drin, geht das irgendwie?
Danke vielmals!
ist es denn irgendwie möglich ein image vor den Linktext reinzukriegen, so dass aber auch das image im a-Tag liegt?
Danke!
würde mich auch mal interessieren...
es ist möglich vor und hinter dem link ein bild einzufügen aber nicht im <a>-Tag
kann man evtl. den link auseinandernehmen wenn man mit Templavoila das template erstellt hat?