problème de Barre de Navigation

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

Résolu problème de Barre de Navigation

Message par pikacerise33 le Jeu 12 Oct 2017 - 13:40

Détails techniques


Version du forum : phpBB3
Poste occupé : Administrateur
Navigateur(s) concerné(s) : Google Chrome
Capture d'écran du problème :
Voir l'image:

Personnes concernées par le problème : Tous les utilisateurs
Problème apparu depuis : en ce moment meme
Lien du forum : http://back-to-tree-hill.forumactif.org/

Description du problème

Bonjour ,
J'ai un petit soucis , je suis en plein changement de design et me voici embeter avec la barre de navigation, elle devrait rendre comme l'image ci dessous mais reste bloquer en haut . Mon Overall n'a pas etait beaucoup modifié , mais le CSS pas mal pouvez vous m'aidez sil vous plait ?!

Spoiler:

Mon CSS

Code:
/**********************************************************************************************************************
 QEEL - By Batty
**********************************************************************************************************************/
/*corp du QEEL*/
.bls_corp{
position:relative; /*positionnement - NE PAS MODIFIER*/
width:800px; /*largeure*/
height:520px; /*hauteur*/
margin:auto; /*Centré le QEEL*/
}

/*mise en page des liens*/
.bls_corp a{
text-decoration:none;  /*suppression du soulignement par défaut*/
}

