Dissocier deux menus

2 participants

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

Résolu Dissocier deux menus

Message par Juna Ven 29 Mai 2020 - 14:38

Détails techniques


Version du forum : phpBB2
Poste occupé : Fondateur
Navigateur(s) concerné(s) : Mozilla Firefox, Google Chrome
Capture d'écran du problème :
Voir l'image:

Personnes concernées par le problème : Tous les utilisateurs
Lien du forum : (lien masqué, vous devez poster pour le voir)

Description du problème

Bonjour à tous (c'est encore mouèèè)

Voilà, j'ai un mini chouilla problème qui m'embête depuis quelques jours et j'ai eu beau cherché partout, je n'arrive pas à trouver la solution :

Dissocier deux menus Screen28

Vous voyez que dans la toolbar, la police est de couleur blanche, ce que je veux.
Hélas, la couleur des liens de la page profil (et uniquement cette page) changent aussi quand je change ceux de la toolbar. En gros, si je change l'un, l'autre change aussi.
ça ne m'arrange pas puisque le blanc est invisible pour le menu du profil puisque blanc sur blanc....
J'ai vu qu'ils appartiennent tout les deux à .mainmenu, je pense que le problème vient de là mais j'ignore comment le résoudre.

Est-ce que quelqu'un pourrait m'aider svp, à dissocier les deux pour que le menu de mon profil redevienne indépendant svp ?

Merci infiniment.

Voici le code CSS :
Code:
/************ Début MISE EN FORME GENERALE et STRUCTURE DU FORUM *************/

.postbody{font-size:11px;line-height:13px;padding-left:20px;padding-right:20px;padding-bottom:5px;padding-top:5px;text-align:justify;}

/***** DEBUT DE LA PARTIE A C/C DANS LE  DE LA FICHE DE PARTENARIAT A CHAQUE MAJ DE DESIGN *****/

/* appeler directement des polices, couleurs ou images (de background) du forum */

  :root
  { police_titre: 'Averia Serif Libre', cursive; /* la police pour "les groupes" du QEEL */
    police_cate:'Fjalla One', sans-serif; /* police des catégories */
    police_texte:'Verdana','Arial','Helvetica',sans-serif; /* police des zones de texte */
    --img_top:url('https://i.servimg.com/u/f96/18/17/70/01/au910.gif');  /* l'image de lien des topsites (ne marche qu'en image de background */
    --img_header:url('https://i.imgur.com/ZWlcyHW.png'); /* le header pour la fiche partenariat */
    --img_intrig:url('https://i.imgur.com/9KYTLpi.jpg'); /* img d'intrigue sur la PA */
    --couleur_titre: #00000; /* le aa et "les groupes" du QEEL */
    --coul_navital: #6c8295; /* l'italique, la barre de navigation et le fond des catégories */
    --coul_bbclair: #F2F2F2; /* le bb (une couleur claire) */
    --coul_hover: #8ECCEA; /* la couleur de survol des liens */
    --coul_texte :#7D7D7D; /*la couleur de texte pour la fiche partenariat */
  }

  /* Deco italique */
  i ,italic,em{color :var(--coul_navital);}

  /* Police divers */
  aa{color: var(--couleur_titre) !important; font-weight: bold;}
  bb{color: var(--coul_bbclair) !important;}

  /* Liens du forum */
  a, a:active, a:visited, a:hover {text-decoration: none !important; }

  /* Transition de la couleur des liens */
  a {color:var(--coul_navital); /* couleur des liens non survolés */
    -webkit-transition:color 250ms ease-out; /* transition webkit */
    -moz-transition:color 250ms ease-out; /* transition mozilla */
    -o-transition:color 250ms ease-out; /* transition opera */
    transition:color 250ms ease-out; /* syntaxe d'avenir */}

  a:hover {color:var(--coul_hover); /* couleur des liens survolés */}
 
  /* blocs fiche partenaire */
   
  .bloc1{width:460px; height:50px;
    padding-top: 240px; 
    padding-bottom: 5px; 
    padding-left: 5px; 
    padding-right: 5px;
    margin: auto;
    border-radius: 10px 10px 0px 0px;
    background-color: #f7f7f7;
    background-image:var(--img_header);
    background-position: center top;
    background-repeat:no-repeat;
    background-size:cover;
    font-family:var(--police_titre);
    font-size:20px;
    color:var(--couleur_titre);
    text-align:center;
    text-shadow:0px 0px 6px #ffffff;} 
   
  .bloc2 {width:460px; height:150px;
    padding: 5px; margin: auto;
    background-color: #f7f7f7;
    font-family:var(--police_texte);
    font-size:10px;
    line-height:12px;
    color:var(--coul_texte);
    text-align:justify;}
 
  .bloc3 {width:460px; height:90px;
    padding: 5px; margin: auto;
    border-radius: 0px 0px 10px 10px;
    background-color: #f7f7f7;
    font-family:var(--police_cate);
    font-size:11px;
    letter-spacing: 1px;
    line-height:12px;
    color:var(--coul_texte);
    text-align:center;} 
  .bloc3 a{color:#BABABB!important; text-decoration:none;}
 
/***** FIN DU CODE A C/C DANS LA FICHE PARTENAIRE *****/

/*********** Début de la TOOLBAR **********/
 
/* les trucs moches à cacher */

  div#fa_search {display:none!important;} /* supprimer la barre de recherche */
  span#fa_share {display:none!important;} /* supprimer les liens réseaux sociaux */
  /*#fa_left {display:none!important;} /* supprimer le lien FA */*/
  #fa_hide {display:none!important;} /* supprimer la flèche pour cacher la barre */
  a#fa_hide {display: none!important;}
 
/* FOND TOOLBAR */
#fa_toolbar {
        padding-top: 0px !important;
        background: var(--coul_navital) !important;
        color: #000;
        z-index: 1005 !important;
        box-sizing: border-box;
}
 
#fa_right {
        float: left !important;
        text-transform: uppercase;
        font-size: 11px !important;
        font-family: Arial;
        color: white;
        font-weight: bold;
        margin-top: 4px;
        margin-left: 150px;
}
 
a#fa_notifications.rightHeaderLink {
    text-transform: uppercase;
    font-size: 11px;
    font-family: Arial;
    color: #fff !important;
    font-weight: bold;
}
 
