Modul gesucht für Menüerstellung mit horizontalem Submenü

**oxxmoxx** · 15.03.2006 12:24

Hallo zusammen,

ich weiß, das das Thema immer wieder diskutiert wird, habe aber trotz alle dem noch keine "wirkliche" Lösung gefunden. Bitte nicht steinigen sollte ich etwas im Forum übersehen haben.

Ich habe aktuell ein Projekt am Start, bei dem eine horizontale Navigation als Haupt-Navi eingesetzt werden soll. Das Sub-Menü - es wird nur ein weiteres Level geben - soll dabei auch horizontal ausgeführt werden - also direkt unterhalb der Haupt-Navi. Alles mit mouseover-Funktion.

Ich habe mich jetzt durch die verschiedenen Menü-Komponenten und Module gewühlt. Habe aber bis auf das "macro-flashmenu" nix finden können, welches auch das Sub-Menü horizontal ausführt.

Hat jemand von Euch solch ein Problem schon einmal gelöst - bzw. hat einen Tipp oder eine Komponente bzw. ein Modul parat, die/das ich übersehen habe. Ich möchte das gern auf diesem (Modul-)Wege lösen, weil ich das Menü nicht "hardcoden" möchte.

Vielen Dank & viele Grüße
Alex

**Big Bopper** · 15.03.2006 13:02

Moin,

z.B. das Tigra Menü kann das.

Im Backend, bei den Einstellungen des Menüs, einfach auf custom stellen und die Datei custom.php im Tigra Menü anpassen. Dort können Einstellungen gemacht werden, daß das Submenü horizontal ist.

ciao
BB

**Rooster** · 15.03.2006 13:20

das kann z.B. auch das Top Menu Flash

und das NGM Menu
das kostet aber...

**oxxmoxx** · 15.03.2006 15:47

@BB: den Hinweis hatte ich schon mal in einem anderen Beitrag von Dir gefunden ... das hatte ich damals erfolglos ausprobiert

. Aber davon lasse ich mich ja nicht unterkriegen und habe heute nochmal mit den Werten herumexperimeniert und siehe da: es funzt

. Weiß der Teufel, was ich damals anders gemacht habe ...

@robert: ne Flash-Navi mag ich nicht haben ...

aber das NGM Menu werde ich mir auch noch mal anschauen.

Danke an Euch & Grüße
Alex

**oxxmoxx** · 17.03.2006 12:54

Moin zusammen,

habe mich bei SWonline.biz umgeschaut (die mit dem swMenüfree) und die Pro-Variante kann das auch - auch die kostet ... aber die Oironen habe ich jetzt einmal investiert. Habe die halbe Nacht gesessen, das ganze so anzupassen, wie es dann mal lt. Layout aussehen soll

nun ja ... jetzt gehts mit frischer Kraft weiter

Greetz
Alex

**redneb** · 30.07.2007 13:17

Hatte das gleiche Problem hier meine Lösung dazu:
Wie Bopper schon gesagt hat funktionierts mit dem Tigra und der custom_structure.php

Im Module Manager orientation: custom auswählen

Unter /modules/dm-t_2-0-1/custom_structure.php den 1st Sublevel offset left auf die gleiche Länge wie die Item Breite setzen und offset top auf 0

Die Abstände zum parent Level können mit den "block_top" & "block_left" Werten gesteuert werden.

Lange Rede kurzer Code =) so siehts bei mir aus:

HTML-Code:

##//##  1st Sublevel
		
		## Editable
		// item sizes
		echo "
			'width': 110,
			'height': 20,
		";
		## Editable
		// offsets between items of the same level	
		echo "	
			'top': 0,
			'left': 110,
		";
		## Editable
		// offsets
		echo "
			'block_top': 50,
			'block_left': 0,
		";
		## Editable
		// time in milliseconds before menu is hidden after cursor has gone out
		// time in milliseconds before menu is opened after cursor has gone over
		echo "
			'hide_delay': 200,
			'expd_delay': 200,
		";