/*Mise en page des liens au survol*/
.bls_corp a:hover{
text-decoration:none!important;  /*suppression du soulignement par défaut*/


/*Mise en page du titre*/
.bls_titre{
position:absolute; /*positionnement - NE PAS MODIFIER*/
top:5px; /*positionnement - NE PAS MODIFIER*/
left:5px; /*positionnement - NE PAS MODIFIER*/
width: 500px; /*largeure*/
height:75px; /*hauteur*/
font-family: 'Fjalla One', sans-serif; /*police d'écriture*/
font-size:60px; /*taille du texte*/
text-transform:uppercase; /*Texte en majuscule*/
color:#046380; /*couleur du texte*/
text-align:center;  /*alignement du texte*/
}

/*Positionnement du bloc "membres" + bordure*/
.bls_stat1{
position:absolute; /*positionnement - NE PAS MODIFIER*/
top:95px; /*positionnement - NE PAS MODIFIER*/
left:5px; /*positionnement - NE PAS MODIFIER*/
width: 150px; /*largeure*/
height:75px; /*hauteur*/
box-sizing: border-box;
padding:5px; /*marge intérieur*/
border: 1px solid #ffffff; /*couleur de la bordure*/
}

/*Mise en page du bloc "membres"*/
.bls_stat1 div{
width:100%; /*largeure*/
height:63px; /*hauteur*/
box-sizing: border-box;
padding:10px 0px; /*marge intérieur*/
background: #046380; /*couleur de fond*/
text-align:center;  /*alignement du texte*/
color: #fff; /*couleur du texte*/
font-family: 'Fjalla One', sans-serif; /*police d'écriture*/
font-size:16px; /*taille du texte*/
text-transform:uppercase; /*Texte en majuscule*/
}

/*Positionnement du bloc "Sujets" + bordure*/
.bls_stat2{
position:absolute; /*positionnement - NE PAS MODIFIER*/
top:95px; /*positionnement - NE PAS MODIFIER*/
left:180px; /*positionnement - NE PAS MODIFIER*/
width: 150px; /*largeure*/
height:75px; /*hauteur*/
box-sizing: border-box;
padding:5px; /*marge intérieur*/
border: 1px solid #ffffff; /*couleur de la bordure*/
}

/*Mise en page du bloc "Sujets"*/
.bls_stat2 div{
width:100%; /*largeure*/
height:63px; /*hauteur*/
box-sizing: border-box;
padding:10px 0px; /*marge intérieur*/
background: #ffffff; /*couleur de fond*/
text-align:center; /*alignement du texte*/
color: #046380; /*couleur du texte*/
font-family: 'Fjalla One', sans-serif; /*police d'écriture*/
font-size:16px; /*taille du texte*/
text-transform:uppercase; /*Texte en majuscule*/
}

/*Positionnement du bloc "messages" + bordure*/
.bls_stat3{
position:absolute; /*positionnement - NE PAS MODIFIER*/
top:95px; /*positionnement - NE PAS MODIFIER*/
left:355px; /*positionnement - NE PAS MODIFIER*/
width: 150px; /*largeure*/
height:75px; /*hauteur*/
box-sizing: border-box;
padding:5px; /*marge intérieur*/
border: 1px solid #ffffff; /*couleur de la bordure*/
}

/*Mise en page du bloc "messages"*/
.bls_stat3 div{
width:100%; /*largeure*/
height:63px; /*hauteur*/
box-sizing: border-box;
padding:10px 0px; /*marge intérieur*/
background: #ffffff; /*couleur de fond*/
text-align:center; /*alignement du texte*/
color: #046380; /*couleur du texte*/
font-family: 'Fjalla One', sans-serif; /*police d'écriture*/
font-size:16px; /*taille du texte*/
text-transform:uppercase; /*Texte en majuscule*/
}

/*Mise en page du bloc "Bienvenue"*/
.bls_bienvenue{
position:absolute; /*positionnement - NE PAS MODIFIER*/
top:185px; /*positionnement - NE PAS MODIFIER*/
left:5px; /*positionnement - NE PAS MODIFIER*/
width: 500px; /*largeure*/
height:50px; /*hauteur*/
line-height:50px; /*hauteur d'une ligne*/
font-family: 'Fjalla One', sans-serif; /*police d'écriture*/
font-size:28px; /*taille du texte*/
text-transform:uppercase; /*Texte en majuscule*/
color:#046380; /*couleur du texte*/
text-align:center; /*alignement du texte*/
border: 1px solid #ffffff; /*couleur de la bordure*/
}

/*Mise en page du bloc des membres connectés*/
.bls_connecter{
position:absolute; /*positionnement - NE PAS MODIFIER*/
top:250px; /*positionnement - NE PAS MODIFIER*/
left:5px; /*positionnement - NE PAS MODIFIER*/
width: 500px; /*largeure*/
height:100px; /*hauteur*/
box-sizing: border-box;
background: #ffffff; /*couleur de fond*/
padding: 5px; /*marge intérieur*/
color: #046380; /*couleur du texte*/
font-family: 'Fjalla One', sans-serif; /*police d'écriture*/
font-size:20px; /*taille du texte*/
text-transform:uppercase; /*Texte en majuscule*/
}

/*mise en page du texte des membres connectés*/
.bls_connecter div{
width: 490px; /*largeure*/
height:65px; /*hauteur*/
font-family:arial; /*police d'écriture*/
font-size:12px; /*taille du texte*/
text-transform:none; /*Texte en majuscule*/
overflow:auto;  /*sroll bar automatique*/
}

/*mise en pasge du bandeau/bouton "anniversaire"*/
.bls_fete{
position:absolute; /*positionnement - NE PAS MODIFIER*/
top:350px; /*positionnement - NE PAS MODIFIER*/
left:5px; /*positionnement - NE PAS MODIFIER*/
width: 500px; /*largeure*/
height:28px; /*hauteur*/
box-sizing: border-box;
background: #046380; /*couleur de fond*/
padding: 5px; /*marge intérieur*/
color: #fff; /*couleur du texte*/
font-family: 'Fjalla One', sans-serif; /*police d'écriture*/
font-size:18px; /*taille du texte*/
text-transform:uppercase; /*Texte en majuscule*/
text-align:center; /*alignement du texte*/
transition:all 1s ease; /*duré de la transition*/
}

/*mise en page de base des fêtes*/
.bls_fete div{
position:absolute; /*positionnement - NE PAS MODIFIER*/
top:0px; /*positionnement - NE PAS MODIFIER*/
left:5px; /*positionnement - NE PAS MODIFIER*/
width: 490px; /*largeure*/
height:0px; /*hauteur*/
box-sizing: border-box;
overflow:hidden;  /*Texte qui se cache s'il exéde de notre bloc*/
background: #046380; /*couleur de fond*/
padding: 0px 5px; /*marge intérieur*/
text-align:left; /*alignement du texte*/
font-family:arial; /*police d'écriture*/
font-size:12px; /*taille du texte*/
text-transform:none; /*Texte en majuscule*/
transition:all 1s ease; /*duré de la transition*/
}

/*Mise en page du dévoilement des fêtes*/
.bls_fete:hover div{
position:absolute; /*positionnement - NE PAS MODIFIER*/
top:-95px; /*positionnement - NE PAS MODIFIER*/
left:5px; /*positionnement - NE PAS MODIFIER*/
width: 490px; /*largeure*/
height:90px; /*hauteur*/
box-sizing: border-box;
background: #ffffff; /*couleur de fond*/
padding: 5px; /*marge intérieur*/
font-family:arial; /*police d'écriture*/
font-size:12px; /*taille du texte*/
text-transform:none; /*Texte en majuscule*/
}

/*Mise en page des membres connectés au cours des 24 dernières heures - Bloc*/
.bls_24h{
position:absolute; /*positionnement - NE PAS MODIFIER*/
top:5px; /*positionnement - NE PAS MODIFIER*/
right:5px; /*positionnement - NE PAS MODIFIER*/
width: 280px; /*largeure*/
height:375px; /*hauteur*/
box-sizing: border-box;
background: #ffffff; /*couleur de fond*/
padding: 5px; /*marge intérieur*/
color: #046380; /*couleur du texte*/
font-family: 'Fjalla One', sans-serif; /*police d'écriture*/
font-size:20px; /*taille du texte*/
text-transform:uppercase; /*Texte en majuscule*/
text-align:right; /*alignement du texte*/
}

/*Mise en page des membres connectés au cours des 24 dernières heures - Text/Pseudo*/
.bls_24h div{
width: 270px; /*largeure*/
height:345px; /*hauteur*/
font-family:arial; /*police d'écriture*/
font-size:12px; /*taille du texte*/
text-transform:none; /*Texte en majuscule*/
overflow:auto; /*sroll bar automatique*/
text-align:left; /*alignement du texte*/
}

/*Positionnement des onglets de gauche*/
.bls_onglet-left{
position:absolute; /*positionnement - NE PAS MODIFIER*/
top:390px; /*positionnement - NE PAS MODIFIER*/
left:5px; /*positionnement - NE PAS MODIFIER*/
width:150px; /*largeure*/
}

/*positionnement des descriptions des groupes*/
.bls_onglet-middle{
position:absolute; /*positionnement - NE PAS MODIFIER*/
top:390px; /*positionnement - NE PAS MODIFIER*/
left:165px; /*positionnement - NE PAS MODIFIER*/
width:470px; /*largeure*/
height:105px; /*hauteur*/
border: 1px solid #046380; /*couleur de la bordure*/
}

/*Positionnement des onglets de droite*/
.bls_onglet-right{
position:absolute; /*positionnement - NE PAS MODIFIER*/
top:390px; /*positionnement - NE PAS MODIFIER*/
right:5px; /*positionnement - NE PAS MODIFIER*/
width:150px; /*largeure*/
}

/*Mise en page des onglet*/
.bls_onglet{
margin-bottom:5px; /*Marge extérieur dans le bas*/
padding:5px; /*marge intérieur*/
cursor:pointer; /* Curseur qui devien une petit main*/
text-align:center; /*alignement du texte*/
color: #fff; /*couleur du texte*/
font-family: 'Fjalla One', sans-serif; /*police d'écriture*/
font-size:16px; /*taille du texte*/
text-transform:uppercase; /*Texte en majuscule*/
border: 1px solid #ffffff; /*couleur de la bordure*/
}

/*Couleur du fond des onglets*/
.bls_onglet div{
background:#046380; /*couleur de fond*/
}

/*Couleur du cadre des onglets centraux*/
#onglet_2, #onglet_5{
border: 1px solid #ffffff; /*couleur de la bordure*/
}

