La date/heure actuelle est Ven 29 Mar 2024 - 6:09
7 résultats trouvés pour navig
Les sous-forum ne s'affichent pas
Détails techniques
Version du forum : phpBB2
Poste occupé : Fondateur
Navigateur(s) concerné(s) : Mozilla Firefox, Google Chrome, Internet Explorer, Opera
Capture d'écran du problème :
- Voir l'image:
Personnes concernées par le problème : Tous les utilisateurs
Problème apparu depuis : Depuis sa création, soit aux alentours du 20/06/16
Lien du forum : http://enkidievchronicles.forumactif.fr
Description du problème
Bonjour/Bonsoir tout le monde!Alors voilà, j'ai un petit soucis concernant les liens de mes forums. Les sous-forum ne s'affichent pas et j'aimerais bien que ceux-ci s'affichent. Cependant, j'ai bien coché dans la PA l'endroit où ils devaient s'afficher, mais j'ai commence l'impression que c'est un problème de code! J'espère que vous pourrez m'aider!
Voici ce qui est coché dans la PA:
https://i.servimg.com/u/f35/19/30/20/82/image210.jpg
Voici mon code CSS:
- CSS:
- .bodyline {
padding:0px;
}
body
{
background-position: top center center;
}
a { text-decoration: black; }
.bodyline {
padding: 0px;
}
body
{
background-repeat: no-repeat;
background-position: top center;
}
#navig
{
width: 950px;
margin: auto;
text-align: center;
}
#navigation
{
position: fixed;
z-index: 999;
width: 100%;
background-color: #EADAC6;
border-bottom: 1px solid #EADAC6;
margin-top: -10px;
margin-left: -10px;
padding: 5px;
}
/*-----------------------PA----------------*/
/* PAGE D\'ACCUEIL */
#VAES {
background:#c0bfd6 !important;
}
/* TITRE PREDEFINIS */
.pfVAES span{
background:rgba(250,250,250,0.3) !important; color:#191919 !important;
}
/* BLOC EVENEMENTS */
.newsVAES {
border-color:rgba(250,250,250,0.3) !important;
}
/* CONTENU STAFF */
.staffVAES p{
background:rgba(250,250,250,0.7) !important; color:black !important;
}
/* LIENS */
.lksVAES a{
background:rgba(250,250,250,0.6) !important; color:#191919 !important;
}
/* BLOC CONTEXTE */
#ctxtVAES {
border-color:rgba(250,250,250,0.3) !important;
}
/* CONTEXTE */
.ctxtVAES div{
background:rgba(250,250,250,0. !important; color:black !important;
}
/* BLOC PARTENAIRES */
.partVAES {
background:rgba(250,250,250,0.5) !important;
}
/*--------------fin------------------*/
/*------------------prez---------------*/
.bloc1 {
width: 500px;
height: 250px;
background-color: #82cec5 ;
padding: 2px;
text-align: justify;
overflow: auto;
}
.avatarprez {
width: 200px;
height: 316x;
display: block; /*définit le bloc*/
width: 200px; /*largeur*/
height: 320px; /*hauteur*/
overflow: hidden; /*cache l\\\'overflow*/
font-size: 11px; /*taille de la police*/
}
.avatarprez_contenu {
position: absolute;
display: block;
width: 200px;
height: 316px;
overflow: auto;
background-color: white;
font-size: 10px;
padding: 2px;
text-align: justify;
opacity: 0;
-moz-opacity: 0;
-khtml-opacity: 0;
filter: alpha(opacity=0);
transform: all;
-moz-transform: all;
-o-transform: all;
-htm-transform: all;
-webkit-transform: all;
transition: 1s;
-moz-transition: 1s;
-o-transition: 1s;
-htm-transition: 1s;
-webkit-transition: 1s;
}
.avatarprez_contenu:hover { /*nom de la class*/
opacity: 0.8; /*intensité de l\\\'opacité*/
-moz-opacity: 0.8;
-khtml-opacity: 0.8;
filter: alpha(opacity=80);
transform: all; /*assure la transition sur IE10*/
-moz-transform: all; /*assure la transition sur mozilla*/
-o-transform: all; /*assure la transition sur opera*/
-htm-transform: all;
-webkit-transform: all; /*assure la transition sur chrome et safari*/
transition: 1s; /*durée de la transition*/
-moz-transition: 1s;
-o-transition: 1s;
-htm-transition: 1s;
-webkit-transition: 1s; /*durée de la transition*/
}
.bloc2 {
width: 296px;
height: 316px;
background-color: #2cda14 ;
color: white;
padding: 2px;
text-align: justify;
overflow: auto;
}
.nomprenom {
font-family: \\\'Julius Sans One\\\', sans-serif;
font-size: 38px;
color: white;
}
.histoire {
font-family: \\\'Julius Sans One\\\', sans-serif;
font-size: 28px;
color: white;
}
/*----------------------------------*FIN*------------------------*/
/* --------------------------------- PROFIL --------------------------------- */
/* AFFICHAGE DU PROFIL */
.PFIL {
margin:auto; width:800px;
}
/* PSEUDONYME PROFIL */
.namePFIL {
margin-bottom:10px;
height:20px; padding:10px 0;
text-transform:uppercase; text-align:center;
background:#242424; color:#ccc; /* MODIFIABLE */
}
/* BLOC INFORMATIONS PROFIL */
#abtPFIL {
display:inline-block; margin-right:10px;
width:570px;
}
/* BLOC GAUCHE INFORMATIONS */
.abtPFIL {
display:inline-block; margin-right:10px;
width:285px; height:320px; padding:10px; overflow:auto;
font-size:11px;
background:#1a1a1a; color:#ccc; /* MODIFIABLE */
}
/* INTITULES CONTENU BLOC GAUCHE INFORMATIONS PROFIL */
.abtPFIL div span {
text-transform:uppercase; color:#ccc; /* MODIFIABLE */
}
/* CONTENU BLOC GAUCHE INFORMATIONS PROFIL */
.abtPFIL div{
padding:2px 0;
}
.abtPFIL .field_uneditable {
display:inline-block;
}
/* BORDURES BLOC INFORMATIONS PROFIL */
.borderPFIL {
padding:0 0 5px !important;
border-bottom:1px solid #ccc; /* MODIFIABLE */
}
/* BLOC DROITE INFORMATIONS PROFIL */
#adminPFIL {
display:inline-block; vertical-align:top;
width:255px; height:340px;
font-size:11px;
}
.adminPFIL {
height:275px; padding:10px; overflow:auto;
background:#1a1a1a; color:#ccc; /* MODIFIABLE */
}
/* CONTENU BLOC DROITE INFORMATIONS PROFIL */
.adminPFIL div{
padding:5px 0;
}
/* INTITULES CONTENU BLOC DROITE INFORMATIONS PROFIL */
.adminPFIL div span {
text-transform:uppercase; color:#ccc; /* MODIFIABLE */
}
/* BLOC IMAGES CONTACT PROFIL */
#ktactPFIL {
margin-top:10px; height:25px; padding:5px 0; text-align:center;
background:#1a1a1a; /* MODIFIABLE */
}
/* IMAGES CONTACT PROFIL */
.ktactPFIL {
display:inline-block;
}
.ktactPFIL img {
max-height:25px;
}
/* BLOC AVATAR */
#avPFIL {
display:inline-block; vertical-align:top;
width:200px; padding:10px;
background:#1a1a1a; /* MODIFIABLE */
}
.avPFIL {
width:200px; height:320px; overflow:hidden;
}
/* TITRE FEUILLE DE PERSONNAGE PROFIL */
.tleRPG {
margin:auto;
width:800px; padding:10px 0; text-transform:uppercase; text-align:center;
background:#242424; color:#ccc; /* MODIFIABLE */
}
/* CONTENU FEUILLE DE PERSONNAGE PROFIL */
.boxRPG {
margin:auto; width:780px; padding:10px;
background:#1a1a1a; color:#ccc; /* MODIFIABLE */
}
/* INTITULES CONTENU FEUILLE DE PERSONNAGE PROFIL */
.boxRPG span {
text-transform:uppercase; color:#ccc; /* MODIFIABLE */
}
/* --------------------------------- FIN PROFIL --------------------------------- */
.demidieufiche {
width: 480px;
padding: 10px;
font-family: \\\'Julius Sans One\\\', sans-serif;
font-size: 30px;
color: white;
background-color: #1ebab2
}
.humainsfiche {
width: 480px;
padding: 10px;
font-family: \\\'Julius Sans One\\\', sans-serif;
font-size: 30px;
color: white;
background-color: #8a4903;
}
.dieufiche {
width: 480px;
padding: 10px;
font-family: \\\'Julius Sans One\\\', sans-serif;
font-size: 30px;
color: white;
background-color: #000000;
}
.creaturefiche {
width: 480px;
padding: 10px;
font-family: \\\'Julius Sans One\\\', sans-serif;
background-color: #4cbd00;
font-size: 30px;
color: white;
}
.contextefiche {
width: 480px;
padding: 10px;
font-family: \\\'Julius Sans One\\\', sans-serif;
background-color: #1c1715;
font-size: 30px;
color: white;
}
.citation {
font-family: \\\'Julius Sans One\\\', sans-serif;
font-size: 24px;
color: white;
text-align: center;
}
.blocfichetout {
width: 480px;
padding: 10px;
background-color: #1c1715;
color: white;
text-align: justify;
}
/* QEEL */
/* QEEL */
.QEEL {
margin:auto; width:800px;
}
/* TITRE QEEL */
.tleQEEL {
margin-bottom:15px;
width:460px; height:60px; padding-top:25px;
font-family:Arial; background:#0d1217; box-shadow:inset 0 0 25px rgba(0,0,0,0.2); /* MODIFIABLE */
letter-spacing:2px; text-transform:uppercase; text-align:center;
}
.tleQEEL a{
font-size:32px;
color:white; /* MODIFIABLE */
}
/* BLOC DERNIER UTILISATEUR/TOTAL MEMBRES & MESSAGES/ANNIVERSAIRES */
.stsQEEL {
display:inline-block; vertical-align:top; margin-left:15px;
width:305px; height:295px; padding:10px; overflow:hidden;
background-color:rgba(0,0,0,0.; /* MODIFIABLE */
font-size:11px; text-align:center;
}
/* DERNIER UTILISATEUR ENREGISTRE QEEL */
.lstQEEL {
height:65px; width:305px; padding-top:20px;
background:#DEDEDE; color:black; /* MODIFIABLE */
text-transform:uppercase; text-align:center; font-size:16px;
}
/* TOTAL MEMBRES QEEL */
.tlMQEEL {
display:inline-block; vertical-align:top; margin-top:15px; margin-right:15px;
height:55px; width:145px; padding-top:25px;
background:#101e29; color:white; /* MODIFIABLE */
text-transform:uppercase; text-align:center;
}
/* NOMBRE MESSAGES QEEL */
.tlPQEEL {
display:inline-block; vertical-align:top; margin-top:15px;
height:55px; width:145px; padding-top:25px;
background:#294154; color:white; /* MODIFIABLE */
text-transform:uppercase; text-align:center;
}
/* ANNIVERSAIRES QEEL */
.anvQEEL {
display:inline-block; margin-top:15px;
width:305px; height:70px; padding-top:30px;
text-transform:uppercase; text-align:center; font-size:24px; font-weight:bold;
background:#191919; color:white; font-family:Arial; /* MODIFIABLE */
}
/* CONTENU ANNIVERSAIRES QEEL */
.anvQEEL div {
position:absolute; z-index:3; margin-top:-59px;
width:0px; height:80px; padding:10px; overflow:hidden;
text-align:justify !important;
background:#ccc; /* MODIFIABLE */
opacity:0; transition:all .45s linear; -webkit-transition:all .45s linear;
}
.anvQEEL:hover div{
width:285px; overflow:auto;
opacity:1;
}
.anvQEEL .row1{
background:none !important; padding:0 !important;
}
/* BLOC MEMBRES CONNECTES/24H & TRAITS GROUPES QEEL */
#ondayQEEL {
display:inline-block; vertical-align:top;
}
/* MEMBRES CONNECTES & 24H */
.ondayQEEL {
display:inline-block; vertical-align:top;
width:360px; height:195px; padding:10px; overflow:hidden;
background-color:rgba(250,250,250,0.; color:black; /* MODIFIABLE */
font-size:11px; text-align:justify;
}
.ondayQEEL:hover {
overflow:auto;
}
.ondayQEEL .row1 {
background:none; padding:0;
}
/* BLOC TRAITS GROUPES QEEL */
.GQEEL {
display:inline-block; margin-left:15px;
width:65px; padding-top:5px; height:210px; text-align:center;
background:black; /* MODIFIABLE */
}
/* TRAITS GROUPES QEEL */
.onglet {
display:block; margin:7px auto;
width:45px; height:10px;
opacity:0.7;
}
/* SURVOLEMENT TRAITS GROUPES QEEL */
.onglet_1 {
opacity:1;
}
/* DESCRIPTIFS GROUPES QEEL */
.blocGQEEL {
margin-top:15px; margin-left:245px;
width:545px; height:65px; padding:5px; overflow:auto;
background-color:rgba(0,0,0,0.5); color:white; /* MODIFIABLE */
text-align:justify; font-size:11px;
}
.contenu_onglet {
display:none;
}
/* NOMS DES GROUPES QEEL */
.contenu_onglet div {
position:absolute; z-index:3; margin-left:-250px; margin-top:-5px;
width:215px; height:45px; padding:20px 10px 10px; overflow:hidden;
font-size:18px; text-align:center; text-transform:uppercase;
color:white; text-shadow:-1px 1px 0 rgba(0,0,0,0.1); /* MODIFIABLE */
}
/* FIN QEEL */
/*---CATEGORIES---*/
/* TITRE CATEGORIES */
.tleCAT{
margin:15px auto;
width:800px; padding:10px 0; text-align:center;
background:#191919; /* MODIFIABLE */
}
.tleCAT h2{
margin:0 auto;
font-size:42px; text-transform:uppercase; letter-spacing:3px; /* MODIFIABLE */
font-family:Cambria; color:white; text-shadow:1px 1px 0px rgba(0,0,0,0.3); /* MODIFIABLE */
}
/* BLOC FORUM */
#blocFRM{
width:800px; height:165px; text-align:center; overflow:hidden;
margin:auto;
}
.blocFRM{
position:relative; width:800px; height:165px; overflow:hidden;
}
/* TITRE BLOCS FORUMS */
.tleFRM {
display:inline-block; height:20px; width:485px; padding:10px 5px 10px 10px; overflow:hidden;
font-family:Arial; font-size:16px; font-weight:bold; text-transform:uppercase; text-align:left;
background:#191919; /* MODIFIABLE */
}
.tleFRM a{
color:white !important; text-shadow:1px 1px 0px rgba(0,0,0,0.2); /* MODIFIABLE */
}
/* TRIANGLE TITRE FORUMS */
.triLFRM {
position:absolute; z-index:3; margin-left:490px; margin-top:-40px;
width:0; height:0; border-style: solid; border-width:40px 20px 0 0;
border-color:#191919 transparent transparent transparent; /* MODIFIABLE */
}
/* ICÔNES BLOCS FORUMS */
.imgFRM{
position:absolute; margin-left:-10px;
width:50px; height:40px;
}
/* TRIANGLE NOMBRE SUJETS ET MESSAGES */
.triRFRM {
position:absolute; z-index:3; margin-left:520px; margin-top:-40px;
width:0; height:0; border-style: solid; border-width:0 0 40px 20px;
border-color:transparent transparent #f1f0f4 transparent; /* MODIFIABLE */
}
/* NOMBRE SUJETS ET MESSAGES */
.nbFRM{
display:inline-block; vertical-align:top; height:20px; width:290px; padding:13px 5px 7px 5px; overflow:hidden;
text-align:center; font-size:11px; text-transform:uppercase; font-family:Arial;
background:#f1f0f4; color:rgba(0,0,0,0.5); /* MODIFIABLE */
}
/* BLOC SOUS-FORUMS/DESCRIPTION/DERNIER MESSAGE */
#000000 {
width:800px; height:125px;
}
/* SOUS-FORUMS */
.sfFRM {
display:inline-block; vertical-align:top;
width:205px; height:115px; padding:5px 125px 5px 5px; overflow:auto;
font-size:10px; text-transform:uppercase; text-align:justify;
background:#000000; /* MODIFIABLE */
}
/* LIENS SOUS-FORUMS */
.sfFRM a{
color:#000000 !important; /* MODIFIABLE */
}
/* TRIANGLE DESCRIPTIONS FORUMS */
.triFRM {
position:absolute; z-index:3; margin-top:-125px; margin-left:230px;
width: 0; height: 0; border-style: solid; border-width: 0 0 125px 105px;
border-color: transparent transparent #000000 transparent; /* MODIFIABLE */
}
/* DESCRIPTIONS BLOCS FORUMS */
.descFRM {
display:inline-block; vertical-align:top;
width:305px; height:115px; padding:5px; overflow:auto;
background:#000000; color:black; /* MODIFIABLE */
font-size:11px; font-family:Arial; text-align:justify;
}
/* IMAGES BLOCS FORUMS */
.descFRM img {
position:absolute; z-index:2; margin-top:-5px; margin-left:-340px;
width:335px; height:125px;
transition:all .65s linear; -webkit-transition:all .65s linear;
}
#dtlFRM:hover .descFRM img{
transform:translateX(-335px); -webkit-transform:translateX(-335px);
}
/* DERNIER MESSAGE */
.lmsgFRM {
display:inline-block; vertical-align:top;
width:130px; height:105px; padding:10px; overflow:hidden;
text-align:right; font-size:11px; text-transform:uppercase; line-height:24px;
background-color:rgba(250,250,250,0.7); /* MODIFIABLE */
}
/* FIN CATEGORIES */
.footer {
width: 894px;
background-color: white;
padding: 3px;
}
/************************************************** DÉBUT DES CATÉGORIES **************************************************/
/*Bloc des titres des catégories*/
.cate_title {
width: 800px;
height: 75px;
padding-top: 10px;
margin: auto;
text-align: center;
background-image: url('https://i.servimg.com/u/f35/19/30/20/82/nuage210.png');
background-repeat: no-repeat;
background-position: top center;
margin-bottom: -10px;
}
/*Titres des catégories*/
.cate_title h2 {
display: block;
padding-top: 15px;
height: 60px;
margin: 0px;
font-family: "Master Of Break";
text-shadow: 1px 1px 3px #a9a9a9;
font-size: 45px;
letter-spacing: 1px;
color: #2a2a2a;
}
.cate_title h2 img {
margin-top: -25px;
margin-left: 20px;
}
.cate_title h2 span {
display: none;
}
a.nav img {
display: none;
}
/*Bloc des catégories*/
.cate_bloc {
background-color: #b8a188;
width: 800px;
margin: auto;
margin-bottom: 10px;
border-radius: 10px;
padding-top: 50px;
padding-bottom: 1px;
font-family: "Cambria", sans-serif;
font-size: 12px;
letter-spacing: 1px;
color: black;
}
/*Bloc des forums*/
.cate_forum {
height: 100px;
width: 800px;
margin-bottom: 20px;
}
/*Image Old New Lock*/
.old_new_lock {
float: left;
margin-left: 15px;
margin-top: 21px;
width: 130px; /*Largeur des images*/
height: 57px; /*Hauteur des images*/
}
/*Masque*/
.old_new_lock {
-webkit-mask: url(http://www.aht.li/2552618/nuage.svg) center center / 130px 57px;
mask: url(http://www.aht.li/2552618/nuage.svg) center center / 130px 57px;
}
/*Bloc gris du mileu*/
.cate_forum_middle {
position: relative;
float: left;
margin-top: 10px;
margin-left: 15px;
margin-right: 15px;
width: 420px;
height: 53px;
padding: 10px;
padding-top: 17px;
background-color: #cfc0af;
border-radius: 10px;
}
/*Titres des forums*/
.forumlink {
position: absolute;
top: -20px;
z-index: 2;
height: 28px;
font-size: 20px;
font-family: 'DJB Dear St. Nick', cursive;
color: #3c3c3c!important;
font-weight: normal;
}
/*Titres survolés des forums*/
.forumlink:hover {
color: #3c3c3c!important;
text-decoration: none!important;
}
/*Désactiver les images des titres*/
.forumlink img {
display: none;
}
/*Description des forums*/
.forum_desc {
height: 53px;
overflow-y: auto;
padding-right: 5px;
text-align: justify;
}
/*Bloc gris des statistiques et du dernier message*/
.cate_forum_last {
position: relative;
float: left;
margin-top: 10px;
width: 160px;
height: 70px;
padding: 5px;
background-color: #cfc0af;
border-radius: 10px;
text-align: center;
}
/*Statistiques*/
.forum_last_stats {
margin-left: 3px;
margin-right: 3px;
margin-bottom: 10px;
padding-bottom: 3px;
font-size: 9px;
border-bottom: 1px dashed #000000;
}
/*Police du dernier message*/
.forum_last_mess, .forum_last_mess a.gensmall {
font-size: 11px;
font-family: "Georgia", sans-serif;
}
/*Couleur des liens du dernier message*/
.forum_last_mess a {
color: #000000;
}
/*Les barres de défilement dans les catégories*/
.forum_desc::-webkit-scrollbar {height:12px; width:5px; background:none; margin-right:5px;}
.forum_desc::-webkit-scrollbar-thumb {background:rgba(32,32,32,32); height:30px; border-radius:30px;}
.forum_desc::-webkit-scrollbar-corner {background:none;}
/************************************************** FIN DES CATÉGORIES **************************************************/
Mon INDEX_BOX:
- INDEX_BOX:
- <link href='http://fonts.googleapis.com/css?family=Covered+By+Your+Grace|Dancing+Script' rel='stylesheet' type='text/css' />
<table width="100%" border="0" cellspacing="1" cellpadding="0" align="center">
<tr>
<td valign="bottom">
<!-- BEGIN switch_user_logged_in -->
<span class="gensmall">{LAST_VISIT_DATE}<br />
{CURRENT_TIME}<br />
</span>
<!-- END switch_user_logged_in -->
<div class="nav"><a class="nav" href="{U_INDEX}">{L_INDEX}</a>{NAV_CAT_DESC}</div>
</td>
<td class="gensmall" align="right" valign="bottom">
<!-- BEGIN switch_user_logged_in -->
<a class="gensmall" href="{U_SEARCH_NEW}">{L_SEARCH_NEW}</a><br />
<a class="gensmall" href="{U_SEARCH_SELF}">{L_SEARCH_SELF}</a><br />
<!-- END switch_user_logged_in -->
<a class="gensmall" href="{U_SEARCH_UNANSWERED}">{L_SEARCH_UNANSWERED}</a>
</td>
</tr>
</table>
<!-- BEGIN catrow -->
<!-- BEGIN tablehead -->
<div class="cate_title">
{catrow.tablehead.L_FORUM}
</div>
<div class="cate_bloc">
<!-- END tablehead -->
<!-- BEGIN cathead -->
<!-- END cathead -->
<!-- BEGIN forumrow -->
<div class="cate_forum">
<img class="old_new_lock" title="{catrow.forumrow.L_FORUM_FOLDER_ALT}" src="{catrow.forumrow.FORUM_FOLDER_IMG}" alt="{catrow.forumrow.L_FORUM_FOLDER_ALT}" />
<div class="cate_forum_middle">
<a class="forumlink" href="{catrow.forumrow.U_VIEWFORUM}">{catrow.forumrow.FORUM_NAME}</a>
<div class="forum_desc">
{catrow.forumrow.FORUM_DESC}
</div>
</div>
<div class="cate_forum_last">
<div class="forum_last_stats">
Sujets:{catrow.forumrow.TOPICS} | Messages : {catrow.forumrow.POSTS}
</div>
<div class="forum_last_mess">
{catrow.forumrow.LAST_POST}
</div>
</div>
</div>
<!-- END forumrow -->
<!-- BEGIN catfoot -->
<!-- END catfoot -->
<!-- BEGIN tablefoot -->
</div>
<!-- END tablefoot -->
<!-- END catrow -->
Merci beaucoup
- le Sam 25 Juin 2016 - 22:21
- Rechercher dans: Archives des problèmes avec un code
- Sujet: Les sous-forum ne s'affichent pas
- Réponses: 8
- Vues: 3327
Centrer la partie "Navigation" de la Toolbar
il faut mettre le {#}navig{/#} en fixed et le top a 0px et jouer avec un left en % pour la centrer- Code:
#navig {
position: fixed;
left: 40%;
top: 0px;
z-index: 20003!important;
}
- le Dim 17 Avr 2016 - 22:12
- Rechercher dans: Archives des problèmes avec l'apparence du forum
- Sujet: Centrer la partie "Navigation" de la Toolbar
- Réponses: 39
- Vues: 2652
Barre de navigation flottante avec fonctionnalités étendues
sur le codage de la barre je vous avez mis une id {#}navig{/#} hors sur le script c'est une class .navig , mais même en changeant ceux ci ,aprés test , le script ne fonctionne pas , c'est assez étrange .il dois manqué quelques chose , vous n'avez pas fait de sauvegarde du codage complet avant modification ?
- le Ven 27 Nov 2015 - 12:13
- Rechercher dans: Archives des problèmes avec l'apparence du forum
- Sujet: Barre de navigation flottante avec fonctionnalités étendues
- Réponses: 47
- Vues: 3354
Problème de code de couleurs dans le profil
Détails techniques
Version du forum : phpBB2
Poste occupé : Fondateur
Navigateur(s) concerné(s) : Mozilla Firefox, Google Chrome, Internet Explorer, Opera, Safari
Capture d'écran du problème :
- Voir l'image:
Personnes concernées par le problème : Tous les utilisateurs
Lien du forum : http://quebec-masquerade.forumofficiel.com
Description du problème
Bonjour!J'ai récemment composé un forum en utilisant un code CSS que j'ai trouvé et je n'avais aucun problème avec ce dernier jusqu'à hier (je crois). Certaines personnes se sont plaintes qu'elles ne voyaient pas bien la couleur de la police sur le fond. J'ai donc opéré quelques changements de couleurs pour rendre le tout plus confortable à l'oeil, mais voilà que certains titres de champ dans les profils ne s'affichent plus ni en cliquant sur profil ni dans les messages.
Je me demande bien où j'aurais m*rdé. J'ai cherché partout, mais mes connaissances ne doivent pas être assez grande pour que je puisse déceler le problème toute seul ^^'
Je vous mets donc ici le code CSS ainsi que quelques captures d'écran pour expliciter le problème :
- Spoiler:
- body
{
background: url(\'https://i.servimg.com/u/f39/19/03/50/36/13030710.png\') repeat-y center, url(\'http://images3.alphacoders.com/278/278957.jpg\') no-repeat left top;
background-attachment: fixed, fixed;
background-color: #000000;
}
.bodylinewidth
{
width: 900px;
margin-left: auto;
margin-right: auto;
margin-top: -9px;
margin-bottom: -9px;
}
.bodyline
{
width: 900px;
padding: 0;
}
.mbodyline
{
width: 900px:
}
#navigation
{
position: fixed;
z-index: 999;
height: 30px;
width: 980px;
margin-left: -490px;
left: 50%;
}
#navig
{
width: 980px;
margin: auto;
text-align: center;
background: #000000;
border-bottom: 2px solid #470B0B;
border-right: 2px solid #470B0B;
border-left: 2px solid #470B0B;
border-radius: 0px 0px 20px 20px;
-moz-border-radius: 0px 0px 20px 20px;
-webkit-border-radius: 0px 0px 20px 20px;
-khtml-border-radius: 0px 0px 20px 20px;
padding-bottom: 3px;
padding-top: 10px;
box-shadow: 2px 2px 5px black;
}
#navig a
{
font-weight: bold;
color: #000000 !important;
text-shadow: 1px 1px 0px #060808;
font-size: 13px;
}
#navig a:hover
{
color: #000000 !important;
font-variant: small-caps;
font-size: 13px;
font-style: normal;
}
#i_logo
{
margin-top: 30px
}
table
{
width: 98%;
margin: auto;
}
.forumline
{
width: 100%;
border-bottom: 8px solid #470B0B;
border-top: 8px solid #470B0B;
border-left: 2px solid #470B0B;
border-right: 2px solid #470B0B;
margin-right: auto;
margin-left: auto;
margin-top: 10px;
margin-bottom: 10px;
padding: 4px;
background-color: #13181A;
-moz-border-radius: 40px 0px 40px 0px;
-webkit-border-radius: 40px 0px 40px 0px;
-o-border-radius: 40px 0px 40px 0px;
border-radius: 40px 0px 40px 0px;
}
a.forumlink
{
display: block;
width: 100%;
border-bottom: 2px dotted #470B0B;
padding: 4px;
font-size: 16px;
font-weight: bold;
font-variant: small-caps;
text-shadow: 0px 0px 2px #000000;
letter-spacing: 2px;
}
a:hover
{
text-decoration: none !important;
}
#page-footer a
{
font-size: 10px;
}
.quote
{ background: url(\'https://i.servimg.com/u/f39/19/03/50/36/13050110.png\') no-repeat right bottom, url(\'https://i.servimg.com/u/f39/19/03/50/36/13050111.png\') no-repeat left top;
padding-left: 30px;
padding-right: 30px;
height: px;
border-radius: 0px 0px 20px 20px;
-moz-border-radius: 0px 0px 20px 20px;
-webkit-border-radius: 0px 0px 20px 20px;
-khtml-border-radius: 0px 0px 20px 20px;
border-top: 3px solid #470B0B;
border-left: 3px solid #470B0B;
border-color: #470B0B;
}
.code
{
background: url(\'https://i.servimg.com/u/f39/19/03/50/36/13050112.png\') no-repeat left top, url(\'https://i.servimg.com/u/f39/19/03/50/36/13050113.png\') no-repeat right bottom;
padding-left: 30px;
padding-right: 30px;
height: px;
border-radius: 0px 0px 20px 20px;
-moz-border-radius: 0px 0px 20px 20px;
-webkit-border-radius: 0px 0px 20px 20px;
-khtml-border-radius: 0px 0px 20px 20px;
border-top: 3px solid #470B0B;
border-left: 3px solid #470B0B;
border-color: #470B0B;
color: #3E4F54;
}
.spoiler_closed
{
border-radius: 0px 0px 20px 20px;
-moz-border-radius: 0px 0px 20px 20px;
-webkit-border-radius: 0px 0px 20px 20px;
-khtml-border-radius: 0px 0px 20px 20px;
border-color: #470B0B;
border-top: 3px solid #470B0B;
border-left: 3px solid #470B0B;
}
.spoiler_content
{
background: url(\'https://i.servimg.com/u/f39/19/03/50/36/13051910.png\') no-repeat left top, url(\'https://i.servimg.com/u/f39/19/03/50/36/13051911.png\') no-repeat right bottom;
border-radius: 0px 0px 20px 20px;
-moz-border-radius: 0px 0px 20px 20px;
-webkit-border-radius: 0px 0px 20px 20px;
-khtml-border-radius: 0px 0px 20px 20px;
padding-left: 30px;
padding-right: 30px;
height: px;
border-color: #470B0B;
border-top: 3px solid #470B0B;
border-left: 3px solid #470B0B;
}
.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;
}
.mainoption
{
-moz-border-radius: 10px 0px 10px 0px;
-webkit-border-radius: 10px 0px 10px 0px;
-o-border-radius: 10px 0px 10px 0px;
border-radius: 10px 0px 10px 0px;
}
.liteoption
{
-moz-border-radius: 10px 0px 10px 0px;
-webkit-border-radius: 10px 0px 10px 0px;
-o-border-radius: 10px 0px 10px 0px;
border-radius: 10px 0px 10px 0px;
}
.opacite
{
opacity: 0.5;
-moz-opacity: 0.5;
-khtml-opacity: 0.5;
filter: alpha(opacity=50);
transition: opacity 1s;
-moz-transition: opacity 1s;
-o-transition: opacity 1s;
-webkit-transition: opacity 1s;
-htm-transition: opacity 1s;
}
.opacite:hover
{
opacity: 1;
-moz-opacity: 1;
-khtml-opacity: 1;
filter: alpha(opacity=1);
transition: opacity 2s;
-moz-transition: opacity 2s;
-o-transition: opacity 2s;
-webkit-transition: opacity 2s;
-htm-transition: opacity 2s;
}
#slide_avatar {
width:200px; /* largeur avatar */
height:320px; /* hauteur avatar */
border: 1px solid #470B0B; /* couleur bordure avatar */
overflow:hidden; /* ne pas toucher */
position:relative; /* ne pas toucher */
}
.glisse_avatar {
-webkit-transition:all 0.5s; /* fait glisser l avatar */
-moz-transition:all 0.5s; /* fait glisser l avatar autre navigateur */
-o-transition:all 0.5s; /* fait glisser l avatar autre navigateur */
-ms-transition:all 0.5s; /* fait glisser l avatar autre navigateur */
transition:all 0.5s; /* fait glisser l avatar autre navigateur */
top:0; /* ne pas toucher */
left:0; /* ne pas toucher */
width:100%; /* ne pas toucher */
height:100%; /* ne pas toucher */
position:absolute; /* ne pas toucher */
z-index:1;
}
#slide_avatar:hover > .glisse_avatar {
margin-left:200px; /* fait glisser l avatar a droite */
}
.infos_avatar {
background-color:#000000 !important; /* fond infos */
padding: 7px;
top:0; /* ne pas toucher */
left:0; /* ne pas toucher */
width:100%; /* ne pas toucher */
height:100%; /* ne pas toucher */
z-index:0;
}
body.chatbox {
background-color: #000000
}
.onglet {
display: inline-block;
margin: 0px 5px -4px 10px;
font-family : Verdana;
height : 20px;
width : 120px;
text-align: center;
font-family: georgia;
background-color: #transparant;
color: #FFFFFF;
border-radius: 10px;
}
.onglet_0 {
color: #999999;
position: relative;
font-family: georgia;
}
.onglet_1 {
font-family: georgia;
color: #999999;
position: relative;
font-variant: small-caps;
}
.contenu_onglet {
background-image: url(\'http://1.bp.blogspot.com/_DuJbw1RP8kI/SwceA2MkERI/AAAAAAAAAC4/SBszKEg7YBc/s1600/transparant.gif\');
padding:5px;
display:none;
text-align:center;
border-radius: 20px;
height: 300px;
width: 600px;
overflow : auto;
box-shadow: 0px 0px 10px grey;
background-repeat:no-repeat;
text-align: center;
color: #999999;
}
::-webkit-scrollbar {
height: 5px;
width: 10px;
background-color: #adb2bc; /* couleur de fond */
}
html > ::-webkit-scrollbar {
width: 8px; /* largeur de la barre */
}
::-webkit-scrollbar-thumb {
background: #4a576f; /* couleur de la barre qui se déplace */
border-radius: 50px; /* Arrondis */
}
::-webkit-scrollbar-track-piece {
background-color: #000000; /* couleur de fond */
}
#top_sites {
background:#adb2bc; /* couleur de fond */
border:2px solid #4a576f; /* couleur de la bordure */
position:absolute; /* élément flottant */
left:-90px; /* position par rapport à la gauche */
top:50px; /* position par rapport au haut */
height:260px; /* hauteur du cadre */
width:110px; /* largeur du cadre */
}
#top_sites:hover {
transition:all 0.5s;
-moz-transition:all 0.5s;
-webkit-transition:all 0.5s;
-o-transition:all 0.5s;
left:0px; /* position par rapport à la gauche */}
https://i.gyazo.com/e26727585f93394352cdd5a4f9647199.png
https://i.gyazo.com/87989c2e6d9cb1ccbcae55f410f47bec.png
https://i.gyazo.com/7dcc26e2acdc4da088c8fc59d3ef2314.png
Aidez-moi, pitié!
Merci!
- le Jeu 26 Mar 2015 - 16:29
- Rechercher dans: Archives des problèmes avec un code
- Sujet: Problème de code de couleurs dans le profil
- Réponses: 5
- Vues: 2340
Comment mettre sa bannière en dehors du cadre?
Hello,Je passe en coup de vent, sur les 2 url que tu as mis dans le sujet, il n'y a pas la barre de navigation en haut à gauche. Pense à nous donner le lien du forum en question s'il te plait.
Il faut réutiliser ce code là :
[Nihil] a écrit:La hauteur en haut de ton forum correspond en fait la hauteur de ta barre de navigation
Pour régler ça, on va positionner en absolute la barre de nav
- Code:
#navig {
position: absolute;
left: 8px;
top: 8px;
}
Attention #navig correspond à l'id de ton élément (c'était celui en place dans ton code). Si tu l'as modifié, il faut le modifier ici aussi.
- le Mer 4 Mar 2015 - 8:54
- Rechercher dans: Archives des problèmes avec un code
- Sujet: Comment mettre sa bannière en dehors du cadre?
- Réponses: 13
- Vues: 2236
Comment mettre sa bannière en dehors du cadre?
J'avais fait un long message et... Pfuiiii, la page s'est rechargée.... Allez, c'est reparti... ! On commence par une partie des problèmes déjàLa hauteur en haut de ton forum correspond en fait la hauteur de ta barre de navigation
Pour régler ça, on va positionner en absolute la barre de nav
- Code:
#navig {
position: absolute;
left: 8px;
top: 8px;
}
Ensuite, on va mettre à gauche le titre des catégories avec ceci :
- Code:
.secondarytitle {
text-align: left;
}
Pour le profil, les liens du profil avancé on la même classe que les liens de la barre de navigation. Donc quand tu modifies directement .mainmenu, tu changes 2 endroits en même temps.
Dans le CSS on va donc remplacer :
- Code:
.mainmenu {
border-radius: 0;
display: block;
margin: 0;
}
Par :
- Code:
#navig .mainmenu {
border-radius: 0;
display: block;
margin: 0;
}
C'est à dire qu'on ne va modifier que les .mainmenu à l'intérieur de #navig
- le Mar 24 Fév 2015 - 12:12
- Rechercher dans: Archives des problèmes avec un code
- Sujet: Comment mettre sa bannière en dehors du cadre?
- Réponses: 13
- Vues: 2236
Espace vide après footer + Barre de navig' remontée et coupée
pour le soucis de la barre de navigation, il faut augmenter la taille de la barre dans la partie #navigationVoici une modif qui me semble donner un bon résultat :
- Code:
#navigation {
background-color: #F7DBB0;
border-bottom: 2px solid #97315D;
border-radius: 0px 0px 150px 150px;
height: 19px;
margin-left: -10px;
margin-top: -10px;
opacity: 0.7;
padding: 5px;
position: fixed;
width: 100%;
z-index: 999;
}
et modifier le margin de #navig comme ceci
- Code:
#navig {
margin: 4px auto auto;
text-align: center;
text-decoration: none;
width: 80%;
}
résultat
- le Ven 26 Déc 2014 - 13:16
- Rechercher dans: Archives des problèmes avec l'apparence du forum
- Sujet: Espace vide après footer + Barre de navig' remontée et coupée
- Réponses: 16
- Vues: 1561