SWMenu Pro funktioniert bestimmt auch gut aber kostet die developer lizenz auch 150€... und so funktionierts auch und lässt sich per CSS noch super anpassen.

Hoffe kann so noch jemandem helfen.
Greets

**Alfthe1st** · 07.08.2007 19:07

.... deine komplette custom_structure.php sowie die css - Datei hier abbilden ? Wäre Nett, weil ich kämpfe hier gerade mit den Werten und bekomme nichts mehr angezeigt seit der Änderung. :-(

Greetz

Alex

**redneb** · 03.09.2007 08:21

custom_structure.php

PHP-Code:


<?php



###################################################################################################

#  Module - Display Menu - Tigra [20 October 2004] 

#  Version  2-0-1

###################################################################################################











defined( '_VALID_MOS' ) or die( 'Direct Access to this location is not allowed.' );







//-----//-----//-----//-----//-----//-----//-----//-----//-----//-----//-----//-----//-----//-----//



class dm_t_2_0_1_c {



#                                            START OF CLASS                                            #







    /**---------------------------------------------------------------------**/



    ## Loads custom menu structure



    function custom_menu_structure( &$params ) {



        $css_prefix     = $params->get( 'css_prefix' );



        ///////////////////////////////



        ## Do not edit



        echo "



        <script type = 'text/javascript'>



        <!--



        var MENU_POS". $params->get( 'counter' ) ." =



        [



        ";



        ## Do not edit



        ///////////////////////////////



        



        



        



        



        ## Editable



        // parent level item sizes



        echo "



        {    



            'width': 100,



            'height': 50,



        ";



        ## Editable



        // offsets between items of the same level    



        echo "    



            'top': 0,



            'left': 100,



        ";



        ## Editable



        // offsets



        echo "



            'block_top': 0,



            'block_left': 0,



        ";



        ## Editable



        // time in milliseconds before menu is hidden after cursor has gone out



        // time in milliseconds before menu is opened after cursor has gone over



        echo "



            'hide_delay': 200,



            'expd_delay': 200,



        ";



        



        



        



        



        ///////////////////////////////



        ## Do not edit



        echo "



            'css' : {



                'outer': '',



                'inner': ['". $css_prefix ."dm_t-0', '". $css_prefix ."dm_t-0_over', '". $css_prefix ."dm_t-0_down', '". $css_prefix ."dm_t-0_active']



            }



        },



        {



        ";



        ## Do not edit



        ///////////////////////////////



        



        



        



        ##//##  1st Sublevel



        



        ## Editable



        // item sizes



        echo "



            'width': 100,



            'height': 15,



        ";



        ## Editable



        // offsets between items of the same level    



        echo "    



            'top': 0,



            'left': 100,



        ";



        ## Editable



        // offsets



        echo "



            'block_top': 52,



            'block_left': 0,



        ";



        ## Editable



        // time in milliseconds before menu is hidden after cursor has gone out



        // time in milliseconds before menu is opened after cursor has gone over



        echo "



            'hide_delay': 1000,



            'expd_delay': 200,



        ";



        



        



        



        



        ///////////////////////////////



        ## Do not edit



        echo "



            'css': {



                'outer': '',



                'inner': ['". $css_prefix ."dm_t-1', '". $css_prefix ."dm_t-1_over', '". $css_prefix ."dm_t-1_down', '". $css_prefix ."dm_t-1_active']



            }



        },



        {



        ";



        ## Do not edit



        ///////////////////////////////



        



        



        



        ##//##  2nd Sublevel



        



        ## Editable



        // item sizes



        echo "



            'width': 110,



            'height': 20,



        ";



        ## Editable



        // offsets between items of the same level    



        echo "    



            'top': 21,



            'left': 0,



        ";



        ## Editable



        // offsets



        echo "



            'block_top': 5,



            'block_left': 90,



        ";



        ## Editable



        // time in milliseconds before menu is hidden after cursor has gone out



        // time in milliseconds before menu is opened after cursor has gone over



        echo "



            'hide_delay': 200,



            'expd_delay': 200,



        ";



        



        



        



        



        ///////////////////////////////



        ## Do not edit



        echo "



            'css': {



                'outer': '',



                'inner': ['". $css_prefix ."dm_t-2', '". $css_prefix ."dm_t-2_over', '". $css_prefix ."dm_t-2_down', '". $css_prefix ."dm_t-2_active']



            }



        },



        {



        ";



        ## Do not edit



        ///////////////////////////////



        



        



        



        ##//##  3rd Sublevel



        



        ## Editable



        // item sizes



        echo "



            'width': 110,



            'height': 20,



        ";



        ## Editable



        // offsets between items of the same level    



        echo "    



            'top': 21,



            'left': 0,



        ";



        ## Editable



        // offsets



        echo "



            'block_top': 5,



            'block_left': 90,



        ";



        ## Editable



        // time in milliseconds before menu is hidden after cursor has gone out



        // time in milliseconds before menu is opened after cursor has gone over



        echo "



            'hide_delay': 200,



            'expd_delay': 200,



        ";



        



        



        



        



        ///////////////////////////////



        ## Do not edit



        echo "



            'css': {



                'outer': '',



                'inner': ['". $css_prefix ."dm_t-3', '". $css_prefix ."dm_t-3_over', '". $css_prefix ."dm_t-3_down', '". $css_prefix ."dm_t-3_active']



            }



        }



        ";



        ## Do not edit



        ///////////////////////////////



        



        ///////////////////////////////



        ## Do not edit



        echo "



        



        ];



        -->



        </script> \n



        ";



        ## Do not edit



        ///////////////////////////////



        



    }



    //---------------------------------------------------------------------    











#                                            END OF CLASS                                            #



}    



//-----//-----//-----//-----//-----//-----//-----//-----//-----//-----//-----//-----//-----//-----//



?>

**redneb** · 03.09.2007 08:23

dm-t.css

HTML-Code:

/*##################################################################################################
#  Module - Display Menu - Tigra [20 July 2004] 
#  Version  1-2
#
#  Copyright Rey Gigataras [stingrey]
#  stingrey MOS-Solutions
#  www.stingrey.biz
#  mambo@stingrey.biz
#  @ Released under GNU/GPL License : http://www.gnu.org/copyleft/gpl.html
#
#  Based on the Tigra Menu system
#  http://www.softcomplex.com/products/tigra_menu/
###################################################################################################*/


.dm_t-whole {
}

#dm_t-active_link {
	font-weight: bold;
	color: #000;
	background-image: url('menu_hover.gif');
}

