Le deal à ne pas rater :
Tablette 11″ Xiaomi- Mi Pad 6 global version (coupon + code promo)
224.97 €
Voir le deal

Modification de catégorie

Modification de catégorie Empty Dim 21 Mai - 3:42
Bonjour, ayant trouvé mon bonheur parmi vos codes plus d'une fois, je voulais savoir s'il y avait moyen de modifier l'une de vos catégories ( celle-ci : http://sd-g1.archive-host.com/membres/images/e2ab7c6f0c5541d509ba8775a99136cd9309b0b7/Codage/Visuels/TCAT32.png ).

Je souhaiterais faire apparaître une image descriptive ainsi que le message signalant un nouveau message dans le sujet / forum.
Voici le rendu que je voudrais lui donner : https://2img.net/r/hpimg4/pics/678963categorie.png

En vous remerciant d'avance.
Revenir en haut Aller en bas
Modification de catégorie Empty Dim 21 Mai - 7:25
Bonjour,

Remplacez l'intégralité du template index_box par :

Code:
<link href="https://fonts.googleapis.com/css?family=Fjalla+One" rel="stylesheet" type="text/css">
 <table width="900px" 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="topCAT"><div class="tleCAT">{catrow.tablehead.L_FORUM}</div></div>
    <div class="mdlCAT"><!-- END tablehead -->

    <!-- BEGIN cathead -->
    <!-- END cathead -->
   
    <!-- BEGIN forumrow -->
      <div class="blocFRM"><div class="FRM"><div class="boxDESC"><div></div></div><div class="boxFRM"><div class="tleFRM"><a href="{catrow.forumrow.U_VIEWFORUM}">{catrow.forumrow.FORUM_NAME}</a></div><div class="lmsgFRM">{catrow.forumrow.LAST_POST}</div><img src="{catrow.forumrow.FORUM_FOLDER_IMG}" class="imgFRM" /></div><div class="boxFRM"><div class="nbFRM"><p><b>{catrow.forumrow.TOPICS}</b><br/>sujets</p></div><div class="nbFRM nbIIFRM"><p><b>{catrow.forumrow.POSTS}</b><br/>messages</p></div></div></div><div id="descFRM"><div class="descFRM">{catrow.forumrow.FORUM_DESC}</div><div class="sfFRM"><div>{catrow.forumrow.L_LINKS}{catrow.forumrow.LINKS}</div></div><script type="text/javascript">$('.sfFRM').each(function(){$(this).html($(this).html().replace(/>, /g,"><br /> "));});</script></div></div> 
    <!-- END forumrow -->
   
    <!-- BEGIN catfoot -->
    <!-- END catfoot -->
    <!-- BEGIN tablefoot -->
 </div>
    <!-- END tablefoot --><!-- END catrow -->

