Maquette (57)

11.01.2007

Pour Hadrien :

Alors, j'ai étudié le problème.

http://www.bwoup.com/taf/ob/maquette_graphique/myob-configurer_accueil.html

J'ai revu mes classes, tu pourras regarder l'exemple ci-dessus pour voir comment ça se passe.
En gros, pour l'effet hover tu ajoutes juste "-hover" au nom de la classe du conteneur de l'item (j'ai passé les left et right en transparent pour n'avoir à changer qu'une classe) :

admin_rubnav_item -> admin_rubnav_item-hover
admin_rubnav_impitem -> admin_rubnav_impitem-hover

J'ai donc retouché un peu aux classes pour que celà fonctionne ainsi.

.admin_rubnav_item {
    float: left;
    height: 30px;
    background-image: url(gfx/admin_rubnav_item_mid.gif);
    background-position: top right;
    background-repeat: repeat-x;
    }

.admin_rubnav_item-hover {
    float: left;
    height: 30px;
    background-image: url(gfx/admin_rubnav_item_mid-hover.gif);
    background-position: top right;
    background-repeat: repeat-x;
    }

.admin_rubnav_item_mid {
    float: left;
    padding: 5px 5px 0 5px;
    height: 25px;
    font-size: 14px;
    }

.admin_rubnav_item_select {
    float: left;
    height: 30px;
    background-image: url(gfx/admin_rubnav_item_select_mid.gif);
    background-position: top right;
    background-repeat: repeat-x;
    background-color: #FFCE7F;
    }

.admin_rubnav_item_select_mid {
    float: left;
    padding: 5px 5px 0 5px;
    height: 25px;
    font-weight: bold;
    font-size: 14px;
    }

.admin_rubnav_impitem {
    float: left;
    height: 30px;
    background-image: url(gfx/admin_rubnav_impitem_mid.gif);
    background-position: top right;
    background-repeat: repeat-x;
    }

.admin_rubnav_impitem-hover {
    float: left;
    height: 30px;
    background-image: url(gfx/admin_rubnav_impitem_mid-hover.gif);
    background-position: top right;
    background-repeat: repeat-x;
    }

.admin_rubnav_impitem_mid {
    float: left;
    padding: 5px 5px 0 5px;
    height: 25px;
    font-size: 14px;
    }

.admin_rubnav_impitem_select {
    float: left;
    height: 30px;
    background-image: url(gfx/admin_rubnav_impitem_select_mid.gif);
    background-position: top right;
    background-repeat: repeat-x;
    background-color: #FEDCCB;
    }

.admin_rubnav_impitem_select_mid {
    float: left;
    padding: 5px 5px 0 5px;
    height: 25px;
    font-size: 14px;
    font-weight: bold;
    }

Je sais, ça ressemble pas à ce que tu voulais faire niveau dev, mais tous les autres tabs sont conçus comme ça, j'aurais du faire la modif bien avant en fait, désolé.
Néanmoins, au niveau algorithmique, ça reste la même chose, tu rajoutes un bout de string dans le champ class="" :)