#fa_right #fa_notifications, #fa_welcome {
    line-height: 22px !important;
}

/*Couleurs de police et des cadres développés pour "bienvenue" et "notifications*/
#fa_right.welcome #fa_menu #fa_welcome {
    background-color: var(--coul_navital) !important;
    color: #fff;
}

#fa_menu:hover :visited, #fa_toolbar > #fa_right.notification > #fa_notifications {
    background-color: var(--coul_navital) !important;
    color: #fff;
}

/*Couleurs des liens du menus*/
a.mainmenu:active, a.mainmenu:hover{
    /*background-color: var(--coul_navital) !important;*/
    color: #fff !important;
}
 
ul#notif_list {
    margin-top: 3px !important;
    margin-left: 83px !important;
    background-color: var(--coul_navital) !important;
    border: none !important;
}
 
#fa_toolbar #fa_right #notif_list li .contentText :link {
    text-decoration: none !important;
    color: black !important;
}
 
#fa_toolbar #fa_right #notif_list li {
    color: white;
    display: block;
    font-size: 1em;
    line-height: 1.2em;
    margin: 0;
    padding: 0 .5em .5em;
    padding-top: 0px;
}
 
#fa_toolbar #fa_right #notif_list li .contentText a {
 
    color: var(--coul_navital) !important;
    text-decoration: underline !important;
    vertical-align: baseline;
 
}
 
#fa_toolbar #live_notif .fa_notification {
    background-color: var(--coul_navital) !important;
    border-radius: 3px;
    opacity: .8;
    padding: 10px;
    color: #666666 !important;
}
 
li.unread {
    background-color: red !important;
}
 
li.see_all {
    background-color: var(--coul_navital) !important;
}
 