/*Couleur du fond des onglets centraux*/
#onglet_2 div, #onglet_5 div{
background:#046380;; /*couleur de fond*/
}

/*Mise en page du bloc et des titres des descriptions des groupes*/
.bls_contenu{
display: none; 
width:450px; /*largeure*/
height:105px; /*hauteur*/
box-sizing: border-box;
padding: 5px; /*marge intérieur*/
text-align: justify; /*alignement du texte*/
color: #046380; /*couleur du texte*/
font-family: 'Fjalla One', sans-serif; /*police d'écriture*/
font-size:16px; /*taille du texte*/
text-transform:uppercase; /*Texte en majuscule*/
}

/*mise en page du texte descriptif des groupes*/
.bls_contenu div{
font-family: arial; /*police d'écriture*/
font-size:11px; /*taille du texte*/
text-transform:none; /*Texte en majuscule*/
width:455px; /*largeure*/
height:75px; /*hauteur*/
overflow: auto; /*sroll bar automatique*/
padding-right:5px;  /*marge intérieur*/
}

/*Positionnement du copyright - NE PAS SUPRIMER-*/
.bls_copyright{
position:absolute; /*positionnement - NE PAS MODIFIER*/
bottom:3px; /*positionnement - NE PAS MODIFIER*/
left:0px; /*positionnement - NE PAS MODIFIER*/
width:100%; /*largeure*/
text-align:center; /*alignement du texte*/
padding:2px 0px; /*marge intérieur*/
}

/*Mise en page du copyright - NE PAS SUPRIMER-*/
.bls_copyright a{
font-size:11px; /*taille du texte*/
text-decoration:none; /*suppression du soulignement par défaut*/
font-family:arial; /*police d'écriture*/
color: #046380; /*couleur du texte*/
}

/*Mise en page du copyright - NE PAS SUPRIMER-*/
.bls_copyright:hover a{
text-decoration:none; /*suppression du soulignement par défaut*/
}


/**********************************************************************************************************************
 QEEL - By Batty [END]
**********************************************************************************************************************/

/*** PAGE D'ACCUEIL ***/

#paragraphe {
    color: rgb(212, 230, 228 , 90);
  font-family: Julius Sans One;
  font-weight: 700;
  font-size: 15px;
}

.box_pa {
  background-color: #D4E6E4;
  height: 750px;
  width:800px;
  border-radius: 20px;
}

.titre_pa {
   font-family:Great Vibes;
   font-size:50px;
   position:relative;
   z-index:2;
   top:30px;
   color:#046380;
   font-weight:700;
   }
   
.liens_pa {
   
   }
   
.liensPA {
   font-family:Julius Sans One;
   font-size:20px;
  color:#377491;
   text-align:left;
  margin-left:30px;
   }

