---
title: "bei linkWrap dem pipe-symbol | eine andere farbe zuweisen"
url: "https://www.typo3.net/d/50736-bei-linkwrap-dem-pipe-symbol-eine-andere-farbe-zuweisen"
source: "typo3.net"
tags: ["Allgemein","Frage","HTML & CSS"]
created: "2006-09-28"
last_reply: "2006-10-04"
replies: 10
solved: false
page: 1
pages: 1
lang: "de"
---

# bei linkWrap dem pipe-symbol | eine andere farbe zuweisen

Allgemein · 10 Antworten · gestartet 2006-09-28

## Eröffnungsbeitrag

**thomasju** · 2006-09-28 · [Beitrag #1](https://www.typo3.net/d/50736-bei-linkwrap-dem-pipe-symbol-eine-andere-farbe-zuweisen/1)

Hallo zusammen,

habe folgendes Problem:

```typoscript
[linkWrap]=&nbsp;|&nbsp;&#124; |*| &nbsp;|&nbsp;&#124; |*| &nbsp;|
```

ich möchte das die | (pipe) zwischen den Menüpunkten in schwarz dargestellt werden und nicht weiss. Jemand eine Ahnung wie man das ändern kann?

Entweder seh ich den Wald vor Bäumen nicht mehr, oder es ist doch nicht so easy wie ich dachte..

Danke schon mal..

lg
Thomas

## Antworten

### [#2](https://www.typo3.net/d/50736-bei-linkwrap-dem-pipe-symbol-eine-andere-farbe-zuweisen/2) · toyde · 2006-09-28

Suche im Forum nach **optionSplit**. Gibt genug Infos zu dieser Syntax. Für weitere Details in der TSref nachschlagen.

grüsse

### [#3](https://www.typo3.net/d/50736-bei-linkwrap-dem-pipe-symbol-eine-andere-farbe-zuweisen/3) · einpraegsam.​net · 2006-09-28

> **thomasju schrieb:**
>
> ich möchte das die | (pipe) zwischen den Menüpunkten in schwarz dargestellt werden und nicht weiss. Jemand eine Ahnung wie man das ändern kann?

Kannst du mit CSS definieren - ungefähr so:

```html
.menu { color: black; }
.menu a { color: black; }
```

### [#4](https://www.typo3.net/d/50736-bei-linkwrap-dem-pipe-symbol-eine-andere-farbe-zuweisen/4) · thomasju · 2006-09-29

Hallo,

danke für die Antworten, ich finde den Vorschlag von toyde sehr gut, da ich das so komplett in Typoscript schreiben kann, ohne noch mehr CSS einzubinden. Allerdings komme ich mit der optionSplit nicht klar, ich verstehe nicht wie ich da nun den pipes eien Farbe zuweisen kann.

Hat jemand vielleicht ein Beispiel-Codeschnipsel für mich? Wäre super nett.

Danke und Gruß
Thomas

### [#5](https://www.typo3.net/d/50736-bei-linkwrap-dem-pipe-symbol-eine-andere-farbe-zuweisen/5) · einpraegsam.​net · 2006-09-29

> **thomasju schrieb:**
>
> Hallo,
>
> danke für die Antworten, ich finde den Vorschlag von toyde sehr gut, da ich das so komplett in Typoscript schreiben kann, ohne noch mehr CSS einzubinden. Allerdings komme ich mit der optionSplit nicht klar, ich verstehe nicht wie ich da nun den pipes eien Farbe zuweisen kann.
>
> Hat jemand vielleicht ein Beispiel-Codeschnipsel für mich? Wäre super nett.
>
> Danke und Gruß
> Thomas

```html
Folgende Syntax gilt: 
erstes        |*|    mitte    |*|         letzter

Oder auch: 
erstes  |    |  zweites        |*|        mitte        |*|      vorletztes|    |    letztes



Beispiele:

#Punkt vor dem ersten Menueintrag und hinter dem letzen Menueintrag
allWrap = .| |*| | |*| |.

#DIV für letzen Menueintrag
allWrap = | |*| | |*| <div class="test">|</div>

#Punkt vor dem ersten Menueintrag und hinter dem letzen Menueintrag
allWrap = <td>.|</td> |*| <td>|</td> |*| <td>|.</td>

#Optionsplit Funktionsweise: Wort "spacer" hinter dem 1. Menueintrag und hinter den mittleren Menueinträgen, nicht aber hinter dem letzten Menueintrag
allWrap = <td>|</td><td>spacer</td> |*| <td>|</td><td>spacer</td> |*| <td>|</td>
```

### [#6](https://www.typo3.net/d/50736-bei-linkwrap-dem-pipe-symbol-eine-andere-farbe-zuweisen/6) · einpraegsam.​net · 2006-09-29

Nachtrag: ich weiß aber immer noch nicht was Optionssplit mit der Farbe der Zeichen im Menü zu tun hat...

### [#7](https://www.typo3.net/d/50736-bei-linkwrap-dem-pipe-symbol-eine-andere-farbe-zuweisen/7) · toyde · 2006-09-29

Die Fragen wollt ich schon zu Begin stellen:
a) Poste mal dein ganzes Navi-TypoScript. Die Syntax sieht etwas komisch aus.
b) Die Pipe ist in optionSplit selbst als Syntax-Element eingesetzt. Wie Du direkt die Pipe ausgeben kannst, ist mir gerade schleierhaft. Desweiteren war das von mir kein Vorschlag - sondern die Bitte im Forum optionSplit nachzulesen. Im Anfangsposting selbst hast Du ja die Syntax reingepackt (oder blind kopiert?).

