Menu horizontal dans l'admin

[LeorLindel]

Voici un autre menu pour le panel d'administration. Ce menu est horizontal.

1 - Dans le fichier admin/view/template/common/header.tpl,

Chercher cette ligne :

Code: Tout sélectionner

<link rel="stylesheet" type="text/css" href="view/javascript/jquery/ui/themes/ui-lightness/ui.all.css" />


Et ajouter ces deux lignes dessous :

Code: Tout sélectionner

<link rel="stylesheet" type="text/css" media="screen" href="view/stylesheet/superfish.css" />
<link rel="stylesheet" type="text/css" media="screen" href="view/stylesheet/superfish-navbar.css" />


Chercher cette ligne :

Code: Tout sélectionner

       $(this).after('<span><a onclick="$(\'' + sbox + ' :checkbox\').attr(\'checked\', \'checked\');"><u><?php echo $text_select_all; ?></u></a> / <a onclick="$(\'' + sbox + ' :checkbox\').attr(\'checked\', \'\');"><u><?php echo $text_unselect_all; ?></u></a></span>');


Et la remplacer par celle-là :

Code: Tout sélectionner

       $(this).after('<span><a onclick="$(\'' + sbox + ' :checkbox\').attr(\'checked\', \'checked\');"><u><br /><?php echo $text_select_all; ?></u></a> / <a onclick="$(\'' + sbox + ' :checkbox\').attr(\'checked\', \'\');"><u><?php echo $text_unselect_all; ?></u></a></span>');


Chercher cette ligne :

Code: Tout sélectionner

  <ul class="nav left" style="display: none;">


Et la remplacer par celle-là :

Code: Tout sélectionner

  <ul class="sf-menu sf-navbar">


2 - Dans le fichier admin/view/stylesheet/stylesheet.css

Chercher ces lignes :

Code: Tout sélectionner

#header {
   height: 56px;


Et les remplacer par celles-là :

Code: Tout sélectionner

#header {
   height: 50px;


Chercher ces lignes :

Code: Tout sélectionner

#menu {
   background: url('../image/menu.png') repeat-x;
   position: relative;
   z-index: 1;
   height: 34px;


Et les remplacer par celles-là :

Code: Tout sélectionner

#menu {
   /*
   background: url('../image/menu.png') repeat-x;
   */
   position: relative;
   z-index: 1;
   /*
   height: 34px;
   */


Chercher ces lignes :

Code: Tout sélectionner

#content {
   background: #FFFFFF url('../image/background.png') 0px 1px repeat-x;


Et les remplacer par celles-là :

Code: Tout sélectionner

#content {
   background: #FFFFFF url('../image/bg_menu.png') repeat-x;


Chercher ces lignes :

Code: Tout sélectionner

.breadcrumb, .breadcrumb a {
   font-size: 12px;
   color: #666;
   margin-bottom: 15px;


Et les remplacer par celles-là :

Code: Tout sélectionner

.breadcrumb, .breadcrumb a {
   font-size: 12px;
   color: #666;
   margin-top: 55px;
   padding: 10px 0px 10px 0px;


3 - Dé-zipper le fichier css.zip et mettre les deux fichiers dans le dossier admin/view/stylesheet

4 - Dé-zipper le fichier bg_menu.zip et mettre l'image dans le dossier admin/view/image

Voila ce que cela vous donnera :

[LeorLindel]

Vous pouvez aussi annexer au menu les rubriques "Boutique" et "Déconnexion".

Il vous suffit pour cela de supprimer dans le fichier admin/view/template/common/header.tpl, ces lignes (138 et 139) :

Code: Tout sélectionner

  </ul>
  <ul class="nav right">


Ainsi que cette ligne (146) :

Code: Tout sélectionner

    </li>


Ce qui vous donnera ceci :

[cricri92]

Merci LeorLindel pour ce message
Effectivement je trouve cela plus pratique. Tester en local. Je vais l'adopter pour ma console d'administration.
ENCORE ... ENCORE ... ENCORE