.contexte_pa {
  margin-top:20px;
  width: 500px;
  height: 155px;
  background-color:rgba(255, 255, 255, 90);
  padding: 10px;
  border-radius: 20px;
  /*position: relative;
  left: -25px;*/
  font-size:15px;
   }
   
.contexte_txt {
     width: 495px;
  height: 145px;
  overflow: auto;
  padding-right: 5px;
  text-align:justify;
   }

#slideTitre div{
  height:10px;
  position: relative;
  top:20px;
  display:block;
  z-index:200;
  font-family:'Great Vibes';
  color: #C4405F;
  text-align:center;
  font-size:35px;
  font-weight:700;
}
.fondStaffGeneral{
  position: absolute;
  z-index:5;
  left:0;
  width:750px;
}


.news_pa {
  color: black;
  font-size:15px;
  overflow:auto;
  border-bottom-right-radius:20px;
  border-bottom-left-radius:20px;
  background: #ffffff;
  height:171px;
  width:230px;
  overflow:hidden;
  margin-bottom:20px;
}

.blocPA#news, .boutonPA#news {
  background-color:#ffffff;
}

.blocPA {
  width:205px;
  height:160px;
  padding-left:10px;
  padding-right:5px;
  padding-top:20px;
  overflow:auto;
  font-size:13px;
  text-align:justify;
}

.boutonPA {
  display:inline-block;
  background: #ffffff;
  border-bottom:solid 1px #8DB2FE;
  /*border-bottom:1px solid grey;*/
  padding:3px 0px 10px 0px;
  width:112px;
  height:15px;
  position:relative;
  top:0px;
  font-size:20px;
  font-family:Julius Sans One;
  border-top-right-radius:20px;
  border-top-left-radius:20px;
  /*border-right: solid 1px #ccc;
  box-shadow: inset -1px 1px 6px rgba(100,100,100,.5);*/
  text-align:center;
}

.boutonPA#info {
  margin-right:5px;
  border-bottom:solid 1px #ffffff;
}

#info.active {
    border-bottom: 1px solid rgb(212, 230, 228 , 90);
}

#news.active {
    border-bottom: 1px solid rgb(185, 86, 77);
}

.news_pa div ul {
  list-style:none;
  padding-left:0;
  margin-top:0px;
}

.news_pa div ul li {
  margin-bottom:10px;
}

#slider {
  /*border:1px solid #046380;*/
  position: relative;
  overflow: hidden;
  /*margin: 20px auto 0 auto;*/
  margin-right:10px;
  border-radius: 20px;
  background-color: #ffffff;
  margin-bottom:20px;
}

#slider ul {
position: absolute;
margin: 0;
padding: 0;
height: 100px;
list-style: none;
top: 0px;
}

#slider ul li {
  float: left;
  position: relative;
  display: block;
  z-index:10;
  float: left;
  margin: 0;
  padding: 0;
  width: 250px;
  height: 200px;
  text-align: center;
  line-height: 20px;
}
.avatar_slide{
  height:200px;
}
#slider ul li #all{
  /*color: #046380;*/
  color:#377491;
  margin-top:20px;
  margin-left:20px;
  padding-top:20px;
  height:140px;
  width : 140px;
  float: left;
  text-align:center;
  /*background:rgba(255,255,255,90);*/
  -webkit-transition: all 0.4s ease-in-out;
  border-radius: 20px;
}

#name {
  font-family:Great Vibes;
  font-size:30px;
  font-weight:700;
  color:#377491;
}

.month {
  border-radius: 20px;
  background-color: #ffffff;
  position: relative;
  display: block;
  z-index:10;
  float: left;
  margin: 0;
  padding: 0;
  width: 250px;
  height: 200px;
  text-align: center;
  line-height: 20px;
  margin-bottom:20px; 
  margin-left:10px;
  color:#377491;
}

.month_in {
  width:100%;
  height:100%;
}

.month_name {
  position:relative;
  top:8px;
}

.texte_Month {
  float:right;
  width:140px;
  top:30px;
  position:relative;
}

#link {
  top:60px;
  color: #046380;
}
.underline {
  text-decoration:underline;
}

.pv_img {
  width:75px;
  border-radius:50%;
  /*opacity:0.5;*/
}

.affich_pv {
  width:100px;
  padding-left:70px;
}
a.control_prev, a.control_next {
  position: absolute;
  padding : 5px 20px 25px 10px;
  height : 0px;
  width : 0px;
  top: 85px;
  z-index: 99;
  display: block;
  background: #2a2a2a;
  color: #fff;
  text-decoration: none;
  font-weight: 600;
  font-size: 18px;
  opacity: 0.0;
  cursor: pointer;
  border-radius: 30px;
  -webkit-transition: all 0.4s ease-in-out;
}

.pv_pa {
  margin-top:20px;
  width: 210px;
  height: 220px;
  background-color:rgba(255, 255, 255, 90);
  padding: 20px;
  border-radius: 20px;
  font-size:15px;
  text-align:justify;
  color:#377491;
}

.pv_pa div{
  display:none;
}

 .pa_deroul{
 /*margin-top:0px;*/
 width:230px;
    background-color: #ffffff;
    color: #046380;
 }

