problème de Barre de Navigation
2 participants
Forum gratuit : Le forum des forums actifs :: Entraide & Support... :: Gérer l'apparence de son forum :: Archives des problèmes avec l'apparence du forum
Page 1 sur 1 • Partagez
problème de Barre de Navigation
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 */
}
Re: problème de Barre de Navigation
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.
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.
MlleAlys- Membre actif
- Messages : 5900
Inscrit(e) le : 12/09/2012
Re: problème de Barre de Navigation
C'est bon merci je n'etai pas au bonne endroit
Sujets similaires
» Problème barre de navigation.
» Problème de barre de navigation
» Problème de Barre de Navigation
» Barre de navigation : Problème
» probleme de barre de navigation
» Problème de barre de navigation
» Problème de Barre de Navigation
» Barre de navigation : Problème
» probleme de barre de navigation
Forum gratuit : Le forum des forums actifs :: Entraide & Support... :: Gérer l'apparence de son forum :: Archives des problèmes avec l'apparence du forum
Page 1 sur 1
Permission de ce forum:
Vous ne pouvez pas répondre aux sujets dans ce forum