+ Antworten
Ergebnis 1 bis 10 von 10

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

  1. #1
    Neu an Board
    Registriert seit
    31.07.2005
    Beiträge
    17
    Bedankte sich
    11
    Erhielt 0 Danksagungen
    in 0 Beiträgen

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

    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
    Geändert von oxxmoxx (17.03.2006 um 13:16 Uhr)

  2. #2
    Kommt häufiger vorbei
    Registriert seit
    04.11.2003
    Beiträge
    277
    Bedankte sich
    7
    Erhielt 26 Danksagungen
    in 25 Beiträgen

    Standard

    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

  3. #3
    Verbringt hier viel Zeit Avatar von Rooster
    Registriert seit
    05.11.2004
    Ort
    Parkstetten
    Alter
    31
    Beiträge
    558
    Bedankte sich
    49
    Erhielt 70 Danksagungen
    in 64 Beiträgen

    Standard

    das kann z.B. auch das Top Menu Flash

    und das NGM Menu
    das kostet aber...
    Mein persönlicher <DANKE> Button

  4. #4
    Neu an Board
    Registriert seit
    31.07.2005
    Beiträge
    17
    Bedankte sich
    11
    Erhielt 0 Danksagungen
    in 0 Beiträgen

    Standard

    @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

  5. #5
    Neu an Board
    Registriert seit
    31.07.2005
    Beiträge
    17
    Bedankte sich
    11
    Erhielt 0 Danksagungen
    in 0 Beiträgen

    Standard

    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

  6. #6
    Neu an Board Avatar von redneb
    Registriert seit
    13.06.2007
    Beiträge
    18
    Bedankte sich
    2
    Erhielt 2 Danksagung
    in 1 Beitrag

    Idee

    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

  7. #7
    War schon öfter hier
    Registriert seit
    04.11.2004
    Ort
    Wallhöfen
    Alter
    46
    Beiträge
    153
    Bedankte sich
    10
    Erhielt 6 Danksagungen
    in 6 Beiträgen

    Ausrufezeichen Könntest Du mal ....

    .... 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
    Keine Software-Patente in Europa! No software-patents for europe!

  8. #8
    Neu an Board Avatar von redneb
    Registriert seit
    13.06.2007
    Beiträge
    18
    Bedankte sich
    2
    Erhielt 2 Danksagung
    in 1 Beitrag

    Standard

    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                                            #

    }    

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

    ?>

  9. #9
    Neu an Board Avatar von redneb
    Registriert seit
    13.06.2007
    Beiträge
    18
    Bedankte sich
    2
    Erhielt 2 Danksagung
    in 1 Beitrag

    Standard

    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

  10. #10
    Neu an Board
    Registriert seit
    18.11.2008
    Beiträge
    4
    Bedankte sich
    0
    Erhielt 0 Danksagungen
    in 0 Beiträgen

    Standard

    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

+ Antworten

Ähnliche Themen

  1. Horizontales Menü mit horizontalem Submenü
    Von RacingDad im Forum Allgemeine Fragen zu Joomla
    Antworten: 8
    Letzter Beitrag: 19.09.2006, 17:51
  2. Modul für Banner mit Bildern und Links gesucht
    Von ischias im Forum Mambo Module
    Antworten: 8
    Letzter Beitrag: 30.03.2006, 02:25
  3. Modul gesucht!
    Von m-werk im Forum Joomla Module
    Antworten: 2
    Letzter Beitrag: 22.11.2005, 15:59
  4. Ungewöhnliches Modul gesucht
    Von Pasi im Forum Mambo Module
    Antworten: 0
    Letzter Beitrag: 29.07.2005, 19:14
  5. Modul für Bild des Monats gesucht
    Von der_depp im Forum Mambo Module
    Antworten: 5
    Letzter Beitrag: 26.11.2004, 17:29

Lesezeichen

Berechtigungen

  • Neue Themen erstellen: Nein
  • Themen beantworten: Nein
  • Anhänge hochladen: Nein
  • Beiträge bearbeiten: Nein