.part_pa {
  width:230px;
}

#slider:hover a.control_prev,#slider:hover  a.control_next{
  opacity: 1;
  -webkit-transition: all 0.4s ease-in-out;
}
#slider:hover ul li div{
  /*background:rgba(255,255,255,90);
  -webkit-transition: all 0.4s ease-in-out;*/
}

a.control_prev{
  left:10px;
}

a.control_next {
  right: 10px;
}

/*Affichage sujet*/
.postbody {
  text-align:justify;
  width:529px!important;
}

.post_body {
      min-height: 200px;
  background-color: rgba(212, 230, 228, 90);
  height: auto;
  border-radius: 20px 50px/50px 20px;
  border: 1px solid rgb(62, 169, 145);
  padding: 15px;
  text-align: justify;
}

.bouton_post {
    display: inline-block;
  float: right;
  position: relative;
  right: 35px;
  bottom: 10px;
}


.label span{
 color:#00000 !important;
}

.icon_post {
      display: inline-block;
  width: 90px;
  position: relative;
  top: 19px;
}

.icon_post#online img {
  width:90px;
}
 
.avatar_cadre {
    background: url(https://dl.dropboxusercontent.com/u/45932993/BackAvatarPLL2.png) no-repeat;
border: 1px solid rgb(255, 255, 255 , 90);
  box-shadow: 2px 5px 5px rgba(0, 0, 0, 0.5);
  min-height:449px;
  height:auto;
  width:220px;
  border-radius: 20px 50px/50px 20px;
  margin-left: 5px;
  margin-right:5px;
}

#subject {
  border-radius:20px;
  padding:10px;
}

.avat_cadre {
  border: 1px solid rgb(255, 255, 255 , 100);
  background-color: rgba(212, 230, 228, 90);
  border-radius: 20px;
  padding: 5px;
  width: 200px;
  height: 320px;
}

.avat_cadre img{
  border-radius:20px;
}

.avat_info {
  border: 1px solid rgb(255, 255, 255, 100);
  background-color: rgba(212, 230, 228, 90);
  border-radius: 20px;
  padding: 10px;
  width: 190px;
  min-height: 110px;
  height: auto;
  text-align: justify;
}

.name {
 color:#ffffff;
  font-size: 25px;
  font-family: Great Vibes;
    display: inline-block;
  position: relative;
  top: -5px;
  z-index:5;
    margin-right: 30px;
}

.rank {
  display: inline-block;
    margin-right: 30px;
  position: relative;
  top: -12px;
  z-index: 1;
  font-family: Julius Sans One;
}

hr {
  border-left: transparent solid 0;
  border-top:rgb(212, 230, 228 , 90) solid 1px;
  width: 500px;
}

.subject_titre {
  font-family: Julius Sans One;
  font-size: 20px;
  color: #046380;
  float: left;
  display: inline-block;
  margin-top: 50px;
  margin-bottom: 15px;
  position: relative;
  left: -230px;
}

/*Top sites*/
.toplateral{
  padding-top:8px;
  width:60px;
  height:180px;
  background-image:url('https://dl.dropboxusercontent.com/u/45932993/PLLbakctop.png');
  background-repeat:no-repeat;
  background-position:right bottom;
  border-top-left-radius:20px;
  border-bottom-left-radius:20px;
  position:fixed;
  right:0%;
  top:70%;
  text-align:center;
  box-shadow:0px 0px 5px #524354;;
}

.topsite-image{
opacity:1;
-moz-transition: all 0.3s ease-in-out;
-o-transition: all 0.3s ease-in-out;
-webkit-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out;
}

 
.topsite-image:hover{
opacity:0.6;
}

/*Liste des sujets*/

.sublist {
  position:relative;
  z-index:5;
  width:42px;
}

.lastpost-avatar {
  display: inline-block;
  position: relative;
  z-index: 1;
  top: -30px;
  left: 30px;
}

.lastpost-avatar img {
  border-radius:100%;
}
 
div.topictitle {
font-weight:initial;
}

h2.topic-title {
  font-weight:700;
}