li.see_all a {
    font-weight: bold !important;
    text-align: center !important;
}
 
 
/* MENU TOOLBAR */

ul#fa_menulist {
    z-index: 1007 !important;
    margin-left: 50px;
    margin-top: 3px !important;
    border: none !important;
    background: var(--coul_navital); /* MODIFIABLE */
    font-size: 11px !important;
}
 
/* LIENS MENU TOOLBAR */
#fa_menulist a:link, #fa_menulist a:visited {
    color: white !important; /* MODIFIABLE */
}
 
span#fa_share {display:none!important;}
div#fa_search {display:none!important;}
#fa_toolbar { position:absolute; top:0; z-index:0; padding:10px 0; }
#fa_right { float:left; margin-left:110px; }
#fa_left { float:right; margin-right:30px; }
#nav_bar_1 {
        right: 0;
        padding: 0;
        position: fixed;
        top: 5px;
        width: auto;
        z-index: 1005 !important;
        display: block;
}
ul#fa_menulist {
  padding-bottom:35px;
  font-family:arial;
}


/* BORDURE AVATAR */
.img_pa
{
z-index: 1005!important;
position:fixed;
left:35px;
top:0px;
width:60px;
height:60px;
border-radius:40px;
overflow:hidden;
border:4px solid;
border-color:var(--coul_navital);
}
 
/* IMAGE AVATAR */
.img_pa img
{
  width:75px;
  margin-top: -20px;
  margin-left: -7px;
}

/* Taille de l'avatar*/
#fa_menu #fa_usermenu > img {
        max-width: 200px !important;
        max-height: 320px !important;
    }

/*********** Fin de la TOOLBAR **********/

/*********** Début BARRE DE NAVIGUATION MENU **********/
.mainmenu{
  font-size: 9px!important;
  font-weight: lighter;
  background-color:transparent!important;
  font-family: Verdana,Arial,Helvetica,sans-serif;
  text-transform:uppercase;
  line-height:-20px;
  letter-spacing: 1px;
  color: #fff !important;
  /*text-shadow: 2px 2px 2px #XXXX;*/
  z-index:999!important;
}
.mainmenu:hover {
color: #fff !important;
text-shadow: 2px 2px 2px #XXXX;
}
 
  /* NAVBAR EN HAUT */

#nav_barr {
position: fixed; /*--- position de la barre ---*/
    top: 2px!important; /* pour garder la barre au bon niveau en hauteur */
    right:0px;
height:26px!important; /*--- pour régler la hauteur de la barre */
background-color: transparent!important; /*--- On donne une couleur au fond ---*/
border:0px #000 solid!important;  /*--- On ajoute une bordure (ou pas) ---*/
  padding-top:0px!important; /* pour laisser de la marge en haut entre le cadre et les liens de la navbar */
  padding-bottom:6px!important; /* pour laisser de la marge en bas entre le cadre et les liens de la navbar */
  margin-right:0px!important;
z-index: 999!important; /* pour qu'elle reste "au-dessus" du reste du forum */}
 
  #nav_barr table{align:right!important;}
 
div#search_menu {position:absolute!important; top:33px!important; left:70px!important;width:320px!important;}
  #search_menu table{width:320px!important;}


/* Supprimer images de la barre de naviguation */
a.mainmenu img {display:none;}
a.mainmenu{padding-left: 1px; padding-right: 1px;}
.mainmenu img{ /* pour effacer la place des images à côté des liens accueil faq rechercher etc. */
display:none;}

 
 /* Couleur de la ligne en bas de la PA et des catégories */
 /*.couleurbaspa{width:800px;
    height:1px;
    background-color:silver; /* la couleur qu'on veut */
    /*box-shadow: 1px 1px 8px #454545;}*/
 
  .couleurbascat{width:790px;
    height:5px;
    background-color:silver; /* la couleur qu'on veut */ }
/*********** Fin BARRE DE NAVIGUATION MENU **********/

/******** Début Catégories *********/
.stpentour {
  width: 100%;
}

