Trennzeichen zwischen einzelne Menüpunkte einfügen

madmongo · #1 04.07.05, 10:04

Hallo Leute,

ich würder gerne ein Menu realisieren, das Trennzeichen | zwischen | den | einzelnen | Menüpunkten | verwendet.

Leider kann ich dies nicht per css angeben , da sonst am Ende des Menüs auch ein Trenn zeichen eigefügt wird. Kann ich irgendwie per Typoscript was machen?
Hier mein Menü als Typoscript:

Code:

 subparts.nav = HMENU
 subparts.nav.1 = TMENU
 subparts.nav.1 {
   expAll = 1
   wrap =  &lt;ul>|&lt;/ul>

   NO {
     beforeWrap =  &lt;li >| || &lt;li >| || &lt;li >| ||&lt;li >| || &lt;li >| || &lt;li >|
     linkWrap = |
     doNotShowLink = 1
     before.cObject = TEXT
     before.cObject.field = uid
    #before.cObject.dataWrap = &lt;a href="index.php?id=|" accesskey="{field:tx_govaccessibility_accesskey}"  title="{field:title}{field:subtitle}">
    before.cObject.dataWrap = &lt;a href="{field:title}.|.0.html" accesskey="{field:tx_govaccessibility_accesskey}"  title="{field:title}{field:subtitle}{field:tx_govaccessibility_accesskey}">
     after.cObject = TEXT
     after.cObject.field = title//nav_title
     after.cObject.htmlSpecialChars = 1
     after.cObject.wrap = | &lt;/a>
    wrapItemAndSub = |&lt;/li> || |&lt;/li> || |&lt;/li>|||&lt;/li> || |&lt;/li> || |&lt;/li>
   }
  
ACT > .NO
ACT = 1
ACT {
beforeWrap = &lt;li id="act">| || &lt;li id="act">| || &lt;li id="act">| ||&lt;li id="act">| || &lt;li id="act">| || &lt;li id="act">|
wrapItemAndSub = |&lt;/li> || |&lt;/li> || |&lt;/li>|| |&lt;/li> || |&lt;/li> || |&lt;/li>
}

}

Gruß und danke an alle

Tom

M8TRIX · #2 04.07.05, 10:40

Optionsplit ist das was du suchst...

http://typo3.org/documentation/docum...ash=6604390b37

und

http://typo3.org/documentation/docum...ash=745a52c8c9

bei mir sieht das dann so aus:

setup:

Code:

#########
# Ebene 1
#########
temp.nav_main = HMENU

temp.nav_main.1 = TMENU
temp.nav_main.1.NO.ATagParams = class="navmain"
temp.nav_main.1.NO.before = 
temp.nav_main.1.NO.after = &lt;font color="#663300">|&lt;/font>|*| &lt;font color="#663300">|&lt;/font>|*|

Zu sehen ist das dann hier:

http://www.acoreus.de

hoffe ich konnte Dir etwas helfen

liebe grüße

sandra

madmongo · #3 04.07.05, 11:56

Hi Sandra,

vielen Dank für Deine schnelle Antwort.
Irgendwie raff ich es aber nicht so ganz (Newbie).

wenn ich nach folgendem Schema vorgehe dann funktioniert es einwandfrei, aller dings brauche ich klassen zur unterscheidung von aktiven und inaktiven menüpunkten.

http://82.165.8.199/typo3cms/exotec-...dex.php?id=182

Wie kann ich das in mein bereits bestehendes Typoscript einbauen ??

)

Liebe Grüße und nochmals vielen Dank

Tom
[/url]

M8TRIX · #4 04.07.05, 12:19

Meinst Du die css Klassen?

madmongo · #5 04.07.05, 12:56

Ja, aber die css-geschichte ist hinfällig, da ich ja mittels css nicht unterscheiden kann welcher Menüpunkt gerade aufgerufen ist

:sad:

Gruß

Tom

M8TRIX · #6 04.07.05, 13:26

hm.... aber mit dieser Variante kann man doch wunderbar den Menu Ebenen und den Beiden Zuständen: NO und ACT ein jeweiligen Style zuweisen und den wiederum kann man doch wunderbar mit css definieren:

Hier noch einmal der etwas ausführliche Code mit der 1 Ebene und den Zuständen : NO=Normal und Act=aktiver Link

setup:

Code:

#########
# Ebene 1
#########
temp.nav_main = HMENU

