Problème de codage sur les titres de catégories
2 participants
Forum gratuit : Le forum des forums actifs :: Entraide & Support... :: Problème avec un script, un code :: Archives des problèmes avec un code
Page 1 sur 1 • Partagez
Problème de codage sur les titres de catégories
Détails techniques
Version du forum : phpBB2Poste occupé : Fondateur
Navigateur(s) concerné(s) : Mozilla Firefox, Google Chrome, Internet Explorer
Capture d'écran du problème :
- Voir l'image:
Personnes concernées par le problème : Tous les utilisateurs
Problème apparu depuis : Depuis le changement du codage des catégories, le 24 avril 2020
Lien du forum : https://childrenofcosmos.forumactif.org/
Description du problème
Bonjour,Je ne sais pas trop comment expliquer ça, mais lorsque j'ai changé les codages de mes catégories, en prenant un codage en libre service sur CCCrush, le code ne rends pas comme sur l'aperçu que voici:
- Spoiler:
Comme on le remarque au niveau du titre, ce dernier ne rend pas du tout comme sur l'aperçu, le fond (ou je ne sais pas comment cela s'appelle) à disparu et je ne sais pas comment le remettre.
- Voici mon template index-box modifié:
- Code:
<table width="800px" border="0" cellspacing="0" 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="tleCAT">{catrow.tablehead.L_FORUM}</div>
<div class="mdlCAT"><!-- END tablehead -->
<!-- BEGIN cathead -->
<!-- END cathead -->
<!-- BEGIN forumrow -->
<div class="FRM"><div class="tleFRM"><a href="{catrow.forumrow.U_VIEWFORUM}">{catrow.forumrow.FORUM_NAME}</a><div class="nbFRM">{catrow.forumrow.TOPICS} sujets & {catrow.forumrow.POSTS} messages</div></div><img src="{catrow.forumrow.FORUM_FOLDER_IMG}" class="imgFRM" /><div id="descFRM">{catrow.forumrow.FORUM_DESC}</div><div class="boxFRM"><div class="lmsgFRM">{catrow.forumrow.LAST_POST}</div><div class="avaFRM"><!-- BEGIN avatar -->{catrow.forumrow.avatar.LAST_POST_AVATAR}<!-- END avatar --></div></div><div class="sfFRM">{catrow.forumrow.L_LINKS}{catrow.forumrow.LINKS}</div></div>
<!-- END forumrow -->
<!-- BEGIN catfoot -->
<!-- END catfoot -->
<!-- BEGIN tablefoot -->
</div><div class="btmCAT"></div>
<!-- END tablefoot --><!-- END catrow -->
<!-- CODAGE PAR SKAEMP / CCCRUSH -->
- et le CSS qui l'accompagne:
- Code:
/* BLOC TITRE CATEGORIE */
.tleCAT {
margin:5px auto 0;
width:800px; padding:20px 0; text-align:center;
background:#74878B; /* MODIFIABLE */
}
/* TITRE CATEGORIE */
.tleCAT h2 {
margin:0;
font-size:32px; text-transform:uppercase; font-family:Arial;
color:white; letter-spacing:3px; /* MODIFIABLE */
}
/* BLOC CATEGORIE */
.mdlCAT {
margin:auto; width:800px; padding:25px 0 15px;
background:rgba(255,255,255,0.7); /* MODIFIABLE */
}
/* BAS CATEGORIE */
.btmCAT {
margin:0 auto 15px; width:800px;
height:15px; background:grey; /* MODIFIABLE */
}
/* BLOC FORUM */
.FRM {
margin:0 auto 10px; width:750px;
text-align:left; font-family:Arial;
}
/* BLOC TITRE FORUM */
.tleFRM {
margin:0 auto 10px;
width:740px; height:15px; padding:5px;
background:grey; /* MODIFIABLE */
}
/* TITRE FORUM */
.tleFRM a {
font-size:14px; font-weight:bold; text-transform:uppercase; letter-spacing:1px; line-height:16px;
color:white !important; /* MODIFIABLE */
}
/* NOMBRE SUJETS & MESSAGES FORUM */
.nbFRM {
float:right;
height:11px; padding:2px 4px;
font-size:9px; text-transform:uppercase; line-height:12px;
background:white; color:#191919; /* MODIFIABLE */
}
/* ICÔNES FORUM */
.imgFRM {
display:inline-block; vertical-align:top;
width:35px; height:100px;
}
/* BLOC DESCRIPTION FORUM */
#descFRM {
display:inline-block; vertical-align:top; margin:0 10px;
width:375px; height:100px; overflow:hidden;
background:#DEDEDE; /* MODIFIABLE */
}
/* IMAGE DESCRIPTIVE FORUM */
#descFRM img {
position:absolute;
width:375px; height:100px;
filter:grayscale(1); -webkit-filter:grayscale(1);
transition:all 0.45s ease-in-out; -webkit-transition:all 0.45s ease-in-out;
}
.FRM:hover #descFRM img {
filter:grayscale(0); -webkit-filter:grayscale(0);
}
/* DESCRIPTION FORUM */
.descFRM {
position:relative; z-index:3; margin:10px auto 0;
width:340px; height:70px; padding:5px; overflow-y:auto;
text-align:justify; font-size:9px; line-height:10px;
background:white; color:black; /* MODIFIABLE */
opacity:0; transition:all 0.45s ease-in-out; -webkit-transition:all 0.45s ease-in-out;
}
#descFRM:hover .descFRM {
opacity:1;
}
/* BLOC DERNIER MESSAGE / AVATAR DERNIER POSTEUR FORUM */
.boxFRM {
display:inline-block; vertical-align:top;
width:290px; height:85px; padding:15px 15px 0; overflow:hidden;
background:white; /* MODIFIABLE */
filter:grayscale(1); -webkit-filter:grayscale(1);
transition:all 0.45s ease-in-out; -webkit-transition:all 0.45s ease-in-out;
}
.FRM:hover .boxFRM {
filter:grayscale(0); -webkit-filter:grayscale(0);
}
/* DERNIER MESSAGE FORUM */
.lmsgFRM {
display:inline-block; vertical-align:middle; margin-right:10px;
width:220px; max-height:70px; overflow:hidden;
text-align:center; font-size:12px; text-transform:uppercase; line-height:18px;
color:black; /* MODIFIABLE */
}
/* TITRE SUJET DERNIER MESSAGE FORUM */
.lmsgFRM a {
font-size:13px; color:black; /* MODIFIABLE */
}
/* TAILLE PSEUDONYME DERNIER POSTEUR FORUM */
.lmsgFRM .gensmall {
font-size:13px; /* MODIFIABLE */
}
/* AVATAR DERNIER POSTEUR FORUM */
.avaFRM {
display:inline-block; vertical-align:middle;
width:60px; height:70px; overflow:hidden;
}
.avaFRM img {
width:60px;
}
/* BLOC SOUS-FORUMS */
.sfFRM {
margin:10px auto 0;
width:745px; padding-left:5px;
text-align:left; font-size:9px;
background:#EBEBEB; color:white; /* MODIFIABLE */
}
/* SOUS-FORUMS */
.sfFRM a {
display:inline-block; vertical-align:middle; margin:5px 0; margin-right:1px;
text-transform:uppercase; color:#191919 !important; /* MODIFIABLE */
}
Voici également le lien vers le forum (ou cas où il serait utile): https://childrenofcosmos.forumactif.org/
Merci d'avance.
Re: Problème de codage sur les titres de catégories
Hello o/
Le premier bout de ton CSS, pour la div .tleCAT, n'est pas appliqué sur ton forum. Jettes-y un œil ?
Le premier bout de ton CSS, pour la div .tleCAT, n'est pas appliqué sur ton forum. Jettes-y un œil ?
Re: Problème de codage sur les titres de catégories
Bonsoir,
Je ne comprends pas pourquoi justement, que faut-il faire pour arranger ça ? Je n'ai jamais eu ce problème avec un codage de catégorie avant.
Je ne comprends pas pourquoi justement, que faut-il faire pour arranger ça ? Je n'ai jamais eu ce problème avec un codage de catégorie avant.
Re: Problème de codage sur les titres de catégories
Re,
Essaies avec ce CSS (le même mais réordonné):
Essaies avec ce CSS (le même mais réordonné):
- Code:
/* BLOC TITRE CATEGORIE */
.tleCAT {
margin: 5px auto 0;
width: 800px;
padding: 20px 0;
text-align: center;
background-color: #74878B;
}
/* TITRE CATEGORIE */
.tleCAT h2 {
margin: 0;
font-size: 32px;
text-transform: uppercase;
font-family: Arial;
color: white;
letter-spacing: 3px;
}
/* BLOC CATEGORIE */
.mdlCAT {
margin: auto;
width: 800px;
padding: 25px 0 15px;
background: rgba(255,255,255,0.7);
}
/* BAS CATEGORIE */
.btmCAT {
margin: 0 auto 15px;
width: 800px;
height: 15px;
background: grey;
}
/* BLOC FORUM */
.FRM {
margin: 0 auto 10px;
width: 750px;
text-align: left;
font-family: Arial;
}
/* BLOC TITRE FORUM */
.tleFRM {
margin: 0 auto 10px;
width: 740px;
height: 15px;
padding: 5px;
background: grey;
}
/* TITRE FORUM */
.tleFRM a {
font-size: 14px;
font-weight: bold;
text-transform: uppercase;
letter-spacing: 1px;
line-height: 16px;
color: white !important;
}
/* NOMBRE SUJETS & MESSAGES FORUM */
.nbFRM {
float: right;
height: 11px;
padding: 2px 4px;
font-size: 9px;
text-transform: uppercase;
line-height: 12px;
background: white;
color: #191919;
}
/* ICÔNES FORUM */
.imgFRM {
display: inline-block;
vertical-align: top;
width: 35px;
height: 100px;
}
/* BLOC DESCRIPTION FORUM */
#descFRM {
display: inline-block;
vertical-align: top;
margin: 0 10px;
width: 375px;
height: 100px;
overflow: hidden;
background: #DEDEDE;
}
/* IMAGE DESCRIPTIVE FORUM */
#descFRM img {
position: absolute;
width: 375px;
height: 100px;
filter: grayscale(1);
-webkit-filter: grayscale(1);
transition: all 0.45s ease-in-out;
-webkit-transition: all 0.45s ease-in-out;
}
.FRM:hover #descFRM img {
filter: grayscale(0);
-webkit-filter: grayscale(0);
}
/* DESCRIPTION FORUM */
.descFRM {
position: relative;
z-index: 3;
margin: 10px auto 0;
width: 340px;
height: 70px;
padding: 5px;
overflow-y: auto;
text-align: justify;
font-size: 9px;
line-height: 10px;
background: white;
color: black;
opacity: 0;
transition: all 0.45s ease-in-out;
-webkit-transition: all 0.45s ease-in-out;
}
#descFRM:hover .descFRM {
opacity: 1;
}
/* BLOC DERNIER MESSAGE / AVATAR DERNIER POSTEUR FORUM */
.boxFRM {
display: inline-block;
vertical-align: top;
width: 290px;
height: 85px;
padding: 15px 15px 0;
overflow: hidden;
background: white;
filter: grayscale(1);
-webkit-filter: grayscale(1);
transition: all 0.45s ease-in-out;
-webkit-transition: all 0.45s ease-in-out;
}
.FRM:hover .boxFRM {
filter: grayscale(0);
-webkit-filter: grayscale(0);
}
/* DERNIER MESSAGE FORUM */
.lmsgFRM {
display: inline-block;
vertical-align: middle;
margin-right: 10px;
width: 220px;
max-height: 70px;
overflow: hidden;
text-align: center;
font-size: 12px;
text-transform: uppercase;
line-height: 18px;
color: black;
}
/* TITRE SUJET DERNIER MESSAGE FORUM */
.lmsgFRM a {
font-size: 13px;
color: black;
}
/* TAILLE PSEUDONYME DERNIER POSTEUR FORUM */
.lmsgFRM .gensmall {
font-size: 13px;
}
/* AVATAR DERNIER POSTEUR FORUM */
.avaFRM {
display: inline-block;
vertical-align: middle;
width: 60px;
height: 70px;
overflow: hidden;
}
.avaFRM img {
width: 60px;
}
/* BLOC SOUS-FORUMS */
.sfFRM {
margin: 10px auto 0;
width: 745px;
padding-left: 5px;
text-align: left;
font-size: 9px;
background: #EBEBEB;
color: white;
}
/* SOUS-FORUMS */
.sfFRM a {
display: inline-block;
vertical-align: middle;
margin: 5px 0;
margin-right: 1px;
text-transform: uppercase;
color: #191919 !important;
}
Re: Problème de codage sur les titres de catégories
Re,
Le soucis est toujours là :/
Le soucis est toujours là :/
Re: Problème de codage sur les titres de catégories
Re,
L'optimisation du CSS est désactivée ?
Si non, tu devrais peut-être essayer en désactivant l'option
L'optimisation du CSS est désactivée ?
Si non, tu devrais peut-être essayer en désactivant l'option
Dernière édition par mSyx le Sam 20 Juin 2020 - 23:10, édité 1 fois
Re: Problème de codage sur les titres de catégories
Il est bien désactivé oui.
Re: Problème de codage sur les titres de catégories
Ah, j'ai trouvé. Dans ton CSS, tu as ça:
C'est ce qui fait foirer le bout de CSS pour les catégories. Supprime-le, ou remplace-le par un séparateur en commentaire sans étoiles. Ex.:
- Code:
*********************************************************
C'est ce qui fait foirer le bout de CSS pour les catégories. Supprime-le, ou remplace-le par un séparateur en commentaire sans étoiles. Ex.:
- Code:
/* xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx */
Re: Problème de codage sur les titres de catégories
Merci beaucoup pour ton aide. C'est beaucoup mieux ainsi. Jamais je n'aurais penser que c'était ça qui bloqué. Mon problème est résolu du coup.
Sujets similaires
» Problème avec les titres de mes catégories
» Problème d'affichage des titres de catégories
» Probleme avec les titres de categories
» Problème avec les liens des titres de catégories
» Problème pour l'affichage des titres des catégories
» Problème d'affichage des titres de catégories
» Probleme avec les titres de categories
» Problème avec les liens des titres de catégories
» Problème pour l'affichage des titres des catégories
Forum gratuit : Le forum des forums actifs :: Entraide & Support... :: Problème avec un script, un code :: Archives des problèmes avec un code
Page 1 sur 1
Permission de ce forum:
Vous ne pouvez pas répondre aux sujets dans ce forum