Le Mainmenu accroché au haut de votre fenêtre CM

Il va falloir trifouiller les templates et également le CSS, mais n'ayez pas peur, c'est pas aussi dur que ça en a l'air

D'abord, on va commencer par les templates, on personnalisera tout ça plus tard avec le CSS =) On ne le dira jamais assez, il faut être le fondateur du forum pour accéder aux templates.

Se rendre dans le template overall_header_new, et chercher

Code:

<table cellspacing="0" cellpadding="0" border="0" align="{MENU_POSITION}">
<tr>
<td align="{MENU_POSITION}"{MENU_NOWRAP}>{GENERATED_NAV_BAR}</td>
</tr>
</table>

Vous supprimez tout ça, puis vous allez repérer ce code ci;

Code:

        <td class="bodyline">
            <table width="100%" cellspacing="0" cellpadding="0" border="0">
              <tr>
                  <!-- BEGIN switch_logo_left -->

et vous allez le remplacer par

Code:

<td class="bodyline">
                    <table cellspacing="0" cellpadding="0" border="0" align="{MENU_POSITION}">
              <tr>
                  <td align="{MENU_POSITION}"{MENU_NOWRAP}>{GENERATED_NAV_BAR}</td>
              </tr>
            </table><br/>
            <table width="100%" cellspacing="0" cellpadding="0" border="0">
              <tr>
                  <!-- BEGIN switch_logo_left -->

Vous enregistrez, et, surtout, vous n'oubliez pas de publier le template avec la petite croix verte!
Voilà, vous avez déjà déplacé votre barre

Maintenant, il ne vous reste plus qu'à personnaliser votre barre. Il serait d'ailleurs préférable de n'afficher que du texte. Pour cela,
Panneau d'administration > Affichage > Gestion des images > Avancé > Général/navigation et vous enlevez toutes les images concernant la barre de navigation, c'est-à-dire vous laisser la case du lien de l'image vide.

Si jamais, il n'y avait que les images qui s'affichaient et que, donc, vous n'avez plus de texte, c'est par là;
Panneau d'administration > Affichage > En-tête et navigation > Afficher seulement des images dans la barre des liens > Vous cochez non

Soit, maintenant personnalisons; dans votre feuille de style CSS ( Panneau d'administration > Affichage > Couleurs > Feuille de style ), vous collez ce code;

Code:

/* Menu navigation */
a.mainmenu {
padding-right: Xpx;
background-color:#COLOR;
color: #;
font-size:Xpx;
font-variant: small-caps;
text-align: center; }

/* Menu navigation au survol de la souris */
a.mainmenu:hover {
padding-right:Xpx;
background-color:#COLOR;
color: #;
font-size:Xpx;
font-variant: small-caps;
text-align: center;
border: Xpx solid #COLOR; }

Bien sûr, personnalisez au gré de vos envies