temp.nav_main.1 = TMENU
temp.nav_main.1.NO.ATagParams = class="navmain"
temp.nav_main.1.NO.before = 
temp.nav_main.1.NO.after = &lt;font color="#663300">|&lt;/font>|*| &lt;font color="#663300">|&lt;/font>|*|


temp.nav_main.1.ACT &lt; temp.nav_main.1.NO
temp.nav_main.1.ACT = 1
temp.nav_main.1.ACT.ATagParams = class="navmain2"

das CSS zur 1 Ebene sieht so aus:

Code:

/*****************************/
/* Menu 1 Ebene Zustand normal*/
/*****************************/

a.navmain:link { 
	text-decoration: none;  
	color:#663300; 
	font-weight: normal; 
	font-size: 11px; 
} 
 
a.navmain:visited { 
	text-decoration: none;  
	color:#663300; 
	font-weight: normal; 
	font-size: 11px; 
} 
 
a.navmain:hover { 
	text-decoration: none;  
	color:#663300; 
	font-weight: normal; 
	font-size: 11px; 
} 
 
a.navmain:active { 
	text-decoration: none;  
	color:#663300; 
	font-weight: normal; 
	font-size: 11px; 
} 


/*****************************/
/* Menu 1 Ebene Zustand aktivl*/
/*****************************/
a.navmain2:link { 
	text-decoration: none;  
	color:#663300; 
	font-weight: bold; 
	font-size: 11px; 
} 
 
a.navmain2:visited { 
	text-decoration: none;  
	color:#663300; 
	font-weight: bold; 
	font-size: 11px; 
} 
 
a.navmain2:hover { 
	text-decoration: none;  
	color:#663300; 
	font-weight: bold; 
	font-size: 11px; 
} 
 
a.navmain2:active { 
	text-decoration: none;  
	color:#663300; 
	font-weight: bold; 
	font-size: 11px; 
}

und der 2 Ebene mit den Zuständen: NO=Normal und Act=aktiv

Code:

#########
# Ebene 2
#########
temp.contentleft = HMENU
temp.contentleft.entryLevel = 1
temp.contentleft.1 = TMENU
temp.contentleft.1.NO.ATagParams = class="nav"
temp.contentleft.1.NO.before = &lt;div class="box33">
temp.contentleft.1.NO.after = &lt;/div>

temp.contentleft.1.ACT &lt; temp.contentleft.1.NO
temp.contentleft.1.ACT = 1
temp.contentleft.1.ACT.ATagParams = class="nav2"

Die css Datei dazu:

Code:

/*****************************/
/* Menu 2 Ebene Zustand normal /*/
/*****************************/

a.nav:link { 
	padding-left: 18px;
	text-decoration: none;  
	color:#663300; 
	font-weight: normal; 
	font-size: 11px; 
	background-image: url(images/pfeile.gif);
	background-repeat: no-repeat;
	display: block;
} 
 
a.nav:visited { 
	padding-left: 18px;
	text-decoration: none;  
	color:#663300; 
	font-weight: normal; 
	font-size: 11px; 
	background-image: url(images/pfeile.gif);
	background-repeat: no-repeat;
	display: block;
} 
 
a.nav:hover {
	padding-left: 18px; 
	text-decoration: none;  
	color:#990033; 
	font-weight: normal; 
	font-size: 11px; 
	background-image: url(images/pfeile2.gif);
	background-repeat: no-repeat;
	display: block;
} 
 
a.nav:active { 
	padding-left: 18px;
	text-decoration: none;  
	color:#990033; 
	font-weight: normal; 
	font-size: 11px; 
	background-image: url(images/pfeile.gif);
	background-repeat: no-repeat;
	display: block;
} 


/*****************************/
/* Menu 2 Ebene Zustand aktivl*/
/*****************************/

a.nav2:link { 
	padding-left: 18px;
	text-decoration: none;  
	color: #990033; 
	font-weight: bold; 
	font-size: 11px; 
	background-image: url(images/pfeile2.gif);
	background-repeat: no-repeat;
	display: block;
} 

a.nav2:visited { 
	padding-left: 18px;
	text-decoration: none;  
	color: #990033; 
	font-weight: bold; 
	font-size: 11px; 
	background-image: url(images/pfeile2.gif);
	background-repeat: no-repeat;
	display: block;
}

