CSS pour les navigations personelles

[Kiorg]

Bonjour.

Je m'occupe de la création d'un nouveau Thème pour un forum, j'ai donc créé un forum de test.
Celui-ci se trouve à l'adresse : http://testkiorg.forumactif.org/.

Le forum est en PHP BB2 et le Tamplate viewtopic_body est modifié.

J'ai presque fini mon thème maintenant, mais je bloque depuis un petit moment maintenant sur quelque chose qui en soit doit être tout bête .
J'ai mit la barre de navigation en CSS pour pouvoir créer un mouvement au survol des liens.
Le problème c'est que dans cette barre de navigations existe un "menu personalisé"



Je voudrais donc que lui aussi ai son CSS.
Voici donc le css que je voudrais lui mettre:

Code:

<<<Nom du lien>>>
{
background: url("http://larmes-du-phenix.fr/nav/phenav.png")no-repeat bottom, url("http://larmes-du-phenix.fr/nav/backnavup.png")no-repeat top;
  overflow: visible;
  background-color: #3e9272;
  position: relative;
  z-index: 2;
  width: 100px;
  height: 149px;
  margin-left: -1px;
 transform: all;
-moz-transform: all;
-o-transform: all;
-htm-transform: all;
-webkit-transform: all;
transition: 2s;
-moz-transition: 2s;
-o-transition: 2s;
-htm-transition: 2s;
-webkit-transition: 2s;
}
<<<Nom du lien>>>
{
background: url("http://larmes-du-phenix.fr/nav/karalmour.png")no-repeat top, url("http://larmes-du-phenix.fr/nav/backnavup.png")no-repeat top;
 background-color: #3e9272;
 height: 149px;
 width: 100px;
transform: all;
-moz-transform: all;
-o-transform: all;
-htm-transform: all;
-webkit-transform: all;
transition: 2s;
-moz-transition: 2s;
-o-transition: 2s;
-htm-transition: 2s;
-webkit-transition: 2s;
}

Je n'ai donc pas trouver quel est le nom qu'il faut mettre. Pour les autres j'ai par example mit #i_icon_mini_register
/!\Je ne peut pas mettre un .mainmenu car il n'ont pas tous le même CSS/!\

Je vous remercie déjà pour d'avoir lut ce message et de partager votre savoir faire pour nous, les débutants

[Scoubifitz]

bonjour,

ils ont tous la même class , mais pas le même titre ...

Code:

.mainmenu img[title="Guide"]{
        background: url("http://larmes-du-phenix.fr/nav/phenav.png")no-repeat bottom, url("http://larmes-du-phenix.fr/nav/backnavup.png")no-repeat top;
          overflow: visible;
          background-color: #3e9272;
          position: relative;
          z-index: 2;
          width: 100px;
          height: 149px;
          margin-left: -1px;
         transform: all;
        -moz-transform: all;
        -o-transform: all;
        -htm-transform: all;
        -webkit-transform: all;
        transition: 2s;
        -moz-transition: 2s;
        -o-transition: 2s;
        -htm-transition: 2s;
        -webkit-transition: 2s;
        }
.mainmenu img[title="Guide"]:hover{
        background: url("http://larmes-du-phenix.fr/nav/phenav.png")no-repeat top, url("http://larmes-du-phenix.fr/nav/backnavup.png")no-repeat top;
         background-color: #3e9272;
         height: 149px;
         width: 100px;
        transform: all;
        -moz-transform: all;
        -o-transform: all;
        -htm-transform: all;
        -webkit-transform: all;
        transition: 2s;
        -moz-transition: 2s;
        -o-transition: 2s;
        -htm-transition: 2s;
        -webkit-transition: 2s;
        }

  

[Kiorg]

Effectivement, cela marche très bien.
Je te remercie énormément, tant de stress soulagé 

"Résolu"

[Neptunia]

Bonjour ^^


Pour ma part je savais comment ajouter un identifiant au bouton, mais pas comment agir via le "titre" du bouton

  Scoubifitz