Forum de Graph, aide Html et Css
 
AccueilAccueil  FAQFAQ  MembresMembres  GroupesGroupes  S'enregistrerS'enregistrer  ConnexionConnexion  

Partagez | 
 

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

Aller en bas 
AuteurMessage
Sweet Purple
Admin
avatar

Messages : 131
Date d'inscription : 12/07/2010
Age : 23

MessageSujet: Le Mainmenu accroché au haut de votre fenêtre CM   Jeu 28 Avr - 23:17

KETSIA a écrit:
Le Mainmenu juste au dessus du header

Niveau : Moyen
Auteur : Alison
A quoi sa sert ?
Vous allez déplacer votre "Accueil, Calendrier, FAQ, rechercher etc" pour le positionner au dessus du header !


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 Wink

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 Wink

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 Wink
Revenir en haut Aller en bas
Voir le profil de l'utilisateur http://couleurs-en-folies.forumsactifs.net
 
Le Mainmenu accroché au haut de votre fenêtre CM
Revenir en haut 
Page 1 sur 1

Permission de ce forum:Vous ne pouvez pas répondre aux sujets dans ce forum
Couleurs En Folie :: Codage :: Astuce &' Aide :: Templates-
Sauter vers: