Skins Méric
Css et skin Guppy

Les fonds

Animations

Les Ecritures

Personnalisation

Les boites css

Menu Horizontal

Tutos Divers
Base Skn_1
Skin Pas à Pas
Méric' Gifs
+ mise a jour
+ nouveau
Personnalisation - Centrer menu

Centrer les onglets de la barre menu


Pour centrer le menu horizontal figurant au-dessus de la zone principale du site, il est possible d'intervenir directement dans le fichier style.css de la skin.

Etat initial :

menu_gauche.jpg

L'avantage de cette méthode est de ne pas à avoir à modifier le code d'origine de Guppy, il faudra par contre répéter l'opération à chaque changement de skin.
- En passant par l"administration, il faut tout d'abord cliquer sur l'icone config. style.

config_style.jpg Attention : Sauvegarde du fichier avant modifications, indispensable.

- Repérer la ligne suivante :
div.menuIcons { /* block menu */
  padding: 10px 0px;

- La modifier comme ci-dessous :
div.menuIcons { /* block menu */
padding:8px 0px;
text-align: center;
width: 770px;
position: relative;
margin-left:auto; margin-right:auto;
}

La largeur (width; 770px;) est à régler en fonction du nombre de sections (Accueil, Nouvelles, Forum...) que comporte le menu.

Résultat :

menu_centre.jpg

Date de création : 05/06/2007 @ 04:49
Dernière modification : 11/10/2007 @ 04:11
Catégorie : Personnalisation
Page lue 3948 fois

Prévisualiser Prévisualiser     Imprimer l'article Imprimer l'article

Réactions à cet article

Réaction n°2 

 par Stef le 11/11/2008 @ 14:29

Merci pour l'astuce

Stef

Réaction n°1 

 par Frederic le 22/10/2007 @ 15:48

Salut,

Très bon tutorial, cela fonctionne très bien... e

Bye.
Tags Méric-Graphisme
Skins au choix

Choisissez une skin

Skin :
Connexion...
 
Liste des membres Membres : 339
membres Visites du jour : (3) Meric    martial    jac83   

Votre pseudo :

Mot de passe :

[ Mot de passe perdu ? ]

[ Devenir membre ]

  Membre en ligne :
     jac83  
  Anonymes en ligne : 6
Total visites Total visites: 326873  

Record connectés :
Record connectés :Membres: 23

Le 26/12/2007 @ 21:50

Webmaster - Infos
Calendrier
Tchat non-Membres
Vous devez être connectés en tant que membre pour accéder au Tchat
Recherche



Sites skins Guppy
Lettre d'information
Pour avoir des nouvelles de ce site, inscrivez-vous à notre Newsletter.
S'abonner
Se désabonner
Captcha
Recopier le code :
42 Abonnés
Outils en ligne
Sondage
Que souhaiteriez voir sur le site ?
 
Plus de skins ?
Plus de tutos skins?
Plus de trucs et astuces (Blog)?
Trucs et astuces (css) ?
Plus de tutos (GuppY)
Autres
Résultats
Nouvelles des Amis
Visites

 326873 visiteurs

 8 visiteurs en ligne

^ Haut ^