Aide pour la légende an bas de page.

[patou689]

Détails techniques

Version du forum : ModernBB
Poste occupé : Fondateur
Navigateur(s) concerné(s) : Mozilla Firefox
Personnes concernées par le problème : Tous les utilisateurs
Problème apparu depuis : Aujoud'hui
Lien du forum : (lien masqué, vous devez poster pour le voir)

Description du problème

Bonjour,
Voilà, j'ai modifié manuellement les liens de la légende en bas de page.

J'ai créer des css pour chaque groups:

Code:

/*-------------------LEGENDE-ADMIN---------------------------*/
.legadmins {
  width:125px;
  background:#AD0707;
  color: #fff !important;
  padding: 2px 6px !important;
  border-radius: 6px;
  box-shadow: 2px 2px 5px #000;
  
}
.legadmins:hover{background-color:#bf2626; }
/*-------------------LEGENDE-MODO---------------------------*/
.legmodo {
  width:125px;
  background:#F50A0A;
  color: #fff !important;
  padding: 2px 6px !important;
  border-radius: 6px;
  box-shadow: 2px 2px 5px #000;
}
.legmodo:hover{background-color:#eb2323;}
/*-------------------LEGENDE-MODO IG---------------------------*/
.legmodoIG {
  width:125px;
  background:#0D5C09;
  color: #fff !important;
  padding: 2px 6px !important;
  border-radius: 6px;
  box-shadow: 2px 2px 5px #000;
}
.legmodoIG:hover{background-color:#277023;}
/*-------------------LEGENDE-GUIDE---------------------------*/
.legguide {
  width:125px;
  background:#00B300;
  color: #fff !important;
  padding: 2px 6px !important;
  border-radius: 6px;
  box-shadow: 2px 2px 5px #000;
}
.legguide:hover{background-color:#2dcf2d;}


Puis dans mon index_body dans la partie

Code:

<div class="block-footer">

J'ai donc ajouté ceci:

Code:

<div class="legadmins"><a href="/g6-administrateurs">Administrateurs</a></div>
            <div class="legmodo"><a href="/g2-moderateurs">Modérateurs</a></div>
            <div class="legmodoIG"><a href="/g3-moderateurs-ig">Modérateurs IG</a></div>
           <div class="legguide"><a href="/g4-guides">Guides</a></div>

Mais le soucis, c'est que tous m'affiche l'un en dessous de l'autre alors que je les voudrai un après l'autre.



Et puis, je voudrai aussi désactivé le survole du lien hypertext dans cette parti uniquement pour que mon texte soit en blanc.

En vous remerciant.

[Fallen Leaves]

Bonjour

Tente avec ça :

Code:

/*-------------------LEGENDE-ADMIN---------------------------*/
.legadmins {
  width:125px;
  background:#AD0707;
  color: #fff !important;
  padding: 2px 6px !important;
  border-radius: 6px;
  box-shadow: 2px 2px 5px #000;
  display: inline-block;
  margin-right: 10px;
  }
.legadmins:hover{background-color:#bf2626; }

.legadmins a, .legadmins a:hover, .legadmins a:visited{color:#fff;}
/*-------------------LEGENDE-MODO---------------------------*/
.legmodo {
  width:125px;
  background:#F50A0A;
  color: #fff !important;
  padding: 2px 6px !important;
  border-radius: 6px;
  box-shadow: 2px 2px 5px #000;
  display: inline-block;
  margin-right: 10px;
}
.legmodo:hover{background-color:#eb2323;}

.legmodo a, .legmodo a:hover, .legmodo a:visited{color:#fff;}
/*-------------------LEGENDE-MODO IG---------------------------*/
.legmodoIG {
  width:125px;
  background:#0D5C09;
  color: #fff !important;
  padding: 2px 6px !important;
  border-radius: 6px;
  box-shadow: 2px 2px 5px #000;
  display: inline-block;
  margin-right: 10px;
}
.legmodoIG:hover{background-color:#277023;}

.legmodoIG a, .legmodoIG a:hover, .legmodoIG a:visited{color:#fff;}
/*-------------------LEGENDE-GUIDE---------------------------*/
.legguide {
  width:125px;
  background:#00B300;
  color: #fff !important;
  padding: 2px 6px !important;
  border-radius: 6px;
  box-shadow: 2px 2px 5px #000;
  display: inline-block;
}
.legguide:hover{background-color:#2dcf2d;}

.legguide a, .legguide a:hover, .legguide a:visited{color:#fff;}

(Pas testé mais ça devrait le faire )

[patou689]

Ca marche super, je te remercie.

Je vois les modifs que tu as effectué, du coup, je m’endormirai moins bête se soir.