Trennzeichen zwischen einzelne Menüpunkte einfügen

**madmongo** · 04.07.2005, 09: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 &#123;
   expAll = 1
   wrap =  &lt;ul>|&lt;/ul>

   NO &#123;
     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="&#123;field&#58;tx_govaccessibility_accesskey&#125;"  title="&#123;field&#58;title&#125;&#123;field&#58;subtitle&#125;">
    before.cObject.dataWrap = &lt;a href="&#123;field&#58;title&#125;.|.0.html" accesskey="&#123;field&#58;tx_govaccessibility_accesskey&#125;"  title="&#123;field&#58;title&#125;&#123;field&#58;subtitle&#125;&#123;field&#58;tx_govaccessibility_accesskey&#125;">
     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>
   &#125;
  
ACT > .NO
ACT = 1
ACT &#123;
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>
&#125;

&#125;

Gruß und danke an alle :)

Tom

**M8TRIX** · 04.07.2005, 09: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">&#124;&lt;/font>|*| &lt;font color="#663300">&#124;&lt;/font>|*|

Zu sehen ist das dann hier:

http://www.acoreus.de

hoffe ich konnte Dir etwas helfen

liebe grüße

sandra

**madmongo** · 04.07.2005, 10: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** · 04.07.2005, 11:19

Meinst Du die css Klassen?

**madmongo** · 04.07.2005, 11:56

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

:(

Gruß

Tom

**M8TRIX** · 04.07.2005, 12: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">&#124;&lt;/font>|*| &lt;font color="#663300">&#124;&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&#58;link &#123; 
	text-decoration&#58; none;  
	color&#58;#663300; 
	font-weight&#58; normal; 
	font-size&#58; 11px; 
&#125; 
 
a.navmain&#58;visited &#123; 
	text-decoration&#58; none;  
	color&#58;#663300; 
	font-weight&#58; normal; 
	font-size&#58; 11px; 
&#125; 
 
a.navmain&#58;hover &#123; 
	text-decoration&#58; none;  
	color&#58;#663300; 
	font-weight&#58; normal; 
	font-size&#58; 11px; 
&#125; 
 
a.navmain&#58;active &#123; 
	text-decoration&#58; none;  
	color&#58;#663300; 
	font-weight&#58; normal; 
	font-size&#58; 11px; 
&#125; 


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

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&#58;link &#123; 
	padding-left&#58; 18px;
	text-decoration&#58; none;  
	color&#58;#663300; 
	font-weight&#58; normal; 
	font-size&#58; 11px; 
	background-image&#58; url&#40;images/pfeile.gif&#41;;
	background-repeat&#58; no-repeat;
	display&#58; block;
&#125; 
 
a.nav&#58;visited &#123; 
	padding-left&#58; 18px;
	text-decoration&#58; none;  
	color&#58;#663300; 
	font-weight&#58; normal; 
	font-size&#58; 11px; 
	background-image&#58; url&#40;images/pfeile.gif&#41;;
	background-repeat&#58; no-repeat;
	display&#58; block;
&#125; 
 
a.nav&#58;hover &#123;
	padding-left&#58; 18px; 
	text-decoration&#58; none;  
	color&#58;#990033; 
	font-weight&#58; normal; 
	font-size&#58; 11px; 
	background-image&#58; url&#40;images/pfeile2.gif&#41;;
	background-repeat&#58; no-repeat;
	display&#58; block;
&#125; 
 
a.nav&#58;active &#123; 
	padding-left&#58; 18px;
	text-decoration&#58; none;  
	color&#58;#990033; 
	font-weight&#58; normal; 
	font-size&#58; 11px; 
	background-image&#58; url&#40;images/pfeile.gif&#41;;
	background-repeat&#58; no-repeat;
	display&#58; block;
&#125; 


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

a.nav2&#58;link &#123; 
	padding-left&#58; 18px;
	text-decoration&#58; none;  
	color&#58; #990033; 
	font-weight&#58; bold; 
	font-size&#58; 11px; 
	background-image&#58; url&#40;images/pfeile2.gif&#41;;
	background-repeat&#58; no-repeat;
	display&#58; block;
&#125; 

a.nav2&#58;visited &#123; 
	padding-left&#58; 18px;
	text-decoration&#58; none;  
	color&#58; #990033; 
	font-weight&#58; bold; 
	font-size&#58; 11px; 
	background-image&#58; url&#40;images/pfeile2.gif&#41;;
	background-repeat&#58; no-repeat;
	display&#58; block;
&#125;

a.nav2&#58;hover &#123; 
	padding-left&#58; 18px;
	text-decoration&#58; none;  
	color&#58; #990033; 
	font-weight&#58; bold; 
	font-size&#58; 11px; 
	background-image&#58; url&#40;images/pfeile2.gif&#41;;
	background-repeat&#58; no-repeat;
	display&#58; block;
&#125;

a.nav2&#58;active &#123; 
	padding-left&#58; 18px;
	text-decoration&#58; none;  
	color&#58; #990033; 
	font-weight&#58; bold; 
	font-size&#58; 11px; 
	background-image&#58; url&#40;images/pfeile2.gif&#41;;
	background-repeat&#58; no-repeat;
	display&#58; block;
&#125;

dem Hauttemplate noch zugewiesen:

Code:

temp.mainTemplate = TEMPLATE
temp.mainTemplate &#123;
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
&#125;

lg sandra

**_o3_** · 04.07.2005, 13: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?= :shock:

**M8TRIX** · 05.07.2005, 08:26

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

**madmongo** · 05.07.2005, 09: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 &#123;
NO =1
  NO.linkWrap = |&#124;|*| |&#124;|*| |
NO&#123;
     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>
&#125;
ACT > .NO
ACT = 1
ACT &#123;
linkWrap = |&#124;|*| |&#124;|*| |
     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>
&#125;
&#125;

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

Vielen Dank für Deinen Script und einen angenehmen Dienstag :)

Gruß

Tom

**_o3_** · 05.07.2005, 10: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>

Thema: Trennzeichen zwischen einzelne Menüpunkte einfügen

LinkBack

Themen-Optionen

Thema bewerten

Anzeige

Trennzeichen zwischen einzelne Menüpunkte einfügen

:)

@ Sandra

Aktive Benutzer

Aktive Benutzer

Facebook Kommentare

Ähnliche Themen

Trennzeichen "|" zwischen Menüeinträgen

Trennzeichen zwischen Contentelementen

Browserfix zwischen </head> und <body> Tag einfügen

Auf einzelne Menüpunkte Zugreifen

Einzelne Menüpunkte differenzieren?

Lesezeichen

Lesezeichen

Berechtigungen