Hallo
ich bin gerade dabei ein CSS Template auf Typo3 umzusetzen und stehe bei einem Menü vor Problemen.
Zuerst einmal der Code ohne Typo3 (so sollte er sein):
<div class="clearfloat">
<div class="info"><a href="http://www.domain.de/" class="title">Typo3 Title</a>
<p> Typo3 Subtitle</p>
</div>
</div>
Hier der Code im Typo3:
<div class="clearfloat">
<a href="index.php?id=43" onfocus="blurLink(this);"><div class="info title">Typo3 Title</div><p>Typo3 Subtitle</p></a>
</div>
Und hier mein TypoScript:
KMENU_MAIN = HMENU
KMENU_MAIN{
special = directory
special.value = 39
1 = TMENU
1.wrap = <div class="clearfloat"> | </div>
1{
expAll = 1
NO{
stdWrap.cObject = COA
stdWrap.cObject {
10 = TEXT
10.field = title
10.wrap = <div class="info title"> | </div>
20 = TEXT
20.field = subtitle
20.wrap = <p> | </p>
}
}
}
2 < .1
Ich bekomm es irgendwie nicht gebacken, dass Typo3 den A-Tag zum richtigen Zeit schließt und die Classes richtig verwendet.
Kann mir dazu jemand was sagen bzw einen Tipp geben?
Gruß Leibnitz
Sieht komisch aus was du da machst...
bevor es zu kompliziert wird würde ich immer erstmal das Einfachste versuchen:
KMENU_MAIN = HMENU
KMENU_MAIN {
special = directory
special.value = 39
1 = TMENU
1 {
expAll = 1
wrap = <div class="clearfloat">|</div>
NO = 1
NO {
linkWrap = <div class="info">|
ATagParams = class="title"
after {
wrap = <p>|</p></div>
field = subtitle
}
}
}
2 < .1
}
Hi
danke, hat super geklappt.
Jetzt hätt ich allerdings nochmal eine Frage,
ich hab das selbe Menü (zumindest der Aufbau) nochmal wo anders allerdings soll dort noch ein Image mit der class="left" davor.
Dachte mir das jetzt so, dass man bei den Seiteneigentschaften über folgenden Code
altImgResource.import = uploads/media/
altImgResource.import.field = media
altImgResource.import.listNum = 0
das Bild hinzufügt.
Hab das ganze jetzt mal als GMENU verwendet und den Code hinzugefügt.
KMENU_INDI = HMENU
KMENU_INDI {
special = directory
special.value = 39
1 = GMENU
1 {
expAll = 1
wrap = <div class="clearfloat">|</div>
NO = 1
NO {
altImgResource.import = uploads/media/
altImgResource.import.field = media
altImgResource.import.listNum = 0
linkWrap = <div class="info">|
ATagParams = class="title"
after {
wrap = <p>|</p></div>
field = subtitle
}
}
}
2 < .1
}
Leider funktioniert das nicht so, vorallem weiß ich nicht wie ich dem Bild die class="links" zuweise.
Hab mir jetzt schon die Finger wund gegoogelt. Vllt könnt ihr mir nochmal helfen.
Gruß Leibnitz
Und wegen dem Bild davor nimmst du ein GMENU?
Warum nicht mit einem TMENU und beforeImg?
Oder Warum nicht als TMENU und dann in eine ul-Liste wie es eigentlich auch soweiso sein sollte. Das Bild legst du dann als background-image in deinem a tag ab. Dadurch bekommst du dann auch schöne rollover-Effekte
hmm stimmt hast du eigentlich recht.
wie bekomm ich dann das beforimg aus dem Mediafield?
before.cObject = IMAGE
before.cObject {
file.import.field = media
file.import = uploads/media/
file.import.listNum = 1
}
??
Tja gute Frage, hab ich auch noch nicht gemacht...
Also erstmal ist aber before und beforeImg etwas anderes... Siehe hier:
https://docs.typo3.org/m/typo3/reference-typoscript/main/en-us/ContentObjects/Hmenu/Tmenu/Tmenuitem.html
Ansonsten wenn du before nutzen willst, dann vielleicht so
before.cObject = COA
before.cObject {
10 = IMAGE
10 {
file.import.field = media
file.import = uploads/media/
file.import.listNum = 1
}
}
Hab mir das jetzt mal angeschaut mit before & beforeImg.
Leider klappts irgendwie nicht, außerdem hat ja jeder Menüpunkt ein eigenes Bild dazu.
EDIT
Habs gerade rausgefunden, so funktioniert es:
beforeImgLink = 1
beforeImg = imgResource
beforeImg {
import = uploads/media/
import.field = media
import.listNum = 0
}
jetzt muss ich nur noch die classe hinbekommen weil jetzt sind die bilder noch nicht da wo sie sein sollen :-)
Gruß leib
dann mach dir das Leben doch nicht so schwer...
Das Bild befindet sich doch mit in dem Menüaufbau, oder? Und wahrscheinlich dann auch in der Class <div class="info">
Also schreibst du in deinem CSS div.info img { deineDefinitionen; }
Dann kannst du auf die Class in dem img-tag verzichten
Ansonsten sind hier dein Möglichkeiten:
https://docs.typo3.org/m/typo3/reference-typoscript/main/en-us/Functions/Imgresource.html
SLAng schrieb
Sieht komisch aus was du da machst...
bevor es zu kompliziert wird würde ich immer erstmal das Einfachste versuchen:
KMENU_MAIN = HMENU
KMENU_MAIN {
special = directory
special.value = 39
1 = TMENU
1 {
expAll = 1
wrap = <div class="clearfloat">|</div>
NO = 1
NO {
linkWrap = <div class="info">|
ATagParams = class="title"
after {
wrap = <p>|</p></div>
field = subtitle
}
}
}
2 < .1
}
Wie mach ich denn das, dass der Subtitle nicht nach dem div kommt, sondern dort mit drin angezeigt wird?
mfG
Hab daran gedacht:
lib.navi = HMENU
lib.navi {
entryLevel = 0
1 = TMENU
1 {
expAll = 1
wrap = <div class="hlist"><ul>|</ul></div>
NO{
1.NO.stdWrap.cObject = COA
1.NO.stdWrap.cObject {
wrap = <li id="first">|</li>|*|<li>|</li>|*|<li>|</li>
10 = TEXT
10.field = title
20 = TEXT
20.field=subtitle
20.wrap =<a><span>|</span></a>
}
}
}
}
Aber es funkioniert nicht.