a.nav2:hover { 
	padding-left: 18px;
	text-decoration: none;  
	color: #990033; 
	font-weight: bold; 
	font-size: 11px; 
	background-image: url(images/pfeile2.gif);
	background-repeat: no-repeat;
	display: block;
}

a.nav2:active { 
	padding-left: 18px;
	text-decoration: none;  
	color: #990033; 
	font-weight: bold; 
	font-size: 11px; 
	background-image: url(images/pfeile2.gif);
	background-repeat: no-repeat;
	display: block;
}

dem Hauttemplate noch zugewiesen:

Code:

temp.mainTemplate = TEMPLATE
temp.mainTemplate {
template = FILE
template.file = fileadmin/templates/html/index1.html
workOnSubpart = DOCUMENT_BODY
subparts.CONTENT &lt; styles.content.get
subparts.NAVMAIN &lt; temp.nav_main
subparts.CONTENTLEFT &lt; temp.contentleft
}

lg sandra

_o3_ · #7 04.07.05, 14:32

@m8trix
ne frage zu optionsplit.
z.b.

Code:

&lt;li>|&lt;/li> |*| &lt;li>|&lt;/li> |*| &lt;li>|&lt;/li> &lt;li>&lt;/li>

leider wird, sobald ich den letzten menupunkt aktiviere das zusätzliche <li></li> terminiert...

vielleicht hast du ja ne idee?=

M8TRIX · #8 05.07.05, 09:26

Ich hab keine Ahnung warum das passiert... :sad:

madmongo · #9 05.07.05, 10:09

Moinmoin,

als o ich hab jetzt die ultimative Lösung:

Code:


 subparts.nav = HMENU
 subparts.nav.1 = TMENU


 subparts.nav = HMENU
 subparts.nav.1 = TMENU
 subparts.nav.1.wrap = &lt;ul>|&lt;/ul>
 subparts.nav.1 {
NO =1
  NO.linkWrap = |||*| |||*| |
NO{
     beforeWrap = &lt;li >| || &lt;li>| || &lt;li>| ||&lt;li >| || &lt;li>| || &lt;li>|
     wrapItemAndSub = |&lt;/li> || |&lt;/li> || |&lt;/li>|| |&lt;/li> || |&lt;/li> || |&lt;/li>
}
ACT > .NO
ACT = 1
ACT {
linkWrap = |||*| |||*| |
     beforeWrap = &lt;li id="act">| || &lt;li id="act">| || &lt;li id="act">| ||&lt;li id="act">| || &lt;li id="act">| || &lt;li id="act">|
     wrapItemAndSub = |&lt;/li> || |&lt;/li> || |&lt;/li>|| |&lt;/li> || |&lt;/li> || |&lt;/li>
}
}

Eigentlich easy, wenn man mal durchgeblickt hat was wo stehen muss

Vielen Dank für Deinen Script und einen angenehmen Dienstag

Gruß

Tom

_o3_ · #10 05.07.05, 11:43

@m8trix
schade eigentlich..
vielleicht jmd. ne ahnung? wieso beim aktiven letzten menupunkt das zusätzliche <li></li> wegfällt?

Code:

&lt;li>|&lt;/li>|*|&lt;li>|&lt;/li>|*|&lt;li>|&lt;/li> &lt;li>&lt;/li>

Themen-Optionen
Druckbare Version zeigen Jemanden per E-Mail auf dieses Thema hinweisen
Ansicht	Thema bewerten
Linear-Darstellung Zur Hybrid-Darstellung wechseln Zur Baum-Darstellung wechseln	Thema bewerten:

Ähnliche Themen
Thema	Autor	Forum	Antworten	Letzter Beitrag
Trennzeichen "\|" zwischen Menüeinträgen	suendesizer	GMENU, HMENU, TMENU und Co.	12	Gestern 03:42
Trennzeichen zwischen Contentelementen	j393029	TYPO3 4.x Fragen und Probleme	2	18.02.08 15:08
Gelöst Browserfix zwischen </head> und <body> Tag einfügen	typo3dude	TYPO3 4.x Fragen und Probleme	5	22.12.07 23:46
Auf einzelne Menüpunkte Zugreifen	MuT	GMENU, HMENU, TMENU und Co.	8	17.07.06 11:17
Einzelne Menüpunkte differenzieren?	Ron	GMENU, HMENU, TMENU und Co.	2	03.05.06 11:06

Suche

Userpanel

Trennzeichen zwischen einzelne Menüpunkte einfügen

:)

@ Sandra