Thema: Menübilder in Tempalte CSS einfügen

Soll denn für jeden Menüpunkt ein individuelles Bild verwendet werden?

Wenn nein, dann sollte dieses im css bei a.mainlevel#active_menu als background definiert werden.

Hallo upstream.li,

ich habe vor, unterschiedliche Bilder einzubauen. Diese sollen folgendermaßen benannt werden:

menu.home.normal.gif
menu.home.hover.gif
...
menu.kontakt.normal.gif
menu.kontakt.hover.gif

Wie kann ich diese nun individuell gestalten ?
In diesem Thread stand, dass man es mit den "Class Suffixen" lösen soll. Ich habe es lediglich geschafft, das ganze Hauptmenü in

HTML-Code:

class="mainlevel.mainmenu"

umzuschreiben. Aber wie kann ich nun nicht dem gesamten, sondern jedem einzelnen Menüpunkt, vielleicht mit hilfe der itemid, ein eigenes hintergrundbild zuweisen ?

MFG blueice_haller

wie is den dass wenn du einen Menüpunkt erstellst und dabei die Option

Code:

 Parameters  --> Menu Image

nimmst?

da kann man doch für jeden menüeintrag ein anders bild nehmen !?

gruß

Hallo muxel,

das funktiobiert bei mir irgendwie nicht. Vielleicht liegt es an meinem selbsterstellten Template.

Ich hatte mal extended-menu verwendet. Dort konnte man das folgendermaßen lösen:

PHP-Code:

#extmenu_home:link, #extmenu_home:visited {
background-image:(../images/menu.home.normal.gif)
}
#extmenu_home:hover {
background-image:(../images/menu.home.hover.gif)
} 


Im einer Datei im Modulordner definierte man dazu:

PHP-Code:

id="extmenu_{CAPTION}" 


was z.B.

PHP-Code:

id="extmenu_Home" 


erzeugt hat.
Also bekommt jeder Menüpunkt eine eigene id.
Ob man das beim normalen Menü, auch so ähnlich einbauen kann, weiß ich jetzt eben nicht.
Falls nicht, werde ich eben wieder extmenu verwenden.

MFG blueice_haller

wenn du das standart menü nimmst

kannst doch mal versuchen die mod_mainmenu.php zu editieren

und zwar hier

PHP-Code:

    /**
    * Vertically Indented Menu
    */
    function mosShowVIMenu(  &$params ) {
        global $database, $my, $cur_template, $Itemid;
        global $mosConfig_absolute_path, $mosConfig_live_site, $mosConfig_shownoauth;

        /* If a user has signed in, get their user type */
        $intUserType = 0;
        if($my->gid){
            switch ($my->usertype) {
                case 'Super Administrator':
                    $intUserType = 0;
                    break;

                case 'Administrator':
                    $intUserType = 1;
                    break;

                case 'Editor':
                    $intUserType = 2;
                    break;

                case 'Registered':
                    $intUserType = 3;
                    break;

                case 'Author':
                    $intUserType = 4;
                    break;

                case 'Publisher':
                    $intUserType = 5;
                    break;

                case 'Manager':
                    $intUserType = 6;
                    break;
            }
        } else {
            /* user isn't logged in so make their usertype 0 */
            $intUserType = 0;
        }

        $and = '';
        if ( !$mosConfig_shownoauth ) {
            $and = "\n AND access <= " . (int) $my->gid;
        }        
        $sql = "SELECT m.*"
        . "\n FROM #__menu AS m"
        . "\n WHERE menutype = " . $database->Quote( $params->get( 'menutype' ) )
        . "\n AND published = 1"
        . $and
        . "\n ORDER BY parent, ordering";
        $database->setQuery( $sql );
        $rows = $database->loadObjectList( 'id' );

        // indent icons
        switch ( $params->get( 'indent_image' ) ) {
            case '1':
                // Default images
                $imgpath = $mosConfig_live_site .'/images/M_images';
                for ( $i = 1; $i < 7; $i++ ) {
                    $img[$i] = '<img src="'. $imgpath .'/indent'. $i .'.png" alt="" />';
                }
                break;
                
            case '2':
                // Use Params
                $imgpath = $mosConfig_live_site .'/images/M_images';
                for ( $i = 1; $i < 7; $i++ ) {
                    if ( $params->get( 'indent_image'. $i ) == '-1' ) {
                        $img[$i] = NULL;
                    } else {
                        $img[$i] = '<img src="'. $imgpath .'/'. $params->get( 'indent_image'. $i ) .'" alt="" />';
                    }
                }
                break;
                
            case '3':
                // None
                for ( $i = 1; $i < 7; $i++ ) {
                    $img[$i] = NULL;
                }
                break;
            
            default:
                // Template
                $imgpath = $mosConfig_live_site .'/templates/'. $cur_template .'/images';
                for ( $i = 1; $i < 7; $i++ ) {
                    $img[$i] = '<img src="'. $imgpath .'/indent'. $i .'.png" alt="" />';
                }
                break;
        }

        $indents = array(
            // block prefix / item prefix / item suffix / block suffix
            array( '<table width="100%" border="0" cellpadding="0" cellspacing="0">', '<tr align="left"><td>' , '</td></tr>', '</table>' ),
            array( '', '<div style="padding-left: 4px; padding-bottom:2px; background-image: url(images/button3.png);">'. $img[2] , '</div>', '' ),
            array( '', '<div style="padding-left: 8px; padding-top:2px; background-image: url(images/button4.png);">'. $img[2] , '</div>', '' ),
            array( '', '<div style="padding-left: 12px; padding-top:2px; background-image: url(images/button4.png);">'. $img[3] , '</div>', '' ),
            array( '', '<div style="padding-left: 16px">'. $img[4] , '</div>', '' ),
            array( '', '<div style="padding-left: 20px">'. $img[5] , '</div>', '' ),
            array( '', '<div style="padding-left: 24px">'. $img[6] , '</div>', '' ),
        ) 


wobei das idents array am ende für das allgemeine aussehen der menüstruktur is

aber mehr wüßt ich jetzt auch nich evtl kannst ja mittels ner zählschleife und dem globalem $itemid was machen?

also abhänig von der id ne andere css classe als class="mainlevel" zuweisen mit hintergrundbild1 etc???

gruß

Hallo,

was genau muss ich da verändern ?
Ist es denn nicht möglich, an jeden Menüpunkt eine "einzigartige" id, class, ... anfügen zu lassen ?
Als momentane Notlösung habe ich ein Tutorial geschrieben.

MFG blueice_haller