---
title: "breadcrumpath menu mit drop down in die nächste Ebene"
url: "https://www.typo3.net/d/111296-breadcrumpath-menu-mit-drop-down-in-die-naechste-ebene"
source: "typo3.net"
tags: ["TYPO3","Menüs","Frage"]
created: "2012-07-11"
last_reply: "2012-07-11"
replies: 1
solved: false
page: 1
pages: 1
lang: "de"
---

# breadcrumpath menu mit drop down in die nächste Ebene

TYPO3 › Menüs · 1 Antwort · gestartet 2012-07-11

## Eröffnungsbeitrag

**mchenzi** · 2012-07-11 · [Beitrag #1](https://www.typo3.net/d/111296-breadcrumpath-menu-mit-drop-down-in-die-naechste-ebene/1)

Herausforderung

Ich möchte einen Breadcrumpath bauen der von unten anfängt (also Ebene 1 in dem Fall) und bis zur derzeit aktiven Ebene den Weg anzeigt.. Das ist ja Standard. Jetzt würde ich aber gerne im letzten Item (also aktive Seite) ein drop down menu in die nächste Ebene einzeigen bei mouse over (den Teil bekomme ich hin da es ja nur css ist)
Ich bekomme aber die aktuelle Seite nicht dazu mir den nächsten Level auszuspucken und in ein UL li gebilde zu packen. HIer ist mein Ansatz.

```typoscript
#### Breadcrum lib.breadcrumpath
   lib.breadcrumpath = COA
   lib.breadcrumpath {
      10=HMENU
      10{
         special = rootline
         #special.range = 1|-1
         special.range = 1|-1
         1 = TMENU
	 1 {
		NO.linkWrap =  | >
		CUR = 1
		CUR.linkWrap = <span class="breadAct">&nbsp;|&nbsp;</span>
		CUR.doNotLinkIt = 1
                CUR.stdWrap.cObject = TMENU
	        CUR.stdWrap.cObject.1 {
		  wrap = <ul id="nav1">|</ul>
		  noBlur = 1
		  NO = 1
		  NO {
			wrapItemAndSub = <li>|</li>
			stdWrap.htmlSpecialChars = 1
			ATagTitle.field = title
		    }
		  ACT <.NO
		  ACT {
			wrapItemAndSub = <li id="nav1act">|</li>
		  }
	        }
	   }
        }
   }
#### END breadcrum
```

Falls jemand da einen Ansatz hat der zu mergebnis führen würde dann wär ich da mal echt froh drum. Alternativ kann ich nattürlich was anderes bauen aber das wäre doch mal schick.

Gruß und Dank

## Antworten

### [#2](https://www.typo3.net/d/111296-breadcrumpath-menu-mit-drop-down-in-die-naechste-ebene/2) · mchenzi · 2012-07-11

Ich löse es mal selber...
Habe das jetzt so gemacht... ist vielleicht nicht schön aber dafür selten

```typoscript
#### Breadcrum lib.breadcrumpath
   lib.breadcrumpath = COA
   lib.breadcrumpath {
      10=HMENU
      10{
         special = rootline
         special.range = 1|-1
         1 = TMENU
	 1 {
		NO.linkWrap = &nbsp;|&nbsp;&gt;
		CUR = 1
		CUR.linkWrap = <span class="breadAct">&nbsp;|&nbsp;
		CUR.doNotLinkIt = 1
                #CUR.wrap = <div id="bread">|
            }
        }
      20 = HMENU
      20.special = directory
      20 {
	1 = TMENU
	1 {
		wrap = <ul id="breadnav">|</ul>
		noBlur = 1
		NO = 1
		NO {
			wrapItemAndSub = <li>|</li>
			stdWrap.htmlSpecialChars = 1
			ATagTitle.field = title
		}
		ACT <.NO
		ACT {
			wrapItemAndSub = <li id="breadnavact">|</li>
		}
	}        
    }
    30 = TEXT
    30.value = </span>
   }
#### END breadcrum
```

Das css dazu

```css
/*Breadcrump + dropdown*/
span.breadAct{
	position:relative;
	height:auto;
}
span.breadAct ul{
	display:none;
	position: absolute;
        top: -999em;
        width: 250px;
	list-style:none;
	margin:0 0 0 99%;
}
span.breadAct:hover ul{
	display:inline;
	border:1px solid #333;
	background-color:#fff;
	left:0;
	top:0;
}
```

wenns jemand gebrauchen kann.. es sieht gar nicht so schlecht aus und ist sinnvoll.

---

Quelle: „breadcrumpath menu mit drop down in die nächste Ebene“, typo3.net, https://www.typo3.net/d/111296-breadcrumpath-menu-mit-drop-down-in-die-naechste-ebene
Beiträge von Mitgliedern des Forums. Bitte mit Link auf die Diskussion zitieren.