.last_post .postdetails {
  display: block;
  width: 145px;
  white-space: normal!important;
}
/*Catégories par Cheshire Cat*/
.modifcat{
  margin-top:10px;
  background-color:#f4f0e5;
}
.forumline{
  width:800px;
  margin:auto;
}
.cattitre{
  width:746px;
  text-align:center;
  margin-top:20px;
  margin-bottom:10px;
  margin-left:25px;
  margin-right:25px;
  padding-top:5px;
  font-size:35px;
  min-height:50px;
  color:#ffffff !important;
  background-color:#d9b698;
  font-family: 'Handlee', cursive;
}
.forumlink{
  letter-spacing:7px;
  font-size:20px;
  text-decoration:none;
  text-align:center;
  color:#c36e6e !important;
  font-family: 'Voltaire', sans-serif;
  transition:all ease 0.7s;
  -webkit-transition:all ease 0.7s;
}
.forumlink:hover{
  transition:all ease 0.7s;
  -webkit-transition:all ease 0.7s;
  text-decoration:none !important;
  color:#3D2617 !important;
}
.imgmess{
  position:relative;
  width:57px;
  height:100px !important;
  background-color:#d9b698;
  margin-right:10px;
  margin-bottom:15px;
  margin-left:25px;
  padding:5px;
}
.imgmess img{
  height:100px;
}
.liensfrm{
  overflow:auto;
  font-size:0px;
  width:130px;
  height:110px;
  background-color:#d9b698;
  bottom:-50px;
  margin-right:5px;
  margin-bottom:15px;
}
.liensfrm a{
  letter-spacing:2px;
  font-family: 'Voltaire', sans-serif;
  display:block;
  font-size:13px;
  max-width:130px;
  color:#c36e6e;
  background-color:#ffffff;
  border-bottom:3px solid #794a2f;
  text-align:center;
  text-decoration:none;
  transition:all ease 0.7s;
  -webkit-transition:all ease 0.7s;
}
.liensfrm a:hover{
  color:#ffffff !important;
  background-color:#c36e6e;
  text-decoration:none !important;
  transition:all ease 0.7s;
  -webkit-transition:all ease 0.7s;
}
.descfrm{
  position:absolute;
  margin:auto;
  width:310px;
  height:90px;
  font-size:11px;
  background-color:#d9b698;
  overflow:auto;
  margin-bottom:15px;
  margin-left:2px;
  text-align:justify;
  padding:10px;
  color:#000000;
  font-family: 'Open Sans', sans-serif;
}
.avatarfrm{
  overflow:hidden;
  width:57px;
  height:100px;
  background-color:#d9b698;
  padding:5px;
  margin-bottom:15px;
}
.avatarfrm img{
  height:100px;
}
.derniermess{
  position:relative;
  width:96px;
  height:100px;
  font-size:10px;
  background-color:#d9b698;
  margin-left:5px;
  margin-bottom:15px;
  margin-right:25px;
  padding-left:5px;
  padding-right:5px;
  padding-top:10px;
  color:#000000;
  font-family: 'Open Sans', sans-serif;
}
.derniermess a{
  color:#c36e6e;
  text-decoration:none;
  transition:all ease 0.7s;
  -webkit-transition:all ease 0.7s;
}
.derniermess a:hover{
  color:#3D2617;
  transition:all ease 0.7s;
  -webkit-transition:all ease 0.7s;
  text-decoration:none !important;
}
/*Fin des catégories*/
/* --------------------------------- CORPS FORUM --------------------------------- */
*img {
  max-width:100%;
}*/

/*ChatBox*/
body.chatbox {
  background-color: #D4E6E4;
  background-image: none;
  margin: 0;
  min-width: 550px!important;
  padding: 0;
}
#chatbox_header .catBottom .cattitle {
 color:maroon; /*couleurs en anglais ex Green, Purple, Maroon, black etc... */
}
#chatbox_header .cattitle strong { display: none; }
#chatbox_header .cattitle:before { content: "Place de la ville"; }  /* Modifier NOM par le titre que vous désirez */
#chatbox_header .cattitle strong { visibility: hidden; }
#chatbox .msg{word-wrap: break-word;}
#chatbox .user, #chatbox .date-and-time{white-space: nowrap;}
#chatbox .user{white-space: nowrap;}


/* Message de connexion CB */
.msg span[style*="green"] strong {
    color: #377491; /* couleur */
  font-family:Julius Sans One;
}

/* Message de déconnexion CB */
.msg span[style*="red"] strong {
    color: #377491; /* couleur */
  font-family:Julius Sans One;
}


/*Autres*/

#i_logo {
    height: 470px;
}

.bodyline {
 
  /*background-color:#E8E7E7;*/
/*-webkit-border-radius: 100px;
-moz-border-radius: 100px;
border-radius: 100px;*/
/*border-right: 5px solid #000;
  border-left: 5px solid #000;
  box-shadow: 0px 5px 20px #046380;*/
}

.forumline {
  background-color:#dfeadb;
}
body {
  background-color: #F5F1D5;
  background-position: none;
  background-size: 60%;
  margin: 0;
  padding-top: 0!important;
}

.todo {
text-decoration: none;
border-bottom: 1px #ffffff dashed;
}
 
.row3Right{
border: none !important;
}
.thHead{
border: none !important;
}
.thCornerL, .thCornerR, .thTop{
border: none !important;
}
.thLeft, .thRight{
border-left: none !important;
border-right: none !important;
}
.catLeft, .catRight{
border: none! important;
}
.catHead{
border: none !important;
}
.catBottom{
border: none !important;
}

a:link {text-decoration: none;}
a:visited {text-decoration: none;}
a:hover {text-decoration: none !important;}
a { text-decoration: none; }

/*--- Bloc réponse rapide ---*/
 