.dm_t-seperator {
}

/* level 0 */
.dm_t-0 {
	font-family: Arial Narrow, Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #FFF;
	text-decoration: none;
	text-transform: uppercase;
	font-weight: bold;
	background-image: url('menu_link.gif');
	border : 1px solid #ED183A;
	line-height: 50px;
	text-align: center;
	
}

.dm_t-0_over {
	font-family: Arial Narrow, Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: bold;
	text-transform: uppercase;
	color: #FFF;
	background-image: url('menu_hover.gif');
	border : 1px solid #ED183A;
	line-height: 50px;
	cursor: pointer;
	text-align: center;
	vertical-align: middle;
	text-decoration: none;
}

.dm_t-0_down {
	font-family: Arial Narrow, Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: bold;
	text-transform: uppercase;
	color: #FFF;
	background-image: url('menu_hover.gif');
	border : 1px solid #ED183A;
	line-height: 50px;
	text-align: center;
	vertical-align: middle;
	text-decoration: none;
}

.dm_t-0_active {
	font-family: Arial Narrow, Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: bold;
	text-transform: uppercase;
	color: #FFF;
	background-image: url('menu_hover.gif');
	border : 1px solid #ED183A;
	line-height: 50px;
	text-align: center;
	vertical-align: middle;
	text-decoration: none;
}