Es wurde bereits angeschnitten: Über CSS kannst Du alle Hyperlinks und normalen Text gesondert formatieren. Dein optionSplit-Code zu Begin macht dann nicht so ganz Sinn, wenn Du lediglich die Pipes anders als den Text darstellen möchtest.
Im TypoScript die Pipes evtl. am besten [über Code angeben](http://www.asphelper.de/referenz/ASCIIANSI.asp) (& # 124; ohne Leerzeichen).

grüsse

### [#8](https://www.typo3.net/d/50736-bei-linkwrap-dem-pipe-symbol-eine-andere-farbe-zuweisen/8) · thomasju · 2006-10-04

Hallo, hier mein TS zum Menü:

```typoscript
FOOTER_2 = HMENU
FOOTER_2 {
	special = directory
	special.value = 3
	
	1 = TMENU
	1 {
		NO = 1
		NO.linkWrap = &nbsp;|&nbsp;&#124; |*| &nbsp;|&nbsp;&#124; |*| &nbsp;|		
		}
	}
```

Hintergrund ist folgender, ich habe 2 Footer, auf dem einen soll der Text und die Pipe in weiss dargestellt werden und bei dem anderen Footer in schwarz. Die Textfarben habe ich sonst im CSS gestyled. Allerdings kann ich das Pipe nicht stylen, das ist bei beiden Footern weiss. Und das sieht natürlich dumm aus wenn man schwarze Links hat, aber weisse Pipes dazwischen. Die Frage ist nun, wo kann ich der Pipe eine Farbe zuweisen?

Danke für die Hilfe!

lg
thomas

### [#9](https://www.typo3.net/d/50736-bei-linkwrap-dem-pipe-symbol-eine-andere-farbe-zuweisen/9) · toyde · 2006-10-04

```typoscript
FOOTER_2 = HMENU
FOOTER_2 {
        special = directory
        special.value = 3
        
        1 = TMENU
        1 {
                NO = 1
                NO.linkWrap =  &#124;| |*| &#124;| |*| |&#124;            
                }
        }
```

sry sieht man nicht, die pipes sind als & # 124; dargstellt ;)

Im HTML-Template um den Marks/Subpart "FOOTER_2" ein Div legen mit einer ID oder Class.
Z.B. bei Marker:

```html
<div id="footer2">###FOOTER_2###</div>
```

Über CSS dann die normale color und die Pseudoformate entsprechend deklarieren.

```html
#footer2 {
 color: #000;
}

#footer2 a {
 font-family: Verdana;
 color: #000;
 text-decoration: none;
}
#footer2 a:link {
 color: #000;
}
#footer2 a:visited {
 color: #000;
}
#footer2 a:hover {
 color: #ccc;
}
#footer2 a:active {
 color: #ccc;
}
```

Alle Elemente hier schwarz, Hover etwas heller, damit man was sieht.

grüsse

### [#10](https://www.typo3.net/d/50736-bei-linkwrap-dem-pipe-symbol-eine-andere-farbe-zuweisen/10) · thomasju · 2006-10-04

Danke! Werde es gleich versuchen umzusetzen. Melde mich dann mit Erfolg oder weniger Erfolg. :)

Grüße
Thomas

### [#11](https://www.typo3.net/d/50736-bei-linkwrap-dem-pipe-symbol-eine-andere-farbe-zuweisen/11) · thomasju · 2006-10-04

Hallo an alle Helfer,

ich danke euch vielmals! Es war wirklich der a Tag im CSS. Nun habe ich es so wie ich wollte.

lG
Thomas

---

Quelle: „bei linkWrap dem pipe-symbol | eine andere farbe zuweisen“, typo3.net, https://www.typo3.net/d/50736-bei-linkwrap-dem-pipe-symbol-eine-andere-farbe-zuweisen
Beiträge von Mitgliedern des Forums. Bitte mit Link auf die Diskussion zitieren.