.sceditor-container.ltr.sourceMode {
width:550px !important;
background-color: #ffffff !important;
}
.sceditor-container.ltr.wysiwygMode {
width:550px !important;
background-color: #ffffff !important;
}
/*corps du forum*/
#page-body {
  width: 800px;
  margin: auto }
/
/* --------------------------------- FIN CORPS FORUM --------------------------------- */
/*Présentation*/
.img {
width: 200px;
  height: 320px;
  overflow: hidden;
  border: 1px solid #000000;
  padding: 3px;
}

.upper {
  height: 320px;
  width: 200px;
  text-align: center;
  color: #046380;
  transition: 1s;
  background-color: #D4E6E4;
  margin-top: -324px;
  overflow: auto;
  margin-left: -30px;
  opacity: 0;
  padding-top: 5px;
}

.upper:hover {
  transition: 1s;
  opacity: 0.7;
    margin-left: 4px;
}
.forumline{background-color: #D4E6E4;}
.forumline{background-color: #D4E6E4;}

/*Profil et affichage de lavatar par Alu pour Never utopia */
.profilmembre {
  position:relative;
  margin-right:10px;/*à adapter pour que la flèche noire ne morde pas le texte (augmenter)*/
  background-color:#ABABAB;
}

.pseudo{
      padding:4px 0;
      width:200px;
      background-color:#046380;
      position:relative;
      text-align:center;
      font:Arial;
}

.pseudo .name a{font-size:20px; color:#737373 !important;}

.flecheprofil{
  width:0px;
  height:0px;
  border:8px solid transparent;
  border-left:25px solid #046380;
  position:absolute;
  top:10px;
  left:200px;
  color:#046380;
}

.rang {
  width:136px;
  height:19px;
  background-color: #1C1C1C;
  font: 10px Josefin Slab, Georgia;
  line-height:95%;
  text-transform: uppercase;
  color:#636363;
  margin:-15px auto 5px auto;
  padding:2px;
  text-align:center; 
  position:relative;
  z-index:2;
  -moz-box-shadow: 0px 0px 8px 0px #656565;
  -webkit-box-shadow: 0px 0px 8px 0px #656565;
  -o-box-shadow: 0px 0px 8px 0px #656565;
  box-shadow: 0px 0px 8px 0px #656565;
  filter:progid:DXImageTransform.Microsoft.Shadow(color=#656565, Direction=NaN, Strength=8);
}
.infoprofil{
  position:absolute;
  top:35px;
  left:0;
  background: rgba(0, 0, 0, 0.75);
  opacity:0;
  filter:alpha(opacity=0);
  height:320px;
  width:200px;
  text-align:center;
  font:13px sans-serif 500;
  text-transform:uppercase;
  color:#8A8A8A;
  -moz-transition: all 0.7s ease;
  -webkit-transition: all 0.7s ease;
  -o-transition: all 0.7s ease;
  transition: all 0.7s ease;
}
.infoprofil:hover{opacity:1; filter:alpha(opacity=100);}

.infoprofil .label span {
  visibility:visible;
  text-decoration:underline;
  display:block;
  background-color:rgba(0, 0, 0, 0.65);
  color:#8A8A8A !important;
  padding:5px;
  margin: 5px 0 -5px 0;
}
.infoprofil .label{visibility:hidden;}
.infoprofilrep {
  visibility:visible;
  display:block;
  background-color:rgba(0, 0, 0, 0.65);
  padding:3px;
  margin:-5px 0 -3px 0;
}
/*fin du profil ****************************************************/
.selectCode { float:right; text-transform: uppercase; cursor:pointer; }
div.cont_code { clear: right; }
code couleur partenaire
fiche partenaire
/* COULEURS LETTRES A/D/E/H/ETC */
.IIILTRS {
color:white !important; background:Crème !important;
/* COULEURS LETTRES B/C/F/G/ETC */
.IINDIII {
background:Teal !important;
}
/* COULEURS LISTES */
.IIILTRS div{
background:rgba(250,250,250,0.5) !important; color:black !important;
}
/* COULEURS CONSEIL BOTTIN */
.cdtABCIII {
background:lightblue !important;
}
.cdtABCIII a{
color:white !important;
}
}
Revenir en haut Aller en bas
SKAEMP
liste des membres :
/* AFFICHAGE LISTE DES MEMBRES */
/* BLOC ENTÊTE - RECHERCHER UN UTILISATEUR OU MODIFIER ORDRE AFFICHAGE */
.tleLMBER {
margin:0 auto 10px; width:650px;
background:rgba(255,255,255,0.5); /* MODIFIABLE */
}
/* TITRE ENTÊTE */
.tleLMBER th {
margin-bottom:5px; padding:5px 0;
text-transform:uppercase; font-family:Arial; font-size:16px;
background:black; color:white; /* MODIFIABLE */
}
/* BLOC LISTE DES MEMBRES */
#LMBER {
margin:auto; width:660px;
}
 /* BLOC MEMBRE */
#MBER {
float:left; margin:0 5px 10px;
width:200px; height:360px; padding:5px 5px 0; font-family:Arial;
background:rgba(255,255,255,0.5); /* MODIFIABLE */
}
/* PSEUDONYME */
.nameLMBER{
width:200px; height:15px; padding-bottom:5px;
text-align:center; text-transform:uppercase;
}
/* AVATAR */
.imgLMBER img{
width:200px; height:320px;
}
.imgLMBER div {
position:relative; margin-top:-320px;
width:200px; height:320px; overflow:hidden;
}
/* BLOC MESSAGES / INSCRIPTION / DERNIERE VISITE / INFORMATION */
.imgLMBER div div{
width:180px; height:300px; padding:10px; overflow:auto;
background:rgba(255,255,255,0.8); color:black; /* MODIFIABLE */
font-size:11px; text-align:justify;
transform:translateY(640px); -webkit-transform:translateY(640px);
transition:transform 0.85s linear; -webkit-transition:transform 0.85s linear;
}
#MBER:hover .imgLMBER div div{
transform:translateY(320px); -webkit-transform:translateY(320px);
}
/* IMAGES MP * WWW */
.btnLMBER {
position:relative; z-index:3; margin:-10px auto 0;
}
.btnLMBER img {
height:20px;
}
.selectCode { float:right; text-transform: uppercase; cursor:pointer; }
div.cont_code { clear: right; }
/* NAVIGATION */
.navSIT {
position:absolute; top:0; left:5%; /* MODIFIABLE - DETERMINE LA POSITION */
width:145px; padding:15px 10px 25px; border-radius:0 0 75px 75px; line-height:16px;
background:rgba(0,0,0,0.3); /* MODIFIABLE */
}
.mainmenu img{
display:none;
}
/* LIENS NAVIGATION */
.navSIT a.mainmenu {
display:block; 
text-transform:uppercase; text-align:center;
font-size:12px; font-weight:bold; font-family:Arial; color:white; /* MODIFIABLE */
opacity:0.8; transition:opacity 0.55s; -webkit-transition:opacity 0.55s;
}
/* SURVOL LIEN NAVIGATION */
.navSIT a.mainmenu:hover {
opacity:1;
}
/* DECONNEXION */
a#logout.mainmenu {
font-size:0px;
}
a#logout.mainmenu::after {
display:inline-block; vertical-align:middle;
font-size:12px !important; content:'Déconnexion'; /* MODIFIABLE */
}
/* MENU RECHERCHE */
#search_menu {
top:45px !important;
}
/* COULEUR FOND MENU RECHERCHE */
#search_menu td.row2 {
background:lightgrey !important; font-family:Arial; /* MODIFIABLE */
}
/* COULEUR TEXTE MENU RECHERCHE */
#search_menu td.row2 span.genmed {
color:black !important; /* MODIFIABLE */
}
/* TITRE MENU RECHERCHE */
#search_menu th.thHead {
text-transform:uppercase; font-family:Arial; /* MODIFIABLE */
background:grey; color:white; /* MODIFIABLE */
}
/* BARRE MENU RECHERCHE */
#search_menu input.post {
height:23px !important; border:none !important;
background:white; color:black; /* MODIFIABLE */
}
/* BOUTON MENU RECHERCHE */
#search_menu input.button {
height:25px; border:none !important; text-transform:uppercase;
background:black; color:white !important; /* MODIFIABLE */
}
/* RECHERCHE AVANCEE */
#search_menu a{
display:block; margin-bottom:5px; width:235px;
background:none !important; border:none !important;
text-transform:uppercase; font-weight:bold; color:black !important; /* MODIFIABLE */
}
avatar