Partie CSS :
Code:
/* HAUT CATEGORIE */
.topCAT {
margin:auto; width:900px; height:55px; padding-top:40px;
background:#D8E698; border-bottom:5px solid #CAD78E; /* MODIFIABLE */
}
/* BLOC TITRE CATEGORIE */
.tleCAT{
text-align:right; padding-right:35px;
}
/* TITRE CATEGORIE */
.tleCAT h2{
margin:0; font-size:36px; text-transform:uppercase; font-style:italic; letter-spacing:2px;
font-family:Fjalla One; color:white; text-shadow:1px 1px 0 rgba(0,0,0,0.1); /* MODIFIABLE */
}
/* CONTENU CATEGORIE */
.mdlCAT {
margin:auto; margin-bottom:15px;
width:898px; height:auto; padding-bottom:35px; border-top:none; border:1px solid;
background:white; border-color:#D8E698; /* MODIFIABLE */
}
/* BLOC FORUM */
.blocFRM{
width:900px; margin:auto; text-align:center;
}
/* BLOC IMAGE DESCRIPTIVE / TITRE / DERNIER MESSAGE / ICÔNES / NOMBRE SUJETS & MESSAGES FORUM */
.FRM {
display:inline-block; vertical-align:top; margin:35px 20px 0;
width:400px;
}
/* BORDURE IMAGE DESCRIPTIVE FORUM */
.boxDESC {
display:inline-block; vertical-align:middle;
border:1px solid;
border-color:#efefef;  /* MODIFIABLE */
}
/* BLOC IMAGE DESCRIPTIVE FORUM */
.boxDESC div{
margin:5px; width:90px; height:170px;
background:#D8E698; /* MODIFIABLE */
}
/* IMAGE DESCRIPTIVE FORUM */
.descFRM img{
position:absolute; margin-top:-20px; margin-left:-438px; width:90px; height:170px;
}
/* BLOC POSITIONNEMENT */
.boxFRM {
display:inline-block; vertical-align:middle; margin-left:15px;
}
/* TITRE FORUM */
.tleFRM {
margin-bottom:10px; width:175px;
text-align:center; font-size:18px; text-transform:uppercase; letter-spacing:1px;
}
.tleFRM a{
font-family:Fjalla One; color:#D8E698 !important; /* MODIFIABLE */
}
/* DERNIER MESSAGE FORUM */
.lmsgFRM {
width:175px; font-size:10px;
color:black; /* MODIFIABLE */
}
/* TITRE DERNIER MESSAGE FORUM */
.lmsgFRM a {
text-transform:uppercase;
}
/* ICÔNES FORUM */
.imgFRM {
margin:10px auto 0;
}
/* NOMBRE SUJETS FORUM */
.nbFRM {
width:86px; height:76px; padding:2px; overflow:hidden;
text-transform:uppercase; font-size:11px;
background:#EFEFEF; color:rgba(0,0,0,0.5); /* MODIFIABLE */
}
/* BORDURE NOMBRE SUJETS FORUM */
.nbFRM p{
margin:0; height:57px; padding-top:17px; border:1px solid;
border-color:white; /* MODIFIABLE */
}
/* NOMBRE MESSAGES FORUM */
.nbIIFRM {
margin-top:20px;
background:#EFEFEF; color:rgba(0,0,0,0.5); /* MODIFIABLE */
}
/* BORDURE NOMBRE MESSAGES FORUM */
.nbIIFRM p{
border-color:white; /* MODIFIABLE */
}
/* TAILLE NUMEROS NOMBRE SUJETS & MESSAGES FORUM */
.nbFRM b {
font-size:14px;
}
/* BLOC DESCRIPTION & SOUS-FORUMS */
#descFRM {
display:inline-block; margin-top:35px; margin-right:25px;
width:400px; height:178px; overflow:hidden; border:1px solid;
background:#cad78e; border-color:#d8e698; /* MODIFIABLE */
}
/* DESCRIPTION FORUM */
.descFRM{
margin:auto; margin-top:19px;
width:350px; height:128px; padding:5px; overflow:auto;
font-size:11px; text-align:justify; border:1px solid;
background:white; border-color:#d8e698; color:black; /* MODIFIABLE */
}
/* TRIANGLE SOUS-FORUMS */
.sfFRM {
margin-left:190px; margin-top:1px;
width:0; height:0; border-style:solid; border-width:0 10px 17.3px 10px; border-color:transparent;
border-bottom-color:white; /* MODIFIABLE */
}
/* BLOC SOUS-FORUMS */
.sfFRM div{
position:absolute; margin-top:-140px; margin-left:-180px;
width:350px; height:128px; padding:5px; overflow:auto;
background:white; /* MODIFIABLE */
opacity:0; transform:scale(0); -webkit-transform:scale(0);
transition:all 0.45s ease-in-out; -webkit-transition:all 0.45s ease-in-out;
}
.sfFRM:hover div{
opacity:1; transform:scale(1); -webkit-transform:scale(1);
}
/* LIEN SOUS-FORUM */
.sfFRM a{
font-size:16px; font-family:Fjalla One; text-transform:uppercase; color:#D8E698 !important; /* MODIFIABLE */
}
Revenir en haut Aller en bas
Modification de catégorie Empty Dim 21 Mai - 7:46
C'est parfait merci infiniment !
Revenir en haut Aller en bas
Revenir en haut Aller en bas
Vous ne pouvez pas répondre aux sujets dans ce forum