.tleCAT {
  height: 50px;
  margin-left: 250px;
  margin-bottom: -25px;
}

.tleCAT h2 {
  text-transform: uppercase;
  font-style: italic;
  margin-left: -230px;
  font-size: 25px;
  color: #eaeaea;
  text-shadow: 0px 1px 2px #000;
  font-family: 'Roboto Condensed', sans-serif;
}

.mdlCAT {
  width: 800px;
  height: 150px;
  margin: 0 auto;
  background-color: rgba(250, 250, 250, 0.7);
  box-shadow: 1px 1px 8px #454545;
  margin-bottom: 10px;
}

::-webkit-scrollbar {
  width: 5px;
  height: 10px;
}

.newsmessages .imgFRM {
  margin: 38px;
  position: absolute;
  width: 80px;
  height: 80px;
}

.tleFRM {
  position: absolute;
  height: 50px;
  text-decoration: none;
}

.tleFRM a {
  text-decoration: none !important;
  color: #454545;
  font-family: 'Roboto Condensed', sans-serif;
  font-size: 18px;
  font-style: italic;
  border-bottom: 1px solid #9fc5c1;
  margin-left: 40px;
  position: relative;
  top: 6px;
  text-transform: uppercase;
}

.descFRM {
  position: relative;
  width: 350px;
  height: 71px;
  margin-left: 145px;
  top: 10px;
  padding: 5px;
  font-family: 'Roboto Condensed', sans-serif;
  font-size: 12px;
  overflow: auto;
  color: #454545;
  line-height: 16px;
}

/* Concerne la scrollbar dans la parite interne aux informations */
/* Scrollbar sous Firefox */
.descFRM {
  scrollbar-width: thin;
  scrollbar-color: #d6d6d6;
}
/* Scrollbar sur navigateurs Webkit */
.descFRM ::-webkit-scrollbar {
  width: 6px;
  height: 6px;
}
.descFRM ::-webkit-scrollbar-track {
  background-color: #d6d6d6;
}
.descFRM ::-webkit-scrollbar-thumb, ::-webkit-scrollbar-button {
  background-color: #d6d6d6;
}

.separation {
  text-align: center;
  position: relative;
  left: 540px;
  top : 25px;
  width: 20px;
}

.right {
  float: right;
  margin: 5px;
}

.sjtFRM {
  font-family: 'Roboto Condensed', sans-serif;
  text-transform: lowercase;
  font-size: 10px;
  margin-top: -79px;
  text-align: center;
  margin-right: 46px;
  width: 150px;
  border-bottom: 1px solid #9fc5c1;
}

.lastpost {
  font-family: 'Roboto condensed', sans-serif;
  font-size: 10px;
  text-align: center;
  color: #454545;
  margin-top: 10px;
  margin-left: -40px;
}

.lastpost a {
  font-family: 'Roboto condensed', sans-serif;
  font-size: 12px;
  color: #454545 !important;
  text-decoration: none !important;
  font-style: italic;
}

.ava-dernier {
  float: right;
  margin-right: -244px;
  margin-top: -60px;
  background: #eaeaea;
  border: 3px solid #C2C2C2;
  height: 70px;
  overflow: hidden;
  right: 0;
  transition: 0.8s all;
  filter: grayscale(50%);
  transform: rotate(45deg);
  width: 70px;
  z-index: 9;
}

.ava-dernier:hover {
  transition: 0.8s all;
  filter: grayscale(0%);
  opacity: 1;
}

.ava-dernier img {
  width: 150%;
  position: relative;
  left: -20px;
  top: -50px;
  transform: rotate(-45deg);
}

.sousforumFRM {
  width: 880px;
  margin-top: 20px;
  margin-left: 60px;
  z-index: 5;
  position: absolute;
}

.sousforumFRM a {
  border-top: 1px solid #9fc5c1;
  text-decoration: none !important;
  color: #454545 !important;
  font-size: 11px;
  text-transform: uppercase;
}
/*********** FIN CATEGORIE **********/

