Kann mir jemand bitte helfen?
wenigstens ne Idee, wie man folgendes umsetzten kann/könnte
Grafisches Menü mit vorgegebenen Vorlage-Bildern, darauf wird dann Titel der Seite gerendert. (also das wird _nicht_ daneben plaziert)
Beispiel 1: Menü zugeklappt.
(Bild 1) 1 Menü
(Bild 2) 2 Menü
(Bild 3) 3 Menü
(Bild 4) 4 Menü
Beispiel 2: Menü aufgeklappt
(Bild 1) 1 Menü
(Bild 2) ---1.1 Menü
(Bild 3) 2 Menü
(Bild 4) ---2.1 Menü
(Bild 5) ---2.2 Menü
(Bild 6) 3 Menü
(Bild 6) 4 Menü
(Bild 6) ---4.1 Menü
(ab z. B. "Bild 6" bei sechs Menüpunkten ob auf- oder zugeklappt, wird sich "Bild 6" auf alle untere Punkte wiederholt)
Beispiel 3: die Seite "2.2 Menü" wird gelöscht.
(Bild 1) 1 Menü
(Bild 2) ---1.1 Menü
(Bild 3) 2 Menü
(Bild 4) ---2.1 Menü
(Bild 5) 3 Menü
(Bild 6) 4 Menü
Also quasi beim Aufklappen und Zuklappen der Menüs sollen die Bilder automatisch berechnet werden und neu eingelesen werden (Rendering findet ja nur ein mal statt).
Genauso soll es auch beim Löschen oder Erstellen neuer Seiten automatisch berechnet und neu gerendert werden ...und im Cash abgelegt werden.
Versteht ihr was ich meine?
Ist es möglich sowas mit GMENU zu lösen?
Vielleicht mit PHP, aber wie?
Habt ihr Beispiel-Code? Oder wenigsten ein Ansatz?
Ich wäre echt dankbar, daran hängt jetzt komplette Weiter-Entwicklung des Templates. Und ich muss irgendwie weiter kommen 🙁
big THX
webs
Ja, es ist machbar 😃
So ähnlich also es wird Transparent-Fake-Bild Geladen.
Von dem Bild wird aber soviel angezeigt, wieviele Items grade aufgeklappt oder eben zugeklappt sind.
Folgendes im Setup eingetragen:
marks.MENUE2 = HMENU
marks.MENUE2.entryLevel = 1
marks.MENUE2 {
wrap = <div class="submenu">|</div>
1 = TMENU
1 {
wrap = <div class="submenu_bild">|</div>
NO {
ATagParams = class="link2Level"
allWrap = <div class="submenu2level">|</div>
}
ACT < .NO
ACT = 1
ACT.linkWrap = <b>|</b>
}
2 = TMENU
2 {
NO {
ATagParams = class="link3Level"
allWrap = <div class="submenu3level">|</div>
}
ACT < .NO
ACT = 1
ACT.linkWrap = <b>|</b>
}
3 = TMENU
3 {
NO {
ATagParams = class="link4Level"
allWrap = <div class="submenu4level">|</div>
}
ACT < .NO
ACT = 1
ACT.linkWrap = <b>|</b>
}
4 = TMENU
4 {
NO {
ATagParams = class="link4Level"
allWrap = <div class="submenu4level">|</div>
}
ACT < .NO
ACT = 1
ACT.linkWrap = <b>|</b>
}
# 4 < .1
}
Und dann noch entsprechendes CSS-Code:
.submenu {
max-width: 184px;
margin-left: 0px;
margin-top: 0px;
text-decoration: none;
}
.submenu_bild {
max-width: 184px;
margin-left: 0px;
margin-top: 0px;
text-decoration: none;
text-color: #000000;
background-image:url(/quickstart/fileadmin/templates/bg_menue.png);
background-repeat: no-repeat;
}
.submenu2level {
max-width: 184px;
height: 100%;
margin-bottom: 1px;
text-align: right;
padding-right: 10px;
line-height: 19px;
font-size: 12px;
text-decoration: none;
text-color: #000000;
}
.submenu3level {
max-width: 184px;
height: 19px;
margin-bottom: 1px;
text-align: left;
line-height: 19px;
padding-left: 15px;
font-size: 10px;
text-decoration: none;
color: #000000;
}
.submenu4level {
max-width: 184px;
height: 19px;
margin-bottom: 1px;
text-align: left;
line-height: 19px;
padding-left: 30px;
font-size: 9px;
text-decoration: none;
color: #000000;
}
#
#### Submenü-Links
#
# Level 2
a.link2Level {
font-size: 12px;
color: #000000;
text-decoration: none;
font-weight: normal;
}
a.link2Level {
font-size: 12px;
color: #000000;
text-decoration: none;
font-weight: normal;
}
a.link2Level:visited {
font-size: 12px;
color: #000000;
text-decoration: none;
}
a.link2Level:hover {
font-size: 12px;
color: #006C48;
text-decoration: none;
}
a.link2Level:active {
font-size: 12px;
color: #006C48;
text-decoration: none;
}
########## und soweiter...
Falls jemand gleiches Problem hat, die Lösung aber nicht gut findet
guckt euch doch mal im Deutchen-Mailinglisten-Archiv auf typo3.org nach:
http://typo3.org/documentation/mailing-lists/german-user-list-archive/thread/110101178/?tx_maillisttofaq_pi1%5Bsword%5D=roman&tx_maillisttofaq_pi1%5Banswered_only%5D=0&tx_maillisttofaq_pi1%5Bmode%5D=1
Viel Spaß damit!
Roman