Zum Inhalt springen

TMENU_LAYER Horizonal ausrichten

Erstellt am 19. Dezember 2006 · 1 Antwort · letzte Antwort am 21. Dezember 2006

Tags: Frage

Izcer ·

Hallo,

bin auf folgendes Problem gestoßen und finde keinen weg mehr.

Mein Menü wird vertikal ausgegeben. Dies sollte eigentlich Horizontal geschehen. dies passiert auch wenn ich relativeToTriggerItem = 1 auf 0 sezte aber dann verschiebt das Submenü und bewegt sich mit der maus.

page.includeLibs.tmenu_layers = media/scripts/tmenu_layers.php


page.10{
  subparts{
    navigation = HMENU
    navigation{
     entryLevel = 0  
     
     1 = TMENU_LAYERS
  1{
     layerStyle = position:absolute;VISIBILITY:hidden;border: 1px solid #A4E6AF; background:  Transparent url(/typo/fileadmin/templates/SwishViolet/_images/bg.gif) repeat-x top left;

     lockPosition = y
     hideMenuWhenNotOver = 1
     hideMenuTimer= 250
     expAll= 1
     topOffset = 15
     leftOffset = 5
     relativeToTriggerItem = 1 
     directionUp = 0

     NO = 1
     NO.linkWrap = |   
     NO.ATagParams = class="navi"
    
     
     ACT = 1
     ACT.linkWrap = |   
     ACT.ATagParams = class="navi_selected" 
     
   }

     2 = TMENU
    2 {
    
     NO = 1
     NO.wrapItemAndSub = <div>|</div>
     NO.ATagParams = class="sublevel"
     
     ACT = 1
     NO.wrapItemAndSub = <div>|</div>
     ACT.ATagParams = class="sublevel_selected" 
     
    }

}
 
 3 < .2
 4 < .2
 
}

Die dazugehörige CSS

/* navigation */

table.navi td
{
    padding-right: 28px;
    display: inline;

}

.navi, .navi:link, .navi:active, .navi:visited, .navi:hover
{
    display: inline;
    height: 100%;
    width: 100%;
    color: #C2B2D4;
}

.navi:hover
{
    color: #FFFFFF;
}

.navi_selected, .navi_selected:link, .navi_selected:active, .navi_selected:visited, .navi_selected:hover
{
    font-weight: bold;
    color: #FFFFFF;
    
}

div.sublevelwrapper
{
    background: Transparent url(/typo/fileadmin/templates/SwishViolet/_images/bg.gif) repeat-x top left;
}

.sublevel, .sublevel:link, .sublevel:active, .sublevel:visited, .sublevel:hover
{
    padding: 5px;
    display: block;
    height: 100%;
    width: 100%;
    color: #C2B2D4;
}

.sublevel:hover
{
    color: #FFFFFF;
}

.sublevel_selected, .sublevel_selected:link, .sublevel_selected:active, .sublevel_selected:visited, .sublevel_selected:hover
{
    font-weight: bold;
    color: #FFFFFF;
}
div#navigation
{
    width: 720px;
    height: 23px;
    padding-left: 51px;
    background: Transparent url(/typo/fileadmin/templates/SwishViolet/_images/nav_bg.gif) repeat-x top left;
    text-align: left;
    padding-top: 12px;
  
}

/* end navigation */

Ich hoffe das mir jemand da helfen kann.
der link zum Menü http://www.LuckysHost.de/typo/

Gruß

Izcer ·

Habe dieses Problem behoben. Indem ich einfach die tmenu_layers.php system datei umgeschrieben habe.

der Part der geändert wurde ist:

/**
	 * Wrapping the item in a <div> section if 'relativeToTriggerItem' was set
	 *
	 * @param	string		The current content of the menu item, $this->I['theItem'], passed along.
	 * @param	integer		Pointer to $this->menuArr[$key] where the current menu element record is found
	 * @return	string		The modified version of $item, going back into $this->I['theItem']
	 */
	function extProc_beforeAllWrap($item,$key)	{
		if ($this->mconf['relativeToTriggerItem'])	{
			$item = '<div id="anchorID'.t3lib_div::shortmd5($this->I['uid'].'-'.$this->WMid).'" style="position:absolute;visibility:hidden;"></div><a id="itemID'.t3lib_div::shortmd5($this->I['uid'].'-'.$this->WMid).'" style="width:50%; height:50%;">'.$item.'</a>'; 
		}
		return $item;
	}

normal sieht der Part so aus:

/**
	 * Wrapping the item in a <div> section if 'relativeToTriggerItem' was set
	 *
	 * @param	string		The current content of the menu item, $this->I['theItem'], passed along.
	 * @param	integer		Pointer to $this->menuArr[$key] where the current menu element record is found
	 * @return	string		The modified version of $item, going back into $this->I['theItem']
	 */
	function extProc_beforeAllWrap($item,$key)	{
		if ($this->mconf['relativeToTriggerItem'])	{
			$item = '<div id="anchorID'.t3lib_div::shortmd5($this->I['uid'].'-'.$this->WMid).'" style="position:absolute;visibility:hidden;"></div><div id="itemID'.t3lib_div::shortmd5($this->I['uid'].'-'.$this->WMid).'" style="width:100%; height:100%;">'.$item.'</div>'; 
		}
		return $item;
	}

Geändert wurde im abschnitt <div id="itemID... style="width:100%; height:100%;">... </div> nur <a id="itemID... style="width:50%; height:50%;">... </a>

schon wird das Menü Horizontal ausgerichtet trots relativeToTriggerItem = 1

Vielleicht hilft es ja einem weiter.

Gruß