Modifier le menue boutons du thème par défaut ?

[Invité]

Bienvenue, Invité. Veuillez vous connecter ou vous inscrire.

Connexion avec identifiant et mot de passe

[kawa]

Bonjour

Je coince depuis assé longtemps  

J'aimerais modifier le thème par défaut de pragmaMx.
Pour les blocs et header, ça va.

Par contre, je n'arrive pas a modifier le menue des boutons du thème
Voici une image que j'aimerais avoir a la place de celui par défaut:

Clique droit sur l'image et afficher l'image.

Croyez-vous être a la hauteur pour me venir en aide ?

@++

[Skud29]

Salut Kawa,

Tu souhaites un truc du style: http://kresiumdesign.niloo.fr/

[kawa]

Bonjour Skud29

Oui j'aimerais avoir ce style, par contre, les boutons changent de couleur au survol de la souris.
Et que le texte en multilingue sois enligné avec les boutons.

Tu sais Skud29, j'ai passé la fin de semaine a tourner en rond pour modifier ces boutons, d'après moi il faut modifier  functions.php etc...

Car les commentaires
<!-- START headmenue -->
<!-- END headmenue -->
 du theme.html en fait référence.

Sinon j'ai testé en tableaux

Code:

<table width="816" border="1">
  <tr>
<!-- START headmenue -->
    <th scope="col"><a href="./">Home</a></th>
    <th scope="col"><a href="#">Services</a></th>
    <th scope="col"><a href="#">Information</a></th>
    <th scope="col"><a href="#">About</a></th>
    <th scope="col"><a href="#">Contact</a></th>
    <th scope="col"><a href="#">Administration</a></th>
<!-- END headmenue -->
  </tr>
</table>

Et ça ne fonctionne pas 

@++

[Skud29]

En faite pour l'alignement et tout le tintoin, ça se passe dans "layout.css" de la ligne 353 à 428.

Pour changer le background du menu, j'ai modifié la ligne 353:

Code:

#nav-main {
background-color: #f3f3f3;
background-image: url(../images/tab_bg1.png); /* j'ai changé par ton image */
border-bottom: 1px solid #ffffff;
color: inherit;
display: inline;
/* (de) Einfassen der Floats in allen anderen Browsern */
   float: left;
line-height: 23px; /* passé de 0 à 23px pour obtenir la bonne hauteur */
overflow: hidden;
width: 100%; /* (de) Einfassen der Floats im IE */
}

Pour le survol au passage de la souris ça se passe ici ligne 417:

Code:

#nav-main ul li a:focus,
#nav-main ul li a:hover,
#nav-main ul li a:active {
   background-image:url(../images/tab_bg1_hover.png); /* Ajout de l'image */
   background-repeat:no-repeat; /* Ne pas répéter l'image */
   color: #ffffff;
   text-decoration: none;
   line-height: 21px;
  
}

Mais je n'arrive pas à obtenir un bon résultat, j'ai pensé à changer carrément le menu, mais comme tu souhaites garder la traduction. Je regarde si y a une possibilité...

[kawa]

Re Skud29

Je suis coincé au même niveau que toi.

C'est pour cette raison que j'ai tout refait en tableaux, j'avais aussi créer une class pour chaque bouton et du padding pour ajuster chaque texte des boutons.
Mais le résultat est désastreux lorsque j'ai cliqué sur les boutons langage.

@++

[kawa]

Merci !!

J'ai réussis a refaire les boutons du header: http://thememx.go1.cc/

@++

[Skud29]

Salut Kawa,

Excellent, désolé ne pas t'avoir aidé davantage, j'ai un thème en cours d'adaptation pour un membre de la communauté.

En tout cas bien joué