/*********** Début QEEL ***********/
 
.bloc_qeel{background-color: #FFF;border: solid 1px #DFDFDF;border-radius: 3px;display: inline-block;
    line-height: 12px;margin: 5px;padding: 4px;text-align: justify;vertical-align: top;position:relative;height:300px;width:200px;overflow:auto;box-shadow: 1px 1px 8px #454545;}

.bloc_grcopy{background-color: #F2F2F2;border: solid 1px #DFDFDF;border-radius: 3px;display: inline-block;
    line-height: 20px;margin: 5px;padding: 4px;text-align: justify;vertical-align: top;position:relative;height:300px;width:336px;box-shadow: 1px 1px 8px #454545;}

  .div_gr_icon{position:relative;top:3px;left:0px;z-index:11;height:60px;transition:1s;-moz-transition:1s;-webkit-transition:1s;-o-transition:1s;}
  .div_gr_icon img{width:30px;height:30px;margin:0px;}

  .tab_gr{width:290px;height:70px;background:rgba(255, 255, 255, 0.7);position:relative;padding-left:2px;border-radius: 3px;border: solid 1px #e6e6e6;}

  .bloc_img_gr{position:relative;width:33px;}
  .bloc_comm_gr{position:absolute;top:15px;left:-15px;z-index:12;width:50px;background-color:#fff;border:1px solid silver;padding:3px;font-size:9px;
    font-family:var(--police_texte);line-height:9px;text-align:center;display:none;opacity:0.8;}
  .bloc_img_gr:hover>.bloc_comm_gr{display:block;}

  .iconotempo{width:320px;height:120px;position:relative;border-radius: 3px;border: solid 5px #fff;background:#fff;}

.bloc_copy{position:relative;top:3px;left:0px;width:316px;height:70px;background:rgba(255, 255, 255, 0.7);padding:2px;margin-top:6px;
    border-radius: 3px;border: solid 1px #e6e6e6;font-size:10px;line-height:10px;text-align:justify;}
 
.bottom_copy{width:800px;text-align:center;font-size:12px;line-height:10px;}
/*********** FIN DU QEEL ************/

/*********** Début CHATBOX **********/
/*Couleur de la bande supérieure*/
#chatbox_header, td.catBottom, #chatbox_header.main-head {
background: var(--coul_bbclair);
}
/*Cache le titre par défaut de la CB*/
#chatbox_header .cattitle strong {
display: none;
}
/*Titre personnalisé de la CB*/
#chatbox_header .cattitle:before {
content: "La taverne";
margin-top: 4px;
margin-left:6px;
color: #6E6E6E !important;
font-family: var(--police_texte);
font-size:9px;
text-transform:uppercase;
letter-spacing: 3px;
font-weight:lighter;
}
/*couleur du fond de la CB*/
body.chatbox{
background-color: #ffffff;
}
/*cache les couleurs de fond des lignes paires impaires de discussion dans la partie chat*/
.chatbox_row_1 {
background: none;
}
.chatbox_row_2 {
background: none;
}
/* chatbox : supprimer ligne et bloc de fond en ligne / absent */
#chatbox > p {
border-bottom: 0px solid #1c1616 !important;
}
#chatbox_members .member-title {background:transparent!important;}
/*********** Fin CHATBOX **********/

/*********** Début flèches haut/bas **********/
.hautbas{
    position: fixed;
    bottom: 10px; /* distance par rapport au bas de la page */
    right: 40px; /* distance par rapport à la droite de la page */
    z-index: 999;}
  .hautbas img{width:30px;height:30px;}
/*********** Fin flèches haut/bas **********/

/*********** Scroll bar **********/
::-webkit-scrollbar{
width: 7px; /*largeur de la scrollbar verticale*/
height: 15px; /*hauteur de la scrollbar horizontale*/
}
::-webkit-scrollbar-track {
background: #F0F0F0; /*couleur du fond de la scrollbar*/
border: 1px solid #F0F0F0;  /*bordure*/
}
::-webkit-scrollbar-thumb {
background-color: #c2c1c4; /*couleur de l'ascenseur*/;
border: 1px solid #c2c1c4;  /*bordure de l'ascenseur*/
}
/*********** Fin Scroll bar **********/

/*********** Début Apparence du forum **********/
/* Cadre du forum */ 
.bodyline { padding:10px !important;} 
.bodylinewidth{ width:785px !important;}

/* Bordures supprimées */
th.thHead {border-width: 0px 0px 0px !important;}
td.row3Right, th.thRight, th.thSides { border-width: 0px 0px 0px 0px;}

/* Supprimer les bordures disgracieuses des catégories */
td.catLeft {border-width:0 0 0 0px !important;}
td.catBottom {border-width:0 0px 0px !important;}
td.catHead {border-width:0px 0px 0 !important;}

body{
margin-top: 0px;
margin-bottom: 0px;}

/* Lignes du forum */
.ligne {
border-bottom: 1px #D2D2D2 solid;
margin-top: 3px;
margin-bottom: 5px;}

.ligne2 {
border-bottom: 2px #D2D2D2 dotted;
margin-TOP: 0px;
margin-bottom: px;}

.forumline .row1, .forumline .row2, .forumline .row3, .forumline .row3Right td.row3 {
  background-color: #FFF;
}
td.row3Right, td.spaceRow {
    background-color: #FFF;
 }
/*********** Fin Apparence du forum **********/

/*********** Début PA **********/
:root {
  --couleur1:#e7bdbb;
  --couleur2:white;
  --couleur3:#d38c89;
  --couleur4: #a8c0b2;
  --couleur5:#e99fab;
}

.container {
  display: flex;
  flex-direction: column;
  box-sizing: border-box;
}
.main-container,.second-container{
  display: flex;
  justify-content: space-evenly;
  margin: auto;
  width: 100%;
}

.main-container__first,.main-container__third{
  overflow: auto;
  height: 9em;
  padding: .5em;
  margin: 1em;
  border: 1px #e0dbdb solid;
  text-align: justify;
  background-color: #f9f9f9; /*fond des blocs gris clairs*/
  width: 30%;
}

.main-container__second{
  position: relative;
  height: 9em;
  width: 30%;
  /*padding-top: 3em;*/
}

/*titre des blocs*/
.title {
    text-transform: uppercase;
    text-align: center;
    border-bottom: 1px #585447 solid;
    font-size: 12px;
    font-weight: bold;
    letter-spacing: 4px;
    margin: 2px 2%;
    color:#80775c;
}

.admin{
    text-align: justify;
}

.admin1{
    text-align: justify;
    background-color: #f9f9f9; /*fond des blocs gris clairs*/
}

.imgadmin{
    text-align: center;
}

/*style des images pour les admins*/
.iconpa{
    width: 45px;
    border-radius: 100%;
    border: 4px solid #585447;
    margin: 5px;
    text-align: center;
    opacity:60%;
}
.iconpamdm-left{
    position: absolute;
    top: 0px;
    left: 0px;
    display: inline-block;
}
.iconpamdm-right{
    position: absolute;
    top: 0px;
    right:0px;
    display: inline-block;
}
.iconpa:hover,.iconpamdm:hover, .iconpacol:hover{
    opacity:100%
}
.text-mdm{
    padding-left: 40px;
    padding-right: 40px;
}

.second-container__first,.second-container__second,.second-container__third {
  overflow: auto;
  padding: .5em;
  margin: 0 1em 1em;
  text-align: justify;
  background-color: #f0f0f0;
}
.second-container__first,.second-container__third {
  width: 30%;
}

.second-container__third{
  /*display: flex;*/
}
.second-container__second {
  width: 30%;
  height: 30%;
  background:linear-gradient(#a8c0b2,#e6b1af);
  text-align: center;
  border: 3px double var(--couleur2);
  margin-top: 45px;
}

.second-container__first{
  /*display: flex;*/
  justify-content: space-around;
}
.box-img{
  /*width: 20%;*/
  text-align: center;
}
.second-first-text{
  text-align: justify;
  width: 70%;
}
.iconpa{
  width: 40px;
  border-radius: 100%;
  border: 4px solid white;
  margin: 5px;
  filter: grayscale(100%);
}
.iconpacol{
  width: 40px;
  border-radius: 100%;
  border: 4px solid white;
  margin: 5px;
  filter: grayscale(100%);
  opacity:60%;
}
.nav-container {
  width: 100%;
}

/*barre de navigation du haut*/
.navig {
  text-transform: uppercase;
  text-align: center;
  display: inline-block;
  padding:2px;
  width: 15%; /*à modifier en fonction de la largeur du forum*/
  background-color: var(--couleur1)
  border: double white 3px;
}
.navig>a{
  font-weight: bold;
  color: var(--couleur2);
}

/*couleur des noms d'admins*/
.admin{
  color: var(--couleur3);
  font-weight: bold;
  font-style: italic;
}
/* background contexte et infos pratiques*/
.empha{
  background-color: var(--couleur4);
  color: white;
  text-transform: uppercase;
  font-weight: bold;
  padding-right: 3px;
  padding-left: 3px;
}

.empha1{
  background-color: var(--couleur4);
  color: white;
  text-transform: uppercase;
  font-weight: bold;
  padding-right: 3px;
  padding-left: 3px;
  margin-left: 80px;
}

/*images rondes*/
.img-box{
  display: block;
  text-align: center;
  width: 100%;
}
/*texte des membres du mois*/
.mdm {
  font-style: italic;
  text-align: justify;
  width: 90%;
  margin-left: 10px;
}
/*footer de la pa*/
.nav-foot{
  background-color: #f9f9f9;
  /*text-transform: uppercase;
  letter-spacing: 1px;*/
  border: double white 3px;
  font-size: 6px;
}

/*couleurs des membres du mois*/
.col {
  color: var(--couleur4);
  font-weight: bold;
}

/*bloc des partenaires*/
#partner {
  margin-top: 5px;
  background-color: var(--couleur2);
  font-size: 9px;
  text-transform: uppercase;
}

.partnermore {
  background-color: rgba(255, 255, 255, 0.5);
  width: 100%;
  margin-top: 7px;
}
.partnermore>a {
  color: var(--couleur2);
  letter-spacing: 2px;
}
/*********** Fin PA **********/

/********** DEBUT PROFIL **********/

/* Commande profil par Cheshire Cat */
/* Concerne le pseudo du membre */
.SujetPseudo{
  margin-bottom:-12px; /* fait descendre le pseudo en dessous de la bordure du profil */
  text-align:center;
  /*text-transform:uppercase;*/
  font-size:20px;
}
/* Empêche le pseudo d'être écrit en gras */
.SujetPseudo strong{
  font-weight:normal;
}
/* Concerne l'avatar et le rang */
.SujetProfil{
  margin:0 5px;
  width:230px;
  padding:15px;
  box-sizing:border-box;
  border-radius:15px;
  border:1px solid #d6d59c;
  background-color:#fff;
}
/* Concerne le rang */
.SujetRang{
  margin:-10px 0 15px;
  text-align:center;
  font-size:15px;
  color:#6e520f;
  letter-spacing:1px;
}
/* Concerne les informations du profil */
.SujetInfosProfil{
  width:175px;
  padding:0px 15px 0px 15px;
  margin-top:-1px;
  margin-left:15px;
  box-sizing-border-box;
  border-bottom-left-radius:15px;
  border-bottom-right-radius:15px;
  border:1px solid #d6d59c;
  background-color:#fff;
  transition:all 800ms;
  font-size:11px;
}

/* Ajoute un padding supérieur au passage de la souris pour afficher les informations */
.SujetInfosProfil:hover{
  padding:15px 15px 0 15px;
}
/* Concerne la parite interne aux informations */
.SujetInfosProfil > div{
  height:0px;
  overflow:auto;
  transition:all 800ms; /* créé une transition progressive avant et après passage de la souris */
}

/* Concerne la scrollbar dans la parite interne aux informations */
/* Scrollbar sous Firefox */
.SujetInfosProfil > div {
  scrollbar-width: thin;
  scrollbar-color: #d6d6d6 #FFFFFF;
}
/* Scrollbar sur navigateurs Webkit */
.SujetInfosProfil > div::-webkit-scrollbar {
  width: 6px;
  height: 6px;
}
::-webkit-scrollbar-track {
  background-color: #FFFFFF;
}
::-webkit-scrollbar-thumb, ::-webkit-scrollbar-button {
  background-color: #d6d6d6;
}

/* Affiche les informations au survol */
.SujetInfosProfil:hover > div{
  height:180px;
}
/* Concerne les champs du profil */
.SujetLabel{
  margin-bottom:5px;
  margin-right:5px;
  padding:3px 3px 3px 3px;
  background-color:#fafafa;
  /*border:1px solid #bcb7ba;*/
  color:#6e520f;
}
/* Supprime le margin-bottom pour le dernier champ du profil */
.SujetLabel:last-of-type{
  margin-bottom:0;
}
/* Concerne la feuille de personnage */
.SujetFeuillePerso{
  color:#6e520f;
}
/* Concerne le lien vers la feuille de personnage */
.SujetFeuillePerso a[href="/u1rpgsheet"]{
  text-align:center;
  letter-spacing:1px;
  display:block;
  margin:10px 0 5px;
  color:#6e520f;
  border-bottom:1px solid #6e520f;
}
/* Supprime les balises BR avant et après le lien vers la feuille de personnage */
.SujetFeuillePerso br:first-of-type,
.SujetFeuillePerso br:nth-of-type(2){
  display:none;
}
/* Concerne l'image en bas des informations du profil */
.ImageInfosClosed{
  /*margin-bottom:-1px;*/
  margin-left:5px;
  opacity:0.6;
}

/* empeche certaines infos du profil de depasser*/
.SujetInfosProfil > div img,
.SujetInfosProfil > div textarea {
  max-width: 100%;
  box-sizing: border-box;
}

/*Emplacement de l'avatar*/
.SujetAvatar a img{
  margin-top: -15px;
}
/********** FIN PROFIL  ***********/
Juna

Juna
**

Féminin
Messages : 88
Inscrit(e) le : 06/05/2006

https://testrynn.forumactif.com/
Juna a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Dissocier deux menus

Message par mSyx Ven 29 Mai 2020 - 14:51

Bonjour touèèè o/
Tu peux viser ce menu-ci précisément en ajoutant des sélecteurs en plus.

Par exemple:
Code:
.bodyline .three-col td .gen a.mainmenu {
    color: red;
}

On montre bien le chemin vers le menu du profil et non le menu-menu (tu me comprends).
Pour le coup, j'en ai mis 4 pour augmenter les chances que ça n'affecte rien d'autre; sinon, il faudrait toucher au template :b
mSyx

mSyx
****

Masculin
Messages : 394
Inscrit(e) le : 22/09/2012

https://forum.forumactif.com/
mSyx a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Dissocier deux menus

Message par Juna Ven 29 Mai 2020 - 22:31

Heyhooooo o/

Merci pour ton code, un petit !important et ça marche super !
J'apprends tous les jours haha

Merci beaucoup pour ton aide, et désolée de déranger à ce point, je ne sais pas comment j'ai codé ou ce que j'ai repris, mais apparemment ce n'est pas incroyable x)

Le problème est résolu <3
Juna

Juna
**

Féminin
Messages : 88
Inscrit(e) le : 06/05/2006

https://testrynn.forumactif.com/
Juna a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Dissocier deux menus

Message par mSyx Sam 30 Mai 2020 - 0:45

On est là pour aider, peu importe le niveau de codage I love you
Au plaisir !
mSyx

mSyx
****

Masculin
Messages : 394
Inscrit(e) le : 22/09/2012

https://forum.forumactif.com/
mSyx a été remercié(e) par l'auteur de ce sujet.

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

- Sujets similaires

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