Menu horizontal dans l'admin
3 messages
• Page 1 sur 1
Menu horizontal dans l'admin
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 :
Et ajouter ces deux lignes dessous :
Chercher cette ligne :
Et la remplacer par celle-là :
Chercher cette ligne :
Et la remplacer par celle-là :
2 - Dans le fichier admin/view/stylesheet/stylesheet.css
Chercher ces lignes :
Et les remplacer par celles-là :
Chercher ces lignes :
Et les remplacer par celles-là :
Chercher ces lignes :
Et les remplacer par celles-là :
Chercher ces lignes :
Et les remplacer par celles-là :
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 :
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 :
- Pièces jointes
-
- menuadmin1.png (33.61 Kio) Consulté 3818 fois
-
- menuadmin2.png (32.15 Kio) Consulté 3818 fois
-
- menuadmin3.png (60.1 Kio) Consulté 3818 fois
-
- bg_menu.zip
- (311 octets) Téléchargé 433 fois
-
- css.zip
- (2.01 Kio) Téléchargé 446 fois
- Imaxine
- Messages: 3023
- Inscrit le: 27 Juil 2009, 19:28
Re: Menu horizontal dans l'admin
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) :
Ainsi que cette ligne (146) :
Ce qui vous donnera ceci :
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 :
- Pièces jointes
-
- menuadmin4.png (26.16 Kio) Consulté 3818 fois
- Imaxine
- Messages: 3023
- Inscrit le: 27 Juil 2009, 19:28
Re: Menu horizontal dans l'admin
Merci Imaxine pour ce message
Effectivement je trouve cela plus pratique. Tester en local. Je vais l'adopter pour ma console d'administration.
ENCORE ... ENCORE ... ENCORE
Effectivement je trouve cela plus pratique. Tester en local. Je vais l'adopter pour ma console d'administration.
ENCORE ... ENCORE ... ENCORE
Version Opencart 1.4.8 Fr sur serveur Infomaniak
Version Opencart 1.5.4.1 sur JOOMLA avec module AceShop
modules additionnels : CMS Categories, Stock report, Product extra fields, Poll, Visiteur counter, NextAndPreviousProductLink, MiniSlider
Version Opencart 1.5.4.1 sur JOOMLA avec module AceShop
modules additionnels : CMS Categories, Stock report, Product extra fields, Poll, Visiteur counter, NextAndPreviousProductLink, MiniSlider
-
cricri92 - Messages: 139
- Inscrit le: 02 Juil 2010, 05:28
- Localisation: haut de Seine
3 messages
• Page 1 sur 1
Qui est en ligne ?
Utilisateur(s) parcourant actuellement ce forum : Aucun utilisateur inscrit et 1 invité