pikacerise33
*

Messages : 39
Inscrit(e) le : 11/09/2017

http://back-to-tree-hill.forumactif.org/
pikacerise33 a été remercié(e) par l'auteur de ce sujet.

Résolu Re: problème de Barre de Navigation

Message par MlleAlys le Jeu 12 Oct 2017 - 18:55

Bonjour,
dans le panneau d'administration > affichage > en-tête et navigation, vérifiez que l'option "Afficher seulement des images dans la barre des liens :" est cochée sur NON, enregistrez.
avatar

MlleAlys
Membre actif

Messages : 4626
Inscrit(e) le : 12/09/2012

MlleAlys a été remercié(e) par l'auteur de ce sujet.

Résolu Re: problème de Barre de Navigation

Message par pikacerise33 le Jeu 12 Oct 2017 - 22:43

Malheureusement rien ne change :/
J'ai mis ca comme ca cest bien ca ?

avatar

pikacerise33
*

Messages : 39
Inscrit(e) le : 11/09/2017

http://back-to-tree-hill.forumactif.org/
pikacerise33 a été remercié(e) par l'auteur de ce sujet.

Résolu Re: problème de Barre de Navigation

Message par pikacerise33 le Jeu 12 Oct 2017 - 22:44

C'est bon merci je n'etai pas au bonne endroit
avatar

pikacerise33
*

Messages : 39
Inscrit(e) le : 11/09/2017

http://back-to-tree-hill.forumactif.org/
pikacerise33 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