Hallo,
habe vor einer Woche eine Internetseite entdeckt, die ein tolles Menü hatte. Sobald man mit der Maus einen Menüpunkt überfahren hatten, wurde eine Beschreibung an einer anderen Stelle sichtbar.
Ich finde diese Seite leider nicht mehr. Der Designer hat das alles alleine mit CSS gemacht.
Wie könnte man das mit Typo3 hinbekommen (mit Title als Titel und Subtitle als Beschreibung)
So ähnlich war das in seinem Menü
<a href="#" class="menu">Title1<span id="SUB">Subtitle1</span></a>
im CSS war dann die ID hidden nur bei hover visible
aber ich bekomm es einfach nicht hin 🙁
ok, bin schon etwas weiter, die Frage ist nur, wie kann ich den Subtitle noch ins <a> Tag vom Title mit einfügen 🙁((
temp.menu_1 = HMENU
temp.menu_1.stdWrap.wrap = <div id="navi">|</div>
temp.menu_1.1 = TMENU
temp.menu_1.1{
noBlur = 1
NO {
linkWrap = |
doNotShowLink = 1
before.cObject = TEXT
before.cObject.field = alias//uid
before.cObject.dataWrap = <a href="index.php?id= |" class="menu_h1">
field = title
after.cObject = TEXT
after.cObject.field = title
after.cObject.wrap = | <span class="showcase1">xxx</span></a><br />
}
Damit kann ich "xxx" hinter jeden Menüpunkt setzen - aber wie kann ich stattdessen den Subtitel anzeigen lassen!?
Die Seite mit dem Menü ist übrigens (kein Typo3):
http://www.netzdesign33.de
NO {
#damit bei mouseover zusätzliche Infos zum Navipunkt angezeigt werden
beforeWrap = |
linkWrap = |
doNotShowLink = 1
wrapItemAndSub = |
before.cObject = TEXT
before.cObject.field = uid
before.cObject.dataWrap = <a class="menu_h1" href="index.php?id=|" title="{field:subtitle}">
after.cObject = TEXT
after.cObject.field = title//subtitle
after.cObject.htmlSpecialChars = 1
after.cObject.wrap = |</a>
...
}
--> Zeile 9
Danke für die Antwort - aber da wird nur der Titel angezeigt, benötige aber
<a href="...">Title<div>SubTitle</div></a>
🙁
ups, Problem falsch verstanden...
Schade hatte schon gewagt zu Hoffen 🙂
ok, ich gebe dir nen Tip, da der Lösungsansatz schon vor deinen Augen und in deinem 3. Post drin steckt
Lösungsansatz:
before.cObject.dataWrap = <a href="index.php?id= |" class="menu_h1">
den musst du dir jetzt nur noch auf dein Problem anwenden... :p und due erhältst
Hoffe, dein problem jetzt verstanden zu haben...
Also das Prob hast du nun verstanden 🙂
Aber ich kann bei cObject einen Dynamischen Text davor und danach erstellen lassen (davor die Page ID und danach den Titel), aber ich müsste noch einen 3. Text erstellen können - nämlich den Subtitel 🙁
hast du schon mal
after.cObject.dataWrap = |<div>{field:subtitle}</div>
probiert?
Juhu, du hast doch einen wichtigen Gedankenanstoß gegeben, mein Kollege hats "schnell" mal entdeckt:
linkWrap = |
doNotShowLink = 1
before.cObject = TEXT
before.cObject.field = alias//uid
before.cObject.dataWrap = <a href="|.0.html" class="menu_h1">
field = title
stdWrap = |
after.cObject = TEXT
after.cObject.field = title
after.cObject.dataWrap = | <span class="showcase">{field:subtitle}</span></a><br>
Jetzt ist das endlich möglich:
<a href..>title<span class=..>subtitle</span></a>
ups, ok, du warst wohl schneller 🙂
Jedenfalls GROSSES DANKESCHÖN
Ergebnis:
http://www.justpowder.de/home1.0.html