/* /////////////////////////////////////////////////////// */

/* level 1 */
.dm_t-1 {
	font-family: Arial Narrow, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #000;
	background-image: url('sub_link.gif');
	/* Opacity in IE */
	filter: alpha(opacity=90);
	/* Opacity in Mozilla */
	-moz-opacity: 0.9;
	border : 1px solid White;
	text-align: center;

}
.dm_t-1_over {
	font-family: Arial Narrow, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	color: #000;
	background-image: url('sub_hover.gif');
	border : 1px solid White;
	cursor: pointer;
	text-align: center;
}
.dm_t-1_down {
	font-family: Arial Narrow, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	color: #000;
	background-image: url('sub_hover.gif');
	border : 1px solid White;
	text-align: center;
}
.dm_t-1_active {
	font-family: Arial Narrow, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	color: #000;
	background-image: url('sub_hover.gif');
	border : 1px solid White;
	text-align: center;
}

/* /////////////////////////////////////////////////////// */

/* level 2 */
.dm_t-2 {
	font-family: Tahoma, Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 11px;
	padding: 4px;
	color: White;
	background-color: #B22222;
	border : 1px solid White;
	height: 16px;
}
.dm_t-2_over {
	font-family: Tahoma, Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 11px;
	padding: 4px;
	color: Black;
	background-color: #E55A5A;
	border : 1px solid White;
	height: 16px;
	cursor: pointer;
}
.dm_t-2_down {
	font-family: Tahoma, Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 11px;
	padding: 4px;
	color: White;
	background-color: #8B0000;
	border : 1px solid White;
	height: 16px;
}
.dm_t-2_active {
	font-family: Tahoma, Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 11px;
	padding: 4px;
	color: White;
	background-color: #8B0000;
	border : 1px solid White;
	height: 16px;
}

/* /////////////////////////////////////////////////////// */

/* level 3 */
.dm_t-3 {
	font-family: Tahoma, Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 11px;
	padding: 4px;
	color: White;
	background-color: #F4A460;
	border : 1px solid White;
	height: 16px;
}
.dm_t-3_over {
	font-family: Tahoma, Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 11px;
	padding: 4px;
	color: Black;
	background-color: #FFDEAD;
	border : 1px solid White;
	height: 16px;
	cursor: pointer;
}
.dm_t-3_down {
	font-family: Tahoma, Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 11px;
	padding: 4px;
	color: White;
	background-color: #D2691E;
	border : 1px solid White;
	height: 16px;
}
.dm_t-3_active {
	font-family: Tahoma, Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 11px;
	padding: 4px;
	color: White;
	background-color: #D2691E;
	border : 1px solid White;
	height: 16px;
}
/*###################################################################################################*/

Hier mal mein Inhalt, falls nicht klappt überschreib doch die Dateien einfach mit den originalen und probiers nochmal =)

greets, redneb

**Stan243** · 18.11.2008 18:29

kann man damit auch irgendwie folgendes Menü nachbilden? Ich bekomm das Subemenü immer nur unter dem Elternobjekt angezeigt, aber nicht immer an der gleichen Position.
So sollte es aussehen: http://www.oncomethylome.com

Thema: Modul gesucht für Menüerstellung mit horizontalem Submenü

LinkBack

Themen-Optionen

Thema durchsuchen

Anzeige

Modul gesucht für Menüerstellung mit horizontalem Submenü

Könntest Du mal ....

Ähnliche Themen

Horizontales Menü mit horizontalem Submenü

Modul für Banner mit Bildern und Links gesucht

Modul gesucht!

Ungewöhnliches Modul gesucht

Modul für Bild des Monats gesucht

Lesezeichen

Lesezeichen

Berechtigungen