CSS pour les navigations personelles

Voir le sujet précédent Voir le sujet suivant Aller en bas

Résolu CSS pour les navigations personelles

Message par Kiorg le Dim 13 Avr 2014 - 18:39

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 Very Happy.
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 Very Happy


Dernière édition par Kiorg le Dim 13 Avr 2014 - 20:28, édité 1 fois (Raison : Résolu)

Kiorg
Nouveau membre

Messages : 2
Inscrit(e) le : 12/02/2014

http://testkiorg.forumactif.org/
Kiorg a été remercié(e) par l'auteur de ce sujet.

Résolu Re: CSS pour les navigations personelles

Message par Scoubifitz le Dim 13 Avr 2014 - 20:13

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;
        }

 Hi 

Scoubifitz
+ Hyperactif +

Masculin
Messages : 3539
Inscrit(e) le : 18/03/2008

http://scoubidous.superforum.fr/
Scoubifitz a été remercié(e) par l'auteur de ce sujet.

Résolu Re: CSS pour les navigations personelles

Message par Kiorg le Dim 13 Avr 2014 - 20:29

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

"Résolu"

Kiorg
Nouveau membre

Messages : 2
Inscrit(e) le : 12/02/2014

http://testkiorg.forumactif.org/
Kiorg a été remercié(e) par l'auteur de ce sujet.

Résolu Re: CSS pour les navigations personelles

Message par Neptunia le Dim 13 Avr 2014 - 20:45

Bonjour ^^


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

 merci Scoubifitz

Neptunia
+ Hyperactif +

Féminin
Messages : 10387
Inscrit(e) le : 08/08/2010

http://www.planet-series.com/
Neptunia a été remercié(e) par l'auteur de ce sujet.

Voir le sujet précédent Voir le sujet suivant Revenir en haut


Permission de ce forum:
Vous ne pouvez pas répondre aux sujets dans ce forum