[50] Catégories

[50] Catégories Empty Sam 24 Jan - 6:37
[50] Catégories TCAT1

Remplacer l'intégralité du template par :
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>
    <!-- END tablehead -->

    <!-- BEGIN cathead -->
    <!-- END cathead -->
 
    <!-- BEGIN forumrow -->
    <div class="FRM"><div class="boxFRM"><div class="tleFRM"><a href="{catrow.forumrow.U_VIEWFORUM}">{catrow.forumrow.FORUM_NAME}</a></div><div class="nbFRM">{catrow.forumrow.TOPICS} sujets ♦️ {catrow.forumrow.POSTS} réponses</div><div class="descFRM">{catrow.forumrow.FORUM_DESC}</div></div><img class="imgFRM" src="{catrow.forumrow.FORUM_FOLDER_IMG}" /><div class="boxIIFRM"><div class="lmsgFRM"><span style="display:inline-block; vertical-align:middle; height:80px;"></span><span style="display:inline-block; vertical-align:middle;">{catrow.forumrow.LAST_POST}</span></div><div class="sfFRM"><span>+</span><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 -->
    <!-- END tablefoot --><!-- END catrow -->
    <!-- CODAGE PAR SKAEMP / CCCRUSH -->

Partie CSS :
Code:
/* BLOC TITRE CATEGORIE */
.tleCAT {
margin:10px auto;
width:800px; padding:10px 0; border-radius:10px;
background:grey; /* MODIFIABLE */
}
/* TITRE CATEGORIE */
.tleCAT h2 {
margin:0 auto;
text-align:center; font-size:42px; text-transform:uppercase; letter-spacing:3px; font-family:Arial;
color:white; /* MODIFIABLE */
}
/* BLOC FORUM */
.FRM {
margin:0 auto 10px;
text-align:center; font-family:Arial;
}
/* BLOC TITRE / NOMBRE SUJETS & MESSAGES / DESCRIPTION FORUM */
.boxFRM {
display:inline-block; vertical-align:top;
width:595px; height:100px; border-radius:10px; overflow:hidden;
}
/* BLOC TITRE FORUM */
.tleFRM {
display:inline-block; vertical-align:top;
width:420px; height:15px; padding:5px 0 5px 10px;
text-align:left; font-size:12px; font-weight:bold; text-transform:uppercase;
background:grey; /* MODIFIABLE */
}
/* TITRE FORUM */
.tleFRM a {
color:white !important; /* MODIFIABLE */
}
/* NOMBRE SUJETS & MESSAGES FORUM */
.nbFRM {
display:inline-block; vertical-align:top;
width:165px; height:16px; padding-top:6px; overflow:hidden; border-top:3px solid;
text-align:center; font-size:9px; text-transform:uppercase;
border-top-color:grey; background:rgba(250,250,250,0.3); color:#191919; /* MODIFIABLE */
}
/* DESCRIPTION FORUM */
.descFRM {
height:65px; padding:5px; overflow-y:auto;
text-align:justify; font-size:11px; line-height:16px;
background:rgba(250,250,250,0.6); color:black; /* MODIFIABLE */
}
/* ICÔNES FORUM */
.imgFRM {
display:inline-block; vertical-align:top; margin:0 10px;
width:50px; height:100px; border-radius:10px;
}
/* BLOC DERNIER MESSAGE & SOUS-FORUMS */
.boxIIFRM {
display:inline-block; vertical-align:top;
}
/* DERNIER MESSAGE FORUM */
.lmsgFRM {
width:125px; height:80px; padding:0 5px; border-radius:10px 10px 0 0; overflow:hidden;
text-align:center; font-size:11px; text-transform:uppercase; line-height:14px;
background:rgba(250,250,250,0.8); color:black; /* MODIFIABLE */
}
/* BANDE SOUS-FORUMS */
.sfFRM span {
display:block;
width:135px; height:20px; border-radius:0 0 10px 10px;
text-align:center; font-size:11px; line-height:18px;
background:grey; color:white; /* MODIFIABLE */
}
/* CONTENU SOUS-FORUMS */
.sfFRM div {
position:absolute; z-index:2; margin-top:-100px;
width:135px; height:0; overflow:hidden; border-radius:10px 10px 0 0;
text-align:center; font-size:10px;
background:#E9E9E9; /* MODIFIABLE */
transition:all 0.45s linear; -webkit-transition:all 0.45s linear;
}
.sfFRM:hover div {
width:125px; height:70px; padding:5px; overflow:hidden;
}
/* LIENS SOUS-FORUMS */
.sfFRM div a {
text-transform:uppercase; color:black !important; /* MODIFIABLE */
}

Largeur du forum : 800px
Revenir en haut Aller en bas
[50] Catégories Empty Sam 24 Jan - 7:11
[50] Catégories TCAT2

Remplacer l'intégralité du template par :
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>
    <!-- END tablehead -->

    <!-- BEGIN cathead -->
    <!-- END cathead -->
 
    <!-- BEGIN forumrow -->
    <div class="FRM"><div class="boxFRM"><div class="tleFRM"><a href="{catrow.forumrow.U_VIEWFORUM}">{catrow.forumrow.FORUM_NAME}</a></div><div class="descFRM">{catrow.forumrow.FORUM_DESC}</div></div><img class="imgFRM" src="{catrow.forumrow.FORUM_FOLDER_IMG}" /><div class="boxIIFRM"><div class="lmsgFRM"><div class="sfFRM"><span><b>+</b></span><div>{catrow.forumrow.L_LINKS}{catrow.forumrow.LINKS}</div></div><span style="display:inline-block; vertical-align:middle; height:80px;"></span><span style="display:inline-block; vertical-align:middle;">{catrow.forumrow.LAST_POST}</span></div><div class="nbFRM">{catrow.forumrow.TOPICS} sujets │ {catrow.forumrow.POSTS} réponses</div></div></div>
    <!-- END forumrow -->
 
    <!-- BEGIN catfoot -->
    <!-- END catfoot -->
 
    <!-- BEGIN tablefoot -->
    <!-- END tablefoot --><!-- END catrow -->
    <!-- CODAGE PAR SKAEMP / CCCRUSH -->

Partie CSS :
Code:
/* BLOC TITRE CATEGORIE */
.tleCAT {
margin:10px auto;
width:800px; padding:10px 0;
background:#757575; /* MODIFIABLE */
}
/* TITRE CATEGORIE */
.tleCAT h2 {
margin:0 auto;
text-align:center; text-transform:uppercase; letter-spacing:3px; font-size:32px; font-family:Arial;
color:white; /* MODIFIABLE */
}
/* BLOC FORUM */
.FRM {
margin:10px auto;
width:780px; padding:10px;
background:#F4F4F4; /* MODIFIABLE */
text-align:center; font-family:Arial;
}
/* BLOC TITRE & DESCRIPTION FORUM */
.boxFRM {
display:inline-block; vertical-align:top;
width:525px;
}
/* BLOC TITRE FORUM */
.tleFRM {
height:15px; padding:5px 0;
text-align:left; font-size:14px; letter-spacing:1px; text-transform:uppercase; line-height:16px;
background:#757575; /* MODIFIABLE */
}
/* TITRE FORUM */
.tleFRM a {
margin-left:10px;
color:white !important; /* MODIFIABLE */
}
/* DESCRIPTION FORUM */
.descFRM {
height:65px; padding:5px; overflow:hidden;
text-align:justify; font-size:10px; line-height:11px;
background:white; color:black; /* MODIFIABLE */
}
.descFRM:hover {
overflow-y:auto;
}
/* ICÔNES FORUM */
.imgFRM {
display:inline-block; vertical-align:top; margin:0 10px;
width:65px; height:100px;
}
/* BLOC DERNIER MESSAGE & SOUS-FORUMS */
.boxIIFRM {
display:inline-block; vertical-align:top;
}
/* TRIANGLE SOUS-FORUMS */
.sfFRM span {
position:absolute; margin-left:65px;
width:0; height:0; border-style:solid; border-width:0 20px 20px 0; border-color:transparent;
border-right-color:#757575; /* MODIFIABLE */
}
/* + SOUS-FORUMS */
.sfFRM span b {
position:absolute; margin-top:8px; margin-right:2px;
font-size:10px; line-height:12px;
color:black; /* MODIFIABLE */
}
/* CONTENU SOUS-FORUMS */
.sfFRM div {
position:absolute; margin-left:-10px;
width:170px; height:0; overflow:hidden; line-height:14px;
background:white; color:black; /* MODIFIABLE */
transition:all 0.75s linear; -webkit-transition:all 0.75s linear;
}
.sfFRM:hover div {
width:150px; height:60px; padding:10px;
}
/* LIENS SOUS-FORUMS */
.sfFRM div a {
text-transform:uppercase; color:black !important; /* MODIFIABLE */
}
/* DERNIER MESSAGE FORUM */
.lmsgFRM {
width:150px; height:80px; padding:0 10px; overflow:hidden;
text-align:center; font-size:11px;
background:white; color:black; /* MODIFIABLE */
}
/* NOMBRE SUJETS & MESSAGES FORUM */
.nbFRM {
width:170px; height:10px; padding:5px 0; overflow:hidden;
text-align:center; font-size:10px; text-transform:uppercase; line-height:10px;
background:#757575; color:white; /* MODIFIABLE */
}

Largeur du forum : 800px
Revenir en haut Aller en bas
[50] Catégories Empty Jeu 2 Avr - 22:21
[50] Catégories TCAT3

Remplacer l'intégralité du template par :
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"><span style="display:block; height:1px; clear:both;"></span><!-- END tablehead -->

    <!-- BEGIN cathead -->
    <!-- END cathead -->
   
    <!-- BEGIN forumrow -->
    <div class="FRM"><div class="tleFRM"><span style="display:inline-block; vertical-align:middle; width:1px; height:100px;"></span><span style="display:inline-block; vertical-align:middle; width:98px;"><a href="{catrow.forumrow.U_VIEWFORUM}">{catrow.forumrow.FORUM_NAME}</a></span></div><div class="sfFRM"><span>+</span><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 class="imgFRM"><img src="{catrow.forumrow.FORUM_FOLDER_IMG}" /><div>{catrow.forumrow.TOPICS} sujets • {catrow.forumrow.POSTS} messages</div></div><div class="lmsgFRM"><span style="display:inline-block; vertical-align:middle; width:1px; height:100px;"></span><span style="display:inline-block; vertical-align:middle; width:98px;">{catrow.forumrow.LAST_POST}</span></div><div class="descFRM">{catrow.forumrow.FORUM_DESC}</div></div>   
    <!-- END forumrow -->
   
    <!-- BEGIN catfoot -->
    <!-- END catfoot -->
    <!-- BEGIN tablefoot -->
    <span style="display:block; height:1px; clear:both;"></span></div><div class="btmCAT"></div>
    <!-- END tablefoot --><!-- END catrow -->

Partie CSS :
Code:
/* BLOC TITRE CATEGORIE */
.tleCAT{
margin:5px auto 0; width:800px; padding:20px 0; text-align:center;
background:#191919; /* MODIFIABLE */
}
/* TITRE CATEGORIE */
.tleCAT h2{
margin:0;
font-size:32px; text-transform:uppercase; font-family:Arial;
color:white; /* MODIFIABLE */
}
/* BLOC CATEGORIE */
.mdlCAT{
margin:auto; width:796px; padding:17px 0 2px 4px;
background:rgba(250,250,250,0.5); /* MODIFIABLE */
}
/* BAS CATEGORIE */
.btmCAT {
margin:0 auto 10px; width:800px;
height:15px; background:#191919; /* MODIFIABLE */
}
/* BLOC FORUM */
.FRM{
float:left; margin:0 0 10px 14px;
width:245px; height:205px; font-family:Arial;
}
/* BLOC TITRE FORUM */
.tleFRM {
width:100px; height:100px; overflow:hidden;
background:rgba(0,0,0,0.4); /* MODIFIABLE */
text-transform:uppercase; font-weight:bold; text-align:center;
}
/* TITRE FORUM */
.tleFRM a{
position:relative; font-size:12px;
color:white !important; /* MODIFIABLE */
}
/* ICÔNES FORUM */
.imgFRM {
position:absolute; z-index:2; margin-left:100px; margin-top:-100px;
width:45px; height:200px;
}
.imgFRM img{
width:45px; height:200px;
}
/* NOMBRE SUJETS & MESSAGES FORUM */
.imgFRM div {
position:absolute; z-index:3; margin-top:-123px; margin-left:-78px;
width:200px; height:30px; padding-top:15px;
background:rgba(0,0,0,0.7); color:white;  /* MODIFIABLE */
font-size:11px; text-align:center;
opacity:0; transform:rotate(-90deg); -webkit-transform:rotate(-90deg);
}
.FRM:hover .imgFRM div{
opacity:1;
}
/* DERNIER MESSAGE FORUM */
.lmsgFRM {
position:absolute; margin-left:145px; margin-top:-100px;
width:100px; height:100px;
text-align:center; font-size:10px; line-height:15px;
background:#CCC; color:black; /* MODIFIABLE */
}
/* TITRE DERNIER MESSAGE FORUM */
.lmsgFRM a{
text-transform:uppercase; font-size:11px;
color:black !important; /* MODIFIABLE */
}
/* BLOC SOUS-FORUMS */
.sfFRM span{
position:absolute;
width:100px; height:67px; padding-top:33px;
background:#191919; color:rgba(250,250,250,0.6); /* MODIFIABLE */
font-size:30px; text-align:center;
}
/* CONTENU SOUS-FORUMS */
.sfFRM div{
position:absolute;
width:90px; height:90px; padding:5px; overflow:auto;
text-align:left; font-size:11px;
background:#CCC; color:black; /* MODIFIABLE */
opacity:0; transform:scale(0); -webkit-transform:scale(0);
transition:all .65s linear; -webkit-transition:all .65s linear;
}
.sfFRM:hover div{
opacity:1; transform:scale(1); -webkit-transform:scale(1);
}
/* SOUS-FORUMS */
.sfFRM a{
text-transform:uppercase; color:black !important; /* MODIFIABLE */
}
/* DESCRIPTION FORUM */
.descFRM {
position:absolute; z-index:5; margin-left:145px;
width:90px; height:90px; padding:5px; overflow:hidden;
background:teal; color:white; /* MODIFIABLE */
font-size:9px; text-align:justify; line-height:13px;
transition:all .65s linear; -webkit-transition:all .65s linear;
}
/* SURVOL DESCRIPTION FORUM */
.descFRM:hover {
position:absolute; margin-top:-100px; margin-left:0;
width:235px; height:190px; overflow-y:auto;
background:#CCC; color:black; /* MODIFIABLE */
font-size:11px; line-height:14px;
}

Largeur du forum : 800px
Revenir en haut Aller en bas
[50] Catégories Empty Jeu 2 Avr - 23:05
[50] Catégories TCAT4

Remplacer l'intégralité du template par :
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"><br clear="all" /><!-- 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><div class="boxFRM"><div class="boxDESC"><div class="sfFRM">{catrow.forumrow.L_LINKS}{catrow.forumrow.LINKS}</div></div><div class="lmsgFRM">{catrow.forumrow.LAST_POST}</div><div class="descFRM">{catrow.forumrow.FORUM_DESC}</div></div><div class="imgFRM"><img src="{catrow.forumrow.FORUM_FOLDER_IMG}" /><div>{catrow.forumrow.TOPICS}<br/>―<br/>{catrow.forumrow.POSTS}</div></div></div>   
    <!-- END forumrow -->
   
    <!-- BEGIN catfoot -->
    <!-- END catfoot -->
    <!-- BEGIN tablefoot -->
    <br clear="all" /></div><div class="btmCAT"></div>
    <!-- END tablefoot --><!-- END catrow -->

Partie CSS :
Code:
/* BLOC TITRE CATEGORIE */
.tleCAT{
margin:5px auto 0;
width:800px; padding:20px 0; text-align:center;
background:black; /* MODIFIABLE */
}
/* TITRE CATEGORIE */
.tleCAT h2{
margin:0;
font-size:32px; font-family:Arial; text-transform:uppercase; letter-spacing:3px;
color:white; /* MODIFIABLE */
}
/* BLOC CATEGORIE */
.mdlCAT{
margin:auto;
width:791px; padding:2px 0 7px 9px; text-align:center;
background:#CCC; /* MODIFIABLE */
}
/* BAS CATEGORIE */
.btmCAT {
margin:0 auto 10px; width:800px;
height:10px; background:black; /* MODIFIABLE */
}
/* BLOC FORUM */
.FRM {
float:left; margin:0 15px 10px;
width:365px; height:240px; font-family:Arial;
}
.FRM:nth-of-type(even) {
margin-left:7px;
}
/* BLOC TITRE FORUM */
.tleFRM {
margin:auto;
height:15px; padding:10px 0; overflow:hidden;
background:rgba(0,0,0,0.3); /* MODIFIABLE */
text-transform:uppercase; font-weight:bold; text-align:center; font-size:14px;
}
/* TITRE FORUM */
.tleFRM a{
color:white !important; /* MODIFIABLE */
}
/* BLOC SOUS-FORUMS / DERNIER MESSAGE / DESCRIPTION FORUM */
.boxFRM {
height:165px; padding-top:15px; text-align:center;
background:#DEDEDE; box-shadow:0 0 3px rgba(0,0,0,0.1); /* MODIFIABLE */
}
/* BLOC IMAGE DESCRIPTIVE FORUM */
.boxDESC {
display:inline-block; vertical-align:top;
width:155px; height:65px; border-radius:10px;
background:#191919;  /* MODIFIABLE */
}
/* IMAGE DESCRIPTIVE FORUM */
.descFRM img {
position:absolute; margin-top:-75px; margin-left:-2px;
width:155px; height:65px; border-radius:10px;
}
/* BLOC SOUS-FORUMS */
.sfFRM {
position:absolute; z-index:3;
width:145px; height:55px; padding:5px; border-radius:10px;
text-align:left; font-size:10px;
background:#191919; /* MODIFIABLE */
opacity:0; transition:all .65s linear; -webkit-transition:all .65s linear;
}
.sfFRM:hover {
opacity:1;
}
/* SOUS-FORUMS */
.sfFRM a{
color:white !important; /* MODIFIABLE */
}
/* DERNIER MESSAGE FORUM */
.lmsgFRM {
display:inline-block; vertical-align:top; margin-left:15px;
width:155px; height:45px; padding:10px 0; border-radius:10px;
text-align:center; font-size:10px;
background:rgba(250,250,250,0.6); box-shadow:inset 0 0 3px rgba(0,0,0,0.3); color:black; /* MODIFIABLE */
}
/* DESCRIPTION FORUM */
.descFRM {
margin:10px auto 0; width:320px; height:75px; overflow:hidden;
font-size:10px; text-align:justify; line-height:15px;
color:black; /* MODIFIABLE */
}
.descFRM:hover {
width:315px; padding-right:5px; overflow:auto;
}
/* ICÔNES FORUM */
.imgFRM{
position:absolute; z-index:2; margin-left:150px; margin-top:-40px;
width:65px; height:65px;
}
.imgFRM img{
width:65px; height:65px; border-radius:65px;
box-shadow:0 0 3px rgba(0,0,0,0.2); /* MODIFIABLE */
}
/* NOMBRE SUJETS & MESSAGES FORUM */
.imgFRM div {
position:absolute; z-index:3; margin-top:-65px;
width:65px; height:52px; padding-top:13px; border-radius:65px; font-size:11px;
background:rgba(250,250,250,0.6); /* MODIFIABLE */
opacity:0; transition:opacity .65s linear; -webkit-transition:opacity .65s linear;
}
.FRM:hover .imgFRM div{
opacity:1;
}

Largeur du forum : 800px
Revenir en haut Aller en bas
[50] Catégories Empty Jeu 2 Avr - 23:40
[50] Catégories TCAT5

Remplacer l'intégralité du template par :
Code:
    <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="tleCAT">{catrow.tablehead.L_FORUM}</div>
    <div class="mdlCAT"><span style="display:block; height:0; clear:both;"></span><!-- 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><div class="imgFRM"><img src="{catrow.forumrow.FORUM_FOLDER_IMG}" /><div>{catrow.forumrow.TOPICS} S.<br/>{catrow.forumrow.POSTS} R.</div></div><div class="lmsgFRM"><span style="display:inline-block; vertical-align:middle; height:60px;"></span><span style="display:inline-block; vertical-align:middle;">{catrow.forumrow.LAST_POST}</span></div><div class="descFRM">{catrow.forumrow.FORUM_DESC}</div><div class="sfFRM"><span>sous-forums</span><div class="inSFRM"><div class="cheatSFRM"></div>{catrow.forumrow.L_LINKS}{catrow.forumrow.LINKS}</div></div></div>   
    <!-- END forumrow -->
   
    <!-- BEGIN catfoot -->
    <!-- END catfoot -->
   
    <!-- BEGIN tablefoot -->
    <span style="display:block; height:0; clear:both;"></span></div><div class="btmCAT"></div>
    <!-- END tablefoot --><!-- END catrow -->
    <!-- CODAGE PAR SKAEMP / CCCRUSH -->

Partie CSS :
Code:
/* BLOC TITRE CATEGORIE */
.tleCAT {
margin:5px auto 0;
width:900px; padding:15px 0;
background:#191919; /* MODIFIABLE */
}
/* TITRE CATEGORIE */
.tleCAT h2 {
margin:0;
text-align:center; font-size:32px; text-transform:uppercase; font-family:Arial;
color:white; /* MODIFIABLE */
}
/* BLOC CATEGORIE */
.mdlCAT {
margin:auto;
width:858px; padding:10px 0; padding-left:42px;
background:#F2F2F2 /* MODIFIABLE */
}
/* BAS CATEGORIE */
.btmCAT {
margin:0 auto 10px;
width:900px; height:25px;
background:#191919; /* MODIFIABLE */
}
/* BLOC FORUM */
.FRM {
float:left; margin:20px;
width:240px; height:240px; font-family:Arial;
background:darkgrey; /* MODIFIABLE */
}
/* BLOC TITRE FORUM */
.tleFRM {
height:15px; padding:5px;
background:grey; /* MODIFIABLE */
text-align:center; font-size:12px; text-transform:uppercase; line-height:16px;
}
/* TITRE FORUM */
.tleFRM a {
color:white !important; /* MODIFIABLE */
}
/* BLOC ICÔNES & STATISTIQUES FORUM */
.imgFRM {
position:relative; z-index:10;
display:inline-block; vertical-align:top; margin-top:10px; margin-left:-25px;
width:80px; height:80px; border-radius:10px; overflow:hidden;
box-shadow:0 0 3px rgba(0,0,0,0.3); /* MODIFIABLE */
}
/* ICÔNES FORUM */
.imgFRM img {
width:80px; height:80px;
}
/* NOMBRE SUJETS & MESSAGES FORUM */
.imgFRM div {
position:absolute; z-index:2; margin-top:-80px;
width:70px; height:45px; padding:25px 5px 10px; overflow:hidden;
background:rgba(255,255,255,0.9); color:black;  /* MODIFIABLE */
text-align:center; font-size:11px; line-height:15px;
opacity:0; transition:opacity 0.25s ease; -webkit-transition:opacity 0.25s ease;
}
.imgFRM:hover div {
opacity:1;
}
/* DERNIER MESSAGE FORUM */
.lmsgFRM {
display:inline-block; vertical-align:top; margin-top:10px; margin-left:10px;
width:155px; height:60px; padding:10px 5px; overflow:hidden;
box-shadow:inset 0 0 3px rgba(0,0,0,0.3); background:rgba(250,250,250,0.6); color:black; /* MODIFIABLE */
text-align:center; font-size:11px; line-height:14px;
}
/* DESCRIPTION FORUM */
.descFRM {
margin:10px auto 0;
width:220px; height:85px; overflow:hidden;
color:white; text-shadow:0 0 3px rgba(0,0,0,0.3); /* MODIFIABLE */
text-align:justify; font-size:11px; line-height:14px;
}
.descFRM:hover {
width:215px; padding-right:5px; overflow-y:auto;
}
/* INTITULE SOUS-FORUMS */
.sfFRM span {
display:block; margin:10px auto 0; position:relative; z-index:5;
width:115px; height:10px; padding:5px; border-radius:10px 10px 0 0; overflow:hidden;
background:#191919; color:rgba(250,250,250,0.6); /* MODIFIABLE */
text-align:center; font-size:9px; text-transform:uppercase; line-height:10px;
}
/* ESPACE GAUCHE CONTENU SOUS-FORUMS */
.cheatSFRM {
float:left;
width:55px; height:84px;
background:darkgrey; /* .cheatSFRM background = .inSFRM background */
}
/* CONTENU SOUS-FORUMS */
.inSFRM {
position:absolute; margin-top:-215px;
width:220px; height:0; padding:0 10px; overflow:hidden;
background:darkgrey; /* MODIFIABLE */
color:rgba(0,0,0,0); line-height:4px;
transition:all .65s linear; -webkit-transition:all .65s linear;
}
.sfFRM:hover .inSFRM {
height:195px; padding:10px;
}
/* LIENS SOUS-FORUMS */
.sfFRM a {
display:block; margin:auto; padding:3px 0;
background:white; color:black !important; /* MODIFIABLE */
text-align:center; font-size:10px; text-transform:uppercase; line-height:11px;
}

Largeur du forum : 900px
Revenir en haut Aller en bas
[50] Catégories Empty Mer 29 Avr - 2:21
[50] Catégories TCAT6

Remplacer l'intégralité du code par celui-ci :
Code:
<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="tleCAT">{catrow.tablehead.L_FORUM}</div>
    <div class="mdlCAT"><br clear="all" /><!-- END tablehead -->

    <!-- BEGIN cathead -->
    <!-- END cathead -->
   
    <!-- BEGIN forumrow -->
    <div class="FRM"><div class="ismFRM"><img class="imgFRM" src="{catrow.forumrow.FORUM_FOLDER_IMG}" /><div class="sjtFRM">{catrow.forumrow.TOPICS}</div><div class="repFRM">{catrow.forumrow.POSTS}</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><div class="descFRM">{catrow.forumrow.FORUM_DESC}</div><div class="sfFRM"><span>SOUS-FORUMS</span><div>{catrow.forumrow.L_LINKS}{catrow.forumrow.LINKS}</div></div></div></div>   
    <!-- END forumrow -->
   
    <!-- BEGIN catfoot -->
    <!-- END catfoot -->
    <!-- BEGIN tablefoot -->
    <br clear="all" /></div><div class="btmCAT"></div>
    <!-- END tablefoot --><!-- END catrow -->

Partie CSS :
Code:
/* BLOC TITRE CATEGORIE */
.tleCAT{
margin:auto;
width:900px; padding:25px 0; text-align:center;
background:#778188; /* MODIFIABLE */
}
/* TITRE CATEGORIE */
.tleCAT h2{
margin:0; font-size:24px; text-transform:uppercase; letter-spacing:3px;
font-family:Arial; text-shadow:1px 1px 0px black; color:white; /* MODIFIABLE */
}
/* BLOC CATEGORIE */
.mdlCAT {
margin:auto;
width:875px; padding-left:25px; padding-bottom:15px; text-align:center;
background:#DEDEDE; /* MODIFIABLE */
}
/* BAS CATEGORIE */
.btmCAT {
margin:0 auto 10px; width:900px; height:15px;
background:#778188; /* MODIFIABLE */
}
/* BLOC FORUM */
.FRM{
float:left; margin:10px;
width:265px; height:250px;
}
/* BLOC ICÔNES DU FORUM / NOMBRE SUJETS & MESSAGES */
.ismFRM {
display:inline-block; vertical-align:top; margin-right:15px;
width:50px; height:245px;
}
/* ICÔNES DU FORUM */
.imgFRM {
width:50px; height:50px;
box-shadow:0 0 3px rgba(0,0,0,0.3); /* MODIFIABLE */
}
/* NOMBRE SUJETS FORUM */
.sjtFRM{
margin:10px 0; width:50px; height:35px; padding-top:15px;
background:rgba(250,250,250,0.8); color:black; /* MODIFIABLE */
font-size:11px;
}
/* NOMBRE MESSAGES FORUM */
.repFRM {
width:50px; height:35px; padding-top:15px;
background:rgba(250,250,250,0.6); color:black; /* MODIFIABLE */
font-size:11px;
}
/* BLOC TITRE / DERNIER MESSAGE / DESCRIPTION / SOUS-FORUMS */
.boxFRM {
display:inline-block; vertical-align:top;
width:200px; height:245px;
background:#191919; /* MODIFIABLE */
}
/* BLOC TITRE FORUM */
.tleFRM {
height:23px; padding-top:7px; overflow:hidden;
box-shadow:inset 0 0 25px rgba(0,0,0,0.3); background:#778188;  /* MODIFIABLE */
text-transform:uppercase; text-align:center; font-size:14px;
}
/* TITRE FORUM */
.tleFRM a{
font-family:Calibri; text-shadow:1px 1px 0px black; color:white !important; /* MODIFIABLE */
}
/* DERNIER MESSAGE FORUM */
.lmsgFRM {
margin:10px auto 0px auto;
width:165px; height:45px; border-radius:10px; padding:10px 0;
text-align:center; font-size:11px;
box-shadow:inset 0 0 3px rgba(0,0,0,0.3); background:rgba(250,250,250,0.6); color:black; /* MODIFIABLE */
}
/* DESCRIPTION FORUM */
.descFRM {
margin:10px auto 0px auto;
width:180px; height:105px; padding:0px 5px; overflow-y:auto;
font-size:10px; text-align:justify;
text-shadow:0 0 3px rgba(0,0,0,0.3); color:white; /* MODIFIABLE */
}
/* SOUS-FORUMS */
.sfFRM span{
display:block; margin-top:5px; height:17px; padding-top:3px;
text-align:center; font-size:10px; font-family:Calibri;
background:rgba(250,250,250,0.1); color:white; /* MODIFIABLE */
}
/* CONTENU SOUS-FORUMS */
.sfFRM div{
position:absolute; margin-top:-130px;
width:190px; height:0; padding:0 5px; overflow:hidden;
background:#191919; /* MODIFIABLE */
color:rgba(0,0,0,0); line-height:8px; font-size:10px; font-family:Calibri;
transition:all .65s linear; -webkit-transition:all .65s linear;
}
.sfFRM:hover div{
height:105px; padding:0 5px 5px; overflow-y:auto;
}
/* LIENS SOUS-FORUMS */
.sfFRM a{
margin:auto; display:block; width:85%; padding:5px 0;
line-height:normal; text-transform:uppercase;
background:rgba(250,250,250,0.3); color:black !important; /* MODIFIABLE */
}

Largeur du forum : 900px
Revenir en haut Aller en bas
[50] Catégories Empty Jeu 30 Avr - 4:51
[50] Catégories TCAT7

Remplacer l'intégralité du template par :
Code:
<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="tleCAT">{catrow.tablehead.L_FORUM}</div>
    <div class="mdlCAT"><span style="display:block; height:1px; clear:both;"></span><!-- END tablehead -->

    <!-- BEGIN cathead -->
    <!-- END cathead -->
   
    <!-- BEGIN forumrow -->
    <div class="FRM"><div class="boxFRM"><div class="tleFRM"><a href="{catrow.forumrow.U_VIEWFORUM}">{catrow.forumrow.FORUM_NAME}</a></div><div class="descFRM">{catrow.forumrow.FORUM_DESC}</div><div class="sfFRM">SOUS-FORUMS<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 class="boxIIFRM"><div class="sjtFRM">{catrow.forumrow.TOPICS}</div><div class="repFRM">{catrow.forumrow.POSTS}</div><div class="lmsgFRM"><span style="display:inline-block; vertical-align:middle; width:1px; height:80px;"></span><span style="display:inline-block; vertical-align:middle; width:94px;">{catrow.forumrow.LAST_POST}</span></div><img class="imgFRM" src="{catrow.forumrow.FORUM_FOLDER_IMG}" /></div></div>     
    <!-- END forumrow -->
   
    <!-- BEGIN catfoot -->
    <!-- END catfoot -->
    <!-- BEGIN tablefoot -->
    <span style="display:block; height:1px; clear:both;"></span></div>
    <!-- END tablefoot --><!-- END catrow -->

Partie CSS :
Code:
/* BLOC TITRE CATEGORIE */
.tleCAT{
margin:auto; width:900px; padding:15px 0; border-radius:25px/100px;
text-align:center;
background:#778188; /* MODIFIABLE */
}
/* TITRE CATEGORIE */
.tleCAT h2{
margin:0;
font-size:32px; text-transform:uppercase; letter-spacing:3px; font-family:Arial;
color:white;  /* MODIFIABLE */
}
/* BLOC CATEGORIE */
.mdlCAT {
margin:auto; width:860px; padding:9px 0 24px 25px;
background:#ECECEC; /* MODIFIABLE */
}
/* BLOC FORUM */
.FRM{
float:left; margin-top:15px;
width:410px; height:200px; font-family:Arial;
}
.FRM:nth-of-type(even) {
margin-left:15px;
}
/* BLOC TITRE / DESCRIPTION / SOUS-FORUMS */
.boxFRM {
display:inline-block; vertical-align:top;
width:285px; height:200px;
background:#CCC; /* MODIFIABLE */
}
/* BLOC TITRE FORUM */
.tleFRM {
height:20px; padding:5px; overflow:hidden;
background:#778188; /* MODIFIABLE */
font-weight:bold; text-transform:uppercase; text-align:center;
}
/* TITRE FORUM */
.tleFRM a{
color:white !important; /* MODIFIABLE */
}
/* DESCRIPTION FORUM */
.descFRM {
margin:10px auto 0;
width:265px; height:125px;  overflow:hidden; 
font-size:10px; text-align:justify;
color:#191919; /* MODIFIABLE */
}
.FRM:hover .descFRM {
width:260px; padding-right:5px; overflow:auto;
}
/* BANDE SOUS-FORUMS */
.sfFRM {
margin-top:10px; height:18px; padding-top:7px;
text-align:center; font-size:9px;
background:#778188; color:rgba(250,250,250,0.6); /* MODIFIABLE */
}
/* CONTENU SOUS-FORUMS */
.sfFRM div{
position:absolute; margin-top:-194px; margin-left:295px;
width:105px; height:190px; padding:5px; overflow:auto; line-height:6px;
background:#CCC; /* MODIFIABLE */
opacity:0; transform:scale(0); -webkit-transform:scale(0);
transition:all .55s linear; -webkit-transition:all .55s linear;
}
.sfFRM:hover div{
opacity:1; transform:scale(1); -webkit-transform:scale(1);
}
/* LIENS SOUS-FORUMS */
.sfFRM a{
display:block; padding-bottom:3px; border-bottom:1px solid;
text-transform:uppercase; line-height:13px;
border-bottom-color:black; color:black !important; /* MODIFIABLE */
}
/* BLOC NOMBRE SUJETS & MESSAGES / DERNIER MESSAGE / ICÔNES FORUM */
.boxIIFRM {
display:inline-block; margin-left:10px;
width:95px; height:180px; padding:10px; text-align:center;   
background:#CCC; /* MODIFIABLE */
}
/* NOMBRE SUJETS FORUM */
.sjtFRM{
display:inline-block; vertical-align:top;
width:48px; height:25px; padding-top:10px;
text-align:center; font-size:10px;
background:#778188; color:black; font-weight:bold; /* MODIFIABLE */
}
/* NOMBRE MESSAGES FORUM */
.repFRM {
display:inline-block; vertical-align:top;
width:47px; height:25px; padding-top:10px;
text-align:center; font-size:10px;
background:rgba(250,250,250,0.6); color:black; /* MODIFIABLE */
}
/* DERNIER MESSAGE FORUM */
.lmsgFRM {
margin-top:10px;
width:95px; height:80px; overflow:hidden;
text-align:center; font-size:10px;
background:rgba(250,250,250,0.6); box-shadow:inset 0 0 2px rgba(0,0,0,0.1); color:black; /* MODIFIABLE */
}
/* TITRE SUJET DERNIER MESSAGE FORUM */
.lmsgFRM a {
text-transform:uppercase; color:black !important; /* MODIFIABLE */
}
/* ICÔNES FORUM */
.imgFRM{
margin-top:10px;
width:95px; height:45px;
}

Largeur du forum : 900px
Revenir en haut Aller en bas
[50] Catégories Empty Mer 6 Mai - 4:54
[50] Catégories TCAT8

Remplacer l'intégralité du template par :
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"><span style="display:block; height:1px; clear:both;"></span><!-- 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><div class="boxFRM"><div class="boxDESC"><div class="sfFRM">{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 class="descFRM">{catrow.forumrow.FORUM_DESC}</div></div><div class="nbFRM">{catrow.forumrow.TOPICS}</div><div class="nbFRM nbIIFRM">{catrow.forumrow.POSTS}</div><img class="imgFRM" src="{catrow.forumrow.FORUM_FOLDER_IMG}" /><div class="avaFRM"><!-- BEGIN avatar -->{catrow.forumrow.avatar.LAST_POST_AVATAR}<!-- END avatar --></div><div class="lmsgFRM">{catrow.forumrow.LAST_POST}</div></div> 
    <!-- END forumrow -->
   
    <!-- BEGIN catfoot -->
    <!-- END catfoot -->
   
    <!-- BEGIN tablefoot -->
    <br clear="all" /></div><div class="btmCAT"></div>
    <!-- END tablefoot --><!-- END catrow -->

Partie CSS :
Code:
/* BLOC TITRE CATEGORIE */
.tleCAT {
margin:10px auto 0;
width:800px; padding:15px 0; text-align:center; 
background:black; /* MODIFIABLE */
}
/* TITRE CATEGORIE */
.tleCAT h2 {
margin:0;
font-size:32px; text-transform:uppercase; letter-spacing:3px; font-family:Arial;
color:white;  /* MODIFIABLE */
}
/* BLOC CATEGORIE */
.mdlCAT {
margin:auto;
width:800px; padding:15px 0 16px; text-align:center;
background:rgba(250,250,250,0.5); /* MODIFIABLE */
}
/* BAS CATEGORIE */
.btmCAT {
margin:auto;
width:800px; height:10px;
background:black; /* MODIFIABLE */
}
/* FORUM */
.FRM {
float:left; margin:10px 0 10px 27px;
width:360px;
text-align:center; font-family:Arial;
}
/* BLOC TITRE FORUM */
.tleFRM {
margin:auto;
width:350px; height:15px; padding:5px; overflow:hidden;
background:black; /* MODIFIABLE */
text-transform:uppercase; text-align:center; font-weight:bold; font-size:12px; font-family:Arial;
}
/* TITRE FORUM */
.tleFRM a {
color:white !important; /* MODIFIABLE */
}
/* BLOC DESCRIPTION & SOUS-FORUMS */
.boxFRM {
margin:5px auto;
width:340px; padding:10px; text-align:left;
background:rgba(250,250,250,0.8); /* MODIFIABLE */
}
/* BLOC IMAGE DESCRIPTIVE FORUM */
.boxDESC {
display:inline-block; vertical-align:top;
background:grey; /* MODIFIABLE */
}
/* IMAGE DESCRIPTIVE FORUM */
.descFRM img {
position:absolute; z-index:3; margin-left:-170px;
width:160px; height:115px;
}
/* BLOC SOUS-FORUMS */
.sfFRM {
position:relative; z-index:5;
width:150px; height:105px; padding:5px; overflow-y:auto;
text-transform:uppercase; text-align:left; line-height:14px;
background:grey; /* MODIFIABLE */
opacity:0; transition:all .65s linear; -webkit-transition:all .65s linear;
}
.sfFRM:hover {
opacity:1;
}
/* LIENS SOUS-FORUMS */
.sfFRM a {
color:white !important; /* MODIFIABLE */
}
/* DESCRIPTION FORUM */
.descFRM {
display:inline-block; vertical-align:top; margin-left:10px;
width:170px; height:115px; overflow:hidden;
font-size:11px; text-align:justify; line-height:14.5px;
color:black; /* MODIFIABLE */
}
.descFRM:hover {
width:165px; padding-right:5px; overflow-y:auto;
}
/* NOMBRE SUJETS FORUM */
.nbFRM {
display:inline-block; vertical-align:top; margin-right:5px;
width:50px; height:35px; padding-top:20px;
background:rgba(250,250,250,0.8); color:black; /* MODIFIABLE */
font-size:11px; text-align:center;
}
/* NOMBRE MESSAGES FORUM */
.nbIIFRM { 
background:rgba(250,250,250,0.6); color:black; /* MODIFIABLE */
}
/* ICÔNES FORUM */
.imgFRM {
display:inline-block; vertical-align:top;
width:35px; height:55px;
}
/* AVATAR DERNIER POSTEUR FORUM */
.avaFRM {
display:inline-block; vertical-align:top; margin:0 5px;
width:50px; height:55px; overflow:hidden;
background:grey; /* MODIFIABLE */
}
.avaFRM img {
width:50px;
}
/* DERNIER MESSAGE FORUM */
.lmsgFRM {
display:inline-block; vertical-align:top;
width:155px; height:48px; padding-top:7px; overflow:hidden;
background:rgba(250,250,250,0.7); color:black; /* MODIFIABLE */
text-align:center; font-size:11px; line-height:14px;
}
/* TITRE SUJET DERNIER MESSAGE FORUM */
.lmsgFRM a {
text-transform:uppercase; color:black; /* MODIFIABLE */
}

Largeur du forum : 800px

Instructions :

[50] Catégories LASTAV

[50] Catégories IMGDESC
Revenir en haut Aller en bas
[50] Catégories Empty Sam 9 Mai - 1:40
[50] Catégories TCAT9

Remplacer l'intégralité du template par :
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="topCAT"><div class="tleCAT">{catrow.tablehead.L_FORUM}</div><div class="dcoCAT"></div><div class="dcoCAT"></div></div>
        <div class="mdlCAT"><br clear="all" /><!-- 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><div class="sjtFRM">{catrow.forumrow.TOPICS}</div><div class="repFRM">{catrow.forumrow.POSTS}</div><div class="dsfFRM"><div class="blocSF"></div><div class="sfFRM" id="sfFRM">{catrow.forumrow.L_LINKS}{catrow.forumrow.LINKS}<script type="text/javascript">$('.sfFRM').each(function(){$(this).html($(this).html().replace(/>, /g,"><br /> "));});</script></div><div class="descFRM">{catrow.forumrow.FORUM_DESC}</div></div><div class="limgFRM"><div class="lmsgFRM">{catrow.forumrow.LAST_POST}</div><img class="imgFRM" src="{catrow.forumrow.FORUM_FOLDER_IMG}" /></div></div>
        <!-- END forumrow -->
     
        <!-- BEGIN catfoot -->
        <!-- END catfoot -->
     
        <!-- BEGIN tablefoot -->
        <br clear="all" /></div>
        <!-- END tablefoot --><!-- END catrow -->

Partie CSS :
Code:
/* HAUT CATEGORIE */
.topCAT {
margin:5px auto 0; width:800px;
}
/* BLOC TITRE CATEGORIE */
.tleCAT {
display:inline-block; vertical-align:top;
width:690px; height:65px; text-align:center;
background:coral; /* MODIFIABLE */
}
/* TITRE CATEGORIE */
.tleCAT h2{
font-size:24px; text-transform:uppercase; letter-spacing:3px;
font-family:Arial; color:white; text-shadow:1px 1px 0px black; /* MODIFIABLE */
}
/* DECORATIONS TITRE CATEGORIE */
.dcoCAT {
display:inline-block; vertical-align:top; margin-left:5px;
width:50px; height:65px;
background:rgba(250,250,250,0.6); /* MODIFIABLE */
}
/* BLOC CATEGORIE */
.mdlCAT {
width:800px; margin:-10px auto 0; text-align:center;
}
/* BLOC FORUM */
.FRM {
float:left;
width:395px; height:275px; font-family:Arial;
}
.FRM:nth-of-type(odd) {
margin-right:10px;
}
/* BLOC TITRE FORUM */
.tleFRM {
display:inline-block; vertical-align:top;
width:285px; height:35px; padding-top:20px; overflow:hidden;
font-family:Arial; background:coral; /* MODIFIABLE */
text-transform:uppercase; text-align:center; font-size:14px;
}
/* TITRE FORUM */
.tleFRM a{
color:white !important; /* MODIFIABLE */
}
/* NOMBRE SUJETS FORUM */
.sjtFRM {
display:inline-block; vertical-align:top; margin:0 5px;
width:50px; height:35px; padding-top:20px;
background:rgba(250,250,250,0.8); /* MODIFIABLE */
font-size:11px;
}
/* NOMBRE MESSAGES FORUM */
.repFRM {
display:inline-block; vertical-align:top;
width:50px; height:35px; padding-top:20px;
background:rgba(250,250,250,0.6); /* MODIFIABLE */
font-size:11px;
}
/* BLOC DESCRIPTION + SOUS-FORUMS */
.dsfFRM {
margin:10px auto;
width:375px; height:115px; padding:10px;
background:rgba(250,250,250,0.8); box-shadow:0 0 3px rgba(0,0,0,0.2); /* MODIFIABLE */
}
/* BLOC SOUS-FORUMS / IMAGE DESCRIPTIVE */
.blocSF {
display:inline-block; vertical-align:top; margin-right:10px;
width:160px; height:115px;
background:coral; /* MODIFIABLE */
}
/* IMAGE DESCRIPTIVE FORUM */
.descFRM img {
position:absolute; z-index:3; margin-left:-170px;
width:160px; height:115px;
transition:all 0.45s ease; -webkit-transition:all 0.45s ease;
}
/* BLOC SOUS-FORUMS */
.sfFRM {
position:absolute; z-index:5; margin-top:-115px;
width:150px; height:105px; padding:5px; overflow:auto; text-align:left;
background:coral; /* MODIFIABLE */
opacity:0; transition:all .65s linear; -webkit-transition:all .65s linear;
}
.sfFRM:hover {
opacity:1;
}
/* SOUS-FORUMS */
.sfFRM a{
text-transform:uppercase; color:white !important; /* MODIFIABLE */
}
/* DESCRIPTION FORUM */
.descFRM {
display:inline-block; vertical-align:top;
width:200px; height:115px; padding-right:5px; overflow:auto; 
font-size:11px; text-align:justify; line-height:14.7px;
color:black; /* MODIFIABLE */
}   
/* BLOC DERNIER MESSAGE / ICÔNES FORUM */
.limgFRM{
width:395px; height:55px; margin:auto;
}
/* DERNIER MESSAGE FORUM */
.lmsgFRM {
display:inline-block; vertical-align:top; margin-right:10px;
width:220px; height:45px; padding:5px 0;
background:rgba(250,250,250,0.7); color:black; /* MODIFIABLE */
text-align:center; font-size:11px;
}
/* TAILLE PSEUDONYME DERNIER POSTEUR FORUM */
.lmsgFRM .gensmall {
font-size:11px;
}
/* ICÔNES FORUM */
.imgFRM{
display:inline-block; vertical-align:top;
width:165px; height:55px;
}

Largeur du forum : 800px

Instructions :
[50] Catégories IMGDESC
Revenir en haut Aller en bas
[50] Catégories Empty Dim 10 Mai - 2:43
[50] Catégories TCAT10

Remplacer l'intégralité du template par :
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>
    <!-- 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><div class="lmsgFRM"><div>{catrow.forumrow.LAST_POST}</div><img class="imgFRM" src="{catrow.forumrow.FORUM_FOLDER_IMG}" /></div><div class="nbFRM"><div class="sjtFRM">{catrow.forumrow.TOPICS}</div><div class="repFRM">{catrow.forumrow.POSTS}</div></div><div class="boxDESC"><div class="sfFRM">{catrow.forumrow.L_LINKS}{catrow.forumrow.LINKS}</div><script type="text/javascript">$('.sfFRM').each(function(){$(this).html($(this).html().replace(/>, /g,"><br /> "));});</script></div><div class="descFRM">{catrow.forumrow.FORUM_DESC}</div></div>
    <!-- END forumrow -->
 
    <!-- BEGIN catfoot -->
    <!-- END catfoot -->
 
    <!-- BEGIN tablefoot -->
    <!-- END tablefoot --><!-- END catrow -->
    <!-- CODAGE PAR SKAEMP / CCCRUSH -->

Partie CSS :
Code:
/* BLOC TITRE CATEGORIE */
.tleCAT {
margin:5px auto;
width:800px; padding:25px 0;
background:#191919; /* MODIFIABLE */
}
/* TITRE CATEGORIE */
.tleCAT h2 {
margin:0;
text-align:center; font-size:24px; text-transform:uppercase; letter-spacing:3px; font-family:Arial;
color:white; /* MODIFIABLE */
}
/* BLOC FORUM */
.FRM {
margin:0 auto 5px; width:800px; font-family:Arial;
background:#F2F2F2; /* MODIFIABLE */
}
/* BLOC TITRE FORUM */
.tleFRM {
display:inline-block; vertical-align:top;
width:680px; height:35px; padding-top:20px; padding-left:20px; overflow:hidden;
background:grey; /* MODIFIABLE */
text-align:left; font-size:14px; text-transform:uppercase;
}
/* TITRE FORUM */
.tleFRM a {
color:white !important; /* MODIFIABLE */
}
/* DERNIER MESSAGE FORUM */
.lmsgFRM {
display:inline-block; vertical-align:top;
width:100px; height:55px; overflow:hidden;
}
.lmsgFRM div {
position:absolute; margin-top:5px; margin-left:95px;
width:0; height:35px; padding:5px 0; overflow:hidden;
background:white; color:black; /* MODIFIABLE */
text-align:center; font-size:10px;
transition:all .25s linear; -webkit-transition:all .25s linear;
}
.FRM:hover .lmsgFRM div {
margin-left:-60px; width:155px;
}
/* ICÔNES FORUM */
.imgFRM {
width:100px; height:55px;
}
/* BLOC SUJETS & MESSAGES FORUM */
.nbFRM {
position:absolute; margin-top:115px;
height:25px; width:115px; overflow:hidden;
transform:rotate(-90deg); -webkit-transform:rotate(-90deg); transform-origin:top left; -webkit-transform-origin:top left;
}
/* NOMBRE SUJETS FORUM */
.sjtFRM {
display:inline-block; vertical-align:top;
width:47px; height:15px; padding:5px; overflow:hidden;
background:rgba(255,255,255,0.8); color:black; /* MODIFIABLE */
text-align:center; font-size:11px;
}
/* NOMBRE MESSAGES FORUM */
.repFRM {
display:inline-block; vertical-align:top;
width:48px; height:15px; padding:5px; overflow:hidden;
background:rgba(255,255,255,0.6); color:black; /* MODIFIABLE */
text-align:center; font-size:11px; 
}
/* BLOC IMAGE DESCRIPTIVE FORUM */
.boxDESC {
display:inline-block; vertical-align:top; margin-left:25px;
width:160px; height:115px;
background:darkgrey; /* MODIFIABLE */
}
/* IMAGE DESCRIPTIVE FORUM */
.descFRM img {
position:absolute; z-index:2; margin-left:-170px; margin-top:-10px;
width:160px; height:115px;
}
/* BLOC SOUS-FORUMS */
.sfFRM {
position:absolute; z-index:3; margin-left:5px; margin-top:5px;
width:140px; height:95px; padding:5px; overflow-y:auto;
background:rgba(255,255,255,0.8); /* MODIFIABLE */
text-align:left; font-size:11px;
opacity:0; transition:all .65s linear; -webkit-transition:all .65s linear;
}
.sfFRM:hover {
opacity:1;
}
/* LIENS SOUS-FORUMS */
.sfFRM a {
color:black !important; /* MODIFIABLE */
}
/* DESCRIPTION FORUM */
.descFRM {
display:inline-block; vertical-align:top; margin-top:5px; margin-left:5px;
width:595px; height:95px; padding:5px; overflow:hidden;
background:lightgrey; color:black; /* MODIFIABLE */
text-align:justify; font-size:11px; line-height:16px;
}
.descFRM:hover {
overflow-y:auto;
}

Largeur du forum : 800px

Instructions :

[50] Catégories IMGDESC
Revenir en haut Aller en bas
[50] Catégories Empty Mar 19 Mai - 12:52
[50] Catégories TCAT11

Remplacer l'intégralité du template par :
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>
    <!-- END tablehead -->
   
    <!-- BEGIN cathead -->
    <!-- END cathead -->
   
    <!-- BEGIN forumrow -->
    <div class="FRM"><div class="boxFRM"><div class="tleFRM"><a href="{catrow.forumrow.U_VIEWFORUM}">{catrow.forumrow.FORUM_NAME}</a></div><div class="descFRM">{catrow.forumrow.FORUM_DESC}</div><div class="sfFRM">{catrow.forumrow.L_LINKS}{catrow.forumrow.LINKS}</div><script type="text/javascript">$('.sfFRM').each(function(){$(this).html($(this).html().replace(/>, /g,"><br/>"));});</script></div><div class="triFRM"><div class="nbFRM">{catrow.forumrow.TOPICS}<br/>―<br/>{catrow.forumrow.POSTS}</div></div><div class="lmsgFRM"><span style="display:inline-block; vertical-align:middle; height:120px;"></span><span style="display:inline-block; vertical-align:middle;"><div>{catrow.forumrow.LAST_POST}</div><img class="imgFRM" src="{catrow.forumrow.FORUM_FOLDER_IMG}" /></div></span></div>
    <!-- END forumrow -->
 
    <!-- BEGIN catfoot -->
    <!-- END catfoot -->
 
    <!-- BEGIN tablefoot -->
    <!-- END tablefoot --><!-- END catrow -->
    <!-- CODAGE PAR SKAEMP / CCCRUSH -->

Partie CSS :
Code:
/* BLOC TITRE CATEGORIE */
.tleCAT {
margin:5px auto 0;
width:800px; padding:15px 0;
background:#191919; /* MODIFIABLE */
}
/* TITRE CATEGORIE */
.tleCAT h2 {
margin:0 auto;
text-align:center; text-transform:uppercase; letter-spacing:3px; font-size:24px; font-family:Arial;
color:white; /* MODIFIABLE */
}
/* BLOC FORUM */
.FRM {
margin:10px auto; width:800px; font-family:Arial;
background:#757575; /* MODIFIABLE */
}
/* BLOC POSITIONNEMENT FORUM */
.boxFRM {
display:inline-block; vertical-align:top;
}
/* BLOC TITRE FORUM */
.tleFRM {
width:585px; height:25px; padding-top:10px; overflow:hidden;
background:#757575; /* MODIFIABLE */
text-align:left; font-size:14px; font-weight:bold; text-transform:uppercase; line-height:14px;
}
/* TITRE FORUM */
.tleFRM a {
margin-left:10px;
color:white !important; /* MODIFIABLE */
}
/* DESCRIPTION FORUM */
.descFRM {
display:inline-block; vertical-align:top;
width:365px; height:105px; padding:5px; overflow:hidden;
background:#F4F4F4; color:black; /* MODIFIABLE */
text-align:justify; font-size:11px; line-height:15px;
}
.descFRM:hover {
overflow-y:auto; 
}
/* BLOC SOUS-FORUMS */
.sfFRM {
display:inline-block; vertical-align:top;
width:110px; height:105px; padding:5px; overflow-y:auto;
text-align:left; text-transform:uppercase; line-height:12px;
}
/* LIENS SOUS-FORUMS */
.sfFRM a {
color:white !important; /* MODIFIABLE */
}
/* POINTE DERNIER MESSAGE FORUM */
.triFRM {
position:absolute; z-index:3; margin-top:-150px; margin-left:510px;
width:0; height:0; border-style:solid; border-width:75px 75px 75px 0; border-color:transparent;
border-right-color:#F4F4F4; /* MODIFIABLE */
}
/* NOMBRE SUJETS & MESSAGES FORUM */
.nbFRM {
position:absolute; margin-top:-18px; margin-left:20px;
width:45px; overflow:hidden;
color:black; /* MODIFIABLE */
text-align:center; font-size:11px; line-height:12px;
}
/* BLOC DERNIER MESSAGE / ICÔNES FORUM */
.lmsgFRM {
display:inline-block; vertical-align:top;
width:185px; height:120px; padding:15px; overflow:hidden;
background:#F4F4F4; /* MODIFIABLE */
}
/* DERNIER MESSAGE FORUM */
.lmsgFRM div {
margin-bottom:15px;
width:185px; overflow:hidden;
color:black; /* MODIFIABLE */
text-align:center; text-transform:uppercase; font-size:11px; font-family:Arial;
}
/* ICÔNES FORUM */
.imgFRM {
width:185px; height:25px;
}

Largeur du forum : 800px
Revenir en haut Aller en bas
[50] Catégories Empty Mer 25 Nov - 2:32
[50] Catégories TCAT12

Remplacer l'intégralité du template par :
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"><span style="display:block; height:0; clear:both;"></span><!-- 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><div class="boxFRM"><div class="descFRM">{catrow.forumrow.FORUM_DESC}</div><div class="boxIIFRM"><div class="lmsgFRM">{catrow.forumrow.LAST_POST}</div><div class="avaFRM"><!-- BEGIN avatar -->{catrow.forumrow.avatar.LAST_POST_AVATAR}<!-- END avatar --></div></div></div><img class="imgFRM" src="{catrow.forumrow.FORUM_FOLDER_IMG}" /><div class="sfFRM"><b>+</b><div>{catrow.forumrow.L_LINKS}{catrow.forumrow.LINKS}</div></div><div class="nbFRM">{catrow.forumrow.TOPICS}</div><div class="nbFRM nbIIFRM">{catrow.forumrow.POSTS}</div></div>
     <!-- END forumrow -->
    
    <!-- BEGIN catfoot -->
    <!-- END catfoot -->
 
    <!-- BEGIN tablefoot -->
    <span style="display:block; height:0; clear:both;"></span></div><div class="btmCAT"></div>
    <!-- END tablefoot --><!-- END catrow -->

Partie CSS :
Code:
/* BLOC TITRE CATEGORIE */
.tleCAT {
margin:5px auto 0;
width:800px; padding:15px 0; text-align:center;
background:#191919; /* MODIFIABLE */
}
/* TITRE CATEGORIE */
.tleCAT h2 {
margin:0;
font-size:42px; text-transform:uppercase; letter-spacing:3px; font-family:Arial;
color:white; text-shadow:1px 1px 0px rgba(0,0,0,0.3); /* MODIFIABLE */
}
/* CONTENU CATEGORIE */
.mdlCAT {
margin:auto; width:800px; padding:16px 0 6px;
background:#F2F2F2; /* MODIFIABLE */
}
/* BAS CATEGORIE */
.btmCAT {
margin:0 auto 10px; width:800px;
height:25px; background:#191919; /* MODIFIABLE */
}
/* BLOC FORUM */
.FRM {
float:left; margin:0 0 10px 16px;
width:245px; font-family:Arial;
}
/* BLOC TITRE FORUM */
.tleFRM {
margin:auto; height:20px; width:245px; padding:5px 0; overflow:hidden;
text-align:center; font-size:14px; font-weight:bold; text-transform:uppercase; line-height:19px;
background:black; /* MODIFIABLE */
}
/* TITRE FORUM */
.tleFRM a {
color:white !important; /* MODIFIABLE */
}
/* BLOC DESCRIPTION / DERNIER MESSAGE FORUM */
.boxFRM {
margin:5px auto;
width:243px; height:110px; padding-top:5px; overflow:hidden; border:1px solid;
border-color:black; background:rgba(250,250,250,0.3); /* MODIFIABLE */
}
/* DESCRIPTION FORUM */
.descFRM {
height:48px; padding:0 5px; overflow:hidden;
text-align:justify; font-size:10px; line-height:12px;
color:black; /* MODIFIABLE */
}
.descFRM:hover {
overflow-y:auto;
}
/* BLOC DERNIER MESSAGE & AVATAR DERNIER POSTEUR FORUM */
.boxIIFRM {
margin:5px auto 0;
width:231px; height:45px; padding-top:5px; border-top:1px solid;
border-top-color:grey; /* MODIFIABLE */
}
/* DERNIER MESSAGE FORUM */
.lmsgFRM {
display:inline-block; vertical-align:middle; margin-right:5px;
width:176px; height:43px; padding-top:2px; overflow:hidden;
text-align:center; font-size:10px; text-transform:uppercase; line-height:14px;
color:black; /* MODIFIABLE */
}
/* COULEUR TITRE SUJET DERNIER MESSAGE FORUM */
.lmsgFRM a {
color:black; /* MODIFIABLE */
}
/* AVATAR DERNIER POSTEUR FORUM */
.avaFRM {
display:inline-block; vertical-align:top;
width:50px; height:45px; overflow:hidden;
}
.avaFRM img {
width:50px;
filter:grayscale(1); -webkit-filter:grayscale(1);
transition:all 0.35s linear; -webkit-transition:all 0.35s linear;
}
.FRM:hover .avaFRM img {
filter:grayscale(0); -webkit-filter:grayscale(0);
}
/* ICÔNES FORUM */
.imgFRM {
display:inline-block; vertical-align:top;
width:75px; height:35px;
}
/* BLOC SOUS-FORUMS */
.sfFRM {
display:inline-block; vertical-align:top; margin-left:5px;
width:55px; height:35px;
}
/* + SOUS-FORUMS */
.sfFRM b {
display:block;
width:55px; height:25px; padding:10px 0px 0px 0px;
text-align:center; font-size:12px;
background:#C7C7C7; color:rgba(0,0,0,0.6); /* MODIFIABLE */
}
/* CONTENU SOUS-FORUMS */
.sfFRM div {
position:absolute; z-index:3; margin-top:-156px; margin-left:-79px;
width:233px; height:0; padding:0 5px; overflow:hidden;
text-align:justify; font-size:10px; text-transform:uppercase; color:rgba(0,0,0,0); line-height:0;
background:grey; /* MODIFIABLE */
transition:all .65s linear; -webkit-transition:all .65s linear;
}
.sfFRM:hover div {
height:105px; padding:5px;
}
/* LIENS SOUS-FORUMS */
.sfFRM a {
display:block; line-height:16px;
color:white !important; /* MODIFIABLE */
}
/* NOMBRE SUJETS FORUM */
.nbFRM {
display:inline-block; vertical-align:top; margin-left:5px;
width:50px; height:25px; padding:10px 0px 0px 0px;
text-align:center; font-size:11px; line-height:16px;
background:lightgrey; color:rgba(0,0,0,0.5); /* MODIFIABLE */
}
/* NOMBRE MESSAGES FORUM */
.nbIIFRM {
background:lightgrey; color:rgba(0,0,0,0.5); /* MODIFIABLE */
}

Instructions :
[50] Catégories IMGDESC

[50] Catégories LASTAV
Revenir en haut Aller en bas
[50] Catégories Empty Lun 30 Nov - 20:52
[50] Catégories TCAT13

Remplacer l'intégralité du template par :
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>
    <!-- END tablehead -->
 
    <!-- BEGIN cathead -->
    <!-- END cathead -->
 
    <!-- BEGIN forumrow -->
    <div id="FRM"><div class="FRM"><div class="tleFRM"><a href="{catrow.forumrow.U_VIEWFORUM}">{catrow.forumrow.FORUM_NAME}</a></div><div class="triLFRM"></div><img class="imgFRM" src="{catrow.forumrow.FORUM_FOLDER_IMG}" /><div class="triRFRM"></div><div class="nbFRM">{catrow.forumrow.TOPICS} sujets  ▼  {catrow.forumrow.POSTS} réponses</div><div class="boxFRM"><div class="sfFRM">{catrow.forumrow.L_LINKS}{catrow.forumrow.LINKS}</div><div class="triFRM"></div><div class="descFRM">{catrow.forumrow.FORUM_DESC}</div><div class="lmsgFRM"><span style="display:inline-block; vertical-align:middle; height:125px;"></span><span style="display:inline-block; vertical-align:middle;">{catrow.forumrow.LAST_POST}</span></div></div></div></div>
    <!-- END forumrow -->
 
    <!-- BEGIN catfoot -->
    <!-- END catfoot -->
 
    <!-- BEGIN tablefoot -->
    <!-- END tablefoot --><!-- END catrow -->

Partie CSS :
Code:
/* BLOC TITRE CATEGORIE */
.tleCAT {
margin:10px auto;
width:800px; padding:10px 0; text-align:center;
background:#191919; /* MODIFIABLE */
}
/* TITRE CATEGORIE */
.tleCAT h2 {
margin:0;
font-size:42px; text-transform:uppercase; letter-spacing:3px; font-family:Arial;
color:white; /* MODIFIABLE */
}
/* BLOC FORUM */
#FRM {
margin:0 auto 10px;
width:800px; height:165px; overflow:hidden;
}
.FRM {
position:relative; width:800px; height:165px; overflow:hidden;
text-align:center; font-family:Arial;
}
/* BLOC TITRE FORUM */
.tleFRM {
display:inline-block; vertical-align:top;
width:490px; height:20px; padding:10px 0 10px 10px; overflow:hidden;
text-align:left; font-size:16px; font-weight:bold; text-transform:uppercase; line-height:20px;
background:grey; /* MODIFIABLE */
}
/* TITRE FORUM */
.tleFRM a {
color:white !important; text-shadow:1px 1px 0px rgba(0,0,0,0.2); /* MODIFIABLE */
}
/* TRIANGLE TITRE FORUM */
.triLFRM {
position:absolute; z-index:3; margin-left:500px; margin-top:-40px;
width:0; height:0; border-style:solid; border-width:40px 20px 0 0; border-color:transparent;
border-top-color:grey; /* MODIFIABLE */
}
/* ICÔNES FORUM */
.imgFRM {
display:inline-block; vertical-align:top;
width:50px; height:40px;
}
/* TRIANGLE NOMBRE SUJETS & MESSAGES FORUM */
.triRFRM {
position:absolute; z-index:3; margin-left:530px; margin-top:-40px;
width:0; height:0; border-style:solid; border-width:0 0 40px 20px; border-color:transparent;
border-bottom-color:#F1F0F4; /* MODIFIABLE */
}
/* NOMBRE SUJETS & MESSAGES FORUM */
.nbFRM {
display:inline-block; vertical-align:top;
width:240px; height:20px; padding:13px 5px 7px 5px; overflow:hidden;
text-align:center; font-size:11px; text-transform:uppercase; line-height:15px;
background:#F1F0F4; color:rgba(0,0,0,0.5); /* MODIFIABLE */
}
/* BLOC SOUS-FORUMS / DESCRIPTION / DERNIER MESSAGE FORUM */
.boxFRM {
width:800px; height:125px;
}
/* BLOC SOUS-FORUMS */
.sfFRM {
display:inline-block; vertical-align:top;
width:205px; height:115px; padding:5px 125px 5px 5px; overflow-y:auto;
text-align:left; text-transform:uppercase; color:rgba(0,0,0,0); line-height:0;
background:#EBEBEB; /* MODIFIABLE */
}
/* SOUS-FORUMS */
.sfFRM a {
display:block; font-size:10px; line-height:16px;
color:#191919 !important; /* MODIFIABLE */
}
/* TRIANGLE DESCRIPTION FORUM */
.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;
border-bottom-color:#DEDEDE; /* MODIFIABLE */
}
/* DESCRIPTION FORUM */
.descFRM {
display:inline-block; vertical-align:top;
width:305px; height:115px; padding:5px; overflow:hidden;
background:#DEDEDE; color:black; /* MODIFIABLE */
font-size:11px; text-align:justify; line-height:14.5px;
}
.descFRM:hover {
overflow-y:auto;
}
/* IMAGE DESCRIPTIVE FORUM */
.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;
}
.boxFRM:hover .descFRM img {
transform:translateX(-335px); -webkit-transform:translateX(-335px);
}
/* DERNIER MESSAGE FORUM */
.lmsgFRM {
display:inline-block; vertical-align:top;
width:130px; height:125px; padding:0 10px; overflow:hidden;
text-align:right; font-size:11px; text-transform:uppercase; line-height:24px;
background:rgba(250,250,250,0.6); color:black; /* MODIFIABLE */
}
/* COULEUR TITRE SUJET DERNIER MESSAGE FORUM */
.lmsgFRM a {
color:black; /* MODIFIABLE */
}

Largeur du forum : 800px

Instructions :

[50] Catégories IMGDESC
Revenir en haut Aller en bas
[50] Catégories Empty Dim 6 Déc - 23:23
[50] Catégories TCAT14

Remplacer l'intégralité du template par :
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>
    <!-- END tablehead -->

    <!-- BEGIN cathead -->
    <!-- END cathead -->
   
    <!-- BEGIN forumrow -->
    <div class="FRM"><div class="tleFRM"><img class="imgFRM" src="{catrow.forumrow.FORUM_FOLDER_IMG}" /><a href="{catrow.forumrow.U_VIEWFORUM}">{catrow.forumrow.FORUM_NAME}</a></div><div id="descFRM"><div class="nbFRM">{catrow.forumrow.TOPICS} S.  ▼  {catrow.forumrow.POSTS} R.</div><div class="sfFRM">{catrow.forumrow.L_LINKS}{catrow.forumrow.LINKS}</div><script type="text/javascript">$('.sfFRM').each(function(){$(this).html($(this).html().replace(/>, /g,"><br />"));});</script>{catrow.forumrow.FORUM_DESC}</div><div class="triFRM"></div><div class="lmsgFRM"><span style="display:inline-block; vertical-align:middle; height:125px;"></span><span style="display:inline-block; vertical-align:middle;">{catrow.forumrow.LAST_POST}</span></div></div>
    <!-- END forumrow -->
 
    <!-- BEGIN catfoot -->
    <!-- END catfoot -->
 
    <!-- BEGIN tablefoot -->
    <!-- END tablefoot --><!-- END catrow -->

Partie CSS :
Code:
/* BLOC TITRE CATEGORIE */
.tleCAT {
margin:10px auto;
width:800px; padding:10px 0; text-align:center;
background:#212121; /* MODIFIABLE */
}
/* TITRE CATEGORIE */
.tleCAT h2 {
margin:0 auto;
font-size:42px; text-transform:uppercase; letter-spacing:2px;
font-family:Arial; color:white; text-shadow:1px 1px 0px rgba(0,0,0,0.3); /* MODIFIABLE */
}
/* BLOC FORUM */
.FRM {
margin:0 auto 10px;
width:800px; height:165px; overflow:hidden;
text-align:center; font-family:Arial;
}
/* BLOC ICÔNES / TITRE FORUM */
.tleFRM {
margin:auto; width:780px; height:20px; padding:10px; overflow:hidden;
font-size:16px; font-weight:bold; text-transform:uppercase; text-align:right;
background:grey; /* MODIFIABLE */
}
/* ICÔNES FORUMS */
.imgFRM {
float:left;
width:75px; height:20px;
}
/* TITRE FORUM */
.tleFRM a {
color:white !important; text-shadow:1px 1px 0px rgba(0,0,0,0.2); /* MODIFIABLE */
}
/* NOMBRE SUJETS & MESSAGES FORUM */
.nbFRM {
position:absolute; z-index:4; margin-left:15px; margin-top:40px;
width:95px; height:20px; padding:13px 5px 7px 5px; overflow:hidden;
text-align:center; font-size:11px; text-transform:uppercase;
background:#E7EAEA; color:rgba(0,0,0,0.5); /* MODIFIABLE */
}
/* BLOC SOUS-FORUMS */
.sfFRM {
position:absolute; z-index:5; margin-top:15px; margin-left:15px;
width:145px; height:0; padding:0 5px; overflow:hidden;
font-size:10px; text-transform:uppercase; text-align:justify;
background:#E7EAEA; /* MODIFIABLE */
transition:all .45s ease; -webkit-transition:all .45s ease;
}
.sfFRM:hover {
overflow-y:auto;
}
.FRM:hover .sfFRM {
height:85px; padding:5px;
}
/* LIENS SOUS-FORUMS */
.sfFRM a {
color:#191919 !important; /* MODIFIABLE */
}
/* DESCRIPTION FORUM */
#descFRM {
display:inline-block; vertical-align:top;
width:625px; height:125px; overflow:hidden;
background:#DEDEDE; /* MODIFIABLE */
font-size:11px; text-align:justify;
}
/* IMAGE DESCRIPTIVE FORUM */
#descFRM img {
position:absolute; z-index:2;
width:625px; height:125px;
}
/* CONTENU DESCRIPTION FORUM */
.descFRM {
position:absolute; z-index:3; margin-top:15px; margin-left:185px;
width:335px; height:85px; padding:5px; overflow-y:auto; font-size:10px;
background:rgba(250,250,250,0.7); color:black; /* MODIFIABLE */
opacity:0; transition:opacity .85s ease; -webkit-transition:opacity .85s ease;
}
.FRM:hover .descFRM {
opacity:1;
}
/* TRIANGLE DERNIER MESSAGE FORUM */
.triFRM {
position:absolute; z-index:3; margin-top:-125px; margin-left:560px;
width:0; height:0; border-style:solid; border-width:0 65px 125px 0; border-color:transparent;
border-right-color:#191919; /* MODIFIABLE */
}
/* DERNIER MESSAGE FORUM */
.lmsgFRM {
display:inline-block; vertical-align:top;
width:155px; height:125px; padding:0 10px; overflow:hidden;
text-align:right; font-size:11px; text-transform:uppercase; line-height:24px;
background:#191919; color:#DEDEDE; /* MODIFIABLE */
}
/* COULEUR TITRE SUJET DERNIER MESSAGE FORUM */
.lmsgFRM a {
color:#DEDEDE !important; /* MODIFIABLE */
}

Largeur du forum : 800px

Instructions :

[50] Catégories DIMGDESC

Encadrer le texte descriptif des balises suivantes :
Code:
<div class="descFRM">Texte descriptif.</div>
Revenir en haut Aller en bas
[50] Catégories Empty Mer 9 Déc - 1:34
[50] Catégories TCAT15

Remplacer l'intégralité du template par :
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>
    <!-- END tablehead -->

     <!-- BEGIN cathead -->
     <!-- END cathead -->
    
    <!-- BEGIN forumrow -->
     <div class="FRM"><div class="boxFRM"><div class="tleFRM"><a href="{catrow.forumrow.U_VIEWFORUM}">{catrow.forumrow.FORUM_NAME}</a></div><img class="imgFRM" src="{catrow.forumrow.FORUM_FOLDER_IMG}" /><div class="nbFRM">{catrow.forumrow.TOPICS} S.  ▼  {catrow.forumrow.POSTS} R.</div></div><div class="lmsgFRM"><span style="display:inline-block; vertical-align:middle; height:125px;"></span><span style="display:inline-block; vertical-align:middle;">{catrow.forumrow.LAST_POST}</span></div><div id="descFRM"><div style="position:relative;"><div class="sfFRM">{catrow.forumrow.L_LINKS}{catrow.forumrow.LINKS}</div><div class="descFRM">{catrow.forumrow.FORUM_DESC}</div></div></div></div>
     <!-- END forumrow -->
     <!-- BEGIN catfoot -->

     <!-- BEGIN inc -->
     <!-- END inc -->
 
     <!-- END catfoot -->
     <!-- BEGIN tablefoot -->
    <!-- END tablefoot --><!-- END catrow -->

Partie CSS :
Code:
/* BLOC TITRE CATEGORIE */
.tleCAT {
margin:10px auto 0;
width:800px; padding:10px 0; text-align:center;
background:grey; /* MODIFIABLE */
}
/* TITRE CATEGORIE */
.tleCAT h2 {
margin:0 auto;
font-size:42px; text-transform:uppercase; letter-spacing:3px; font-family:Arial;
color:white; text-shadow:1px 1px 0px rgba(0,0,0,0.3); /* MODIFIABLE */
}
/* BLOC FORUM */
.FRM {
margin:10px auto;
width:800px; height:125px; padding:10px 0; overflow:hidden;
text-align:center; font-family:Arial;
background:#333333; /* MODIFIABLE */
}
/* BLOC TITRE / ICÔNES / STATISTIQUES FORUM */
.boxFRM {
display:inline-block; vertical-align:middle;
width:200px; max-height:125px; overflow:hidden;
}
/* TITRE FORUM */
.tleFRM {
margin:0 auto 5px;
font-size:16px; font-weight:bold; text-transform:uppercase; font-family:Arial; text-align:center;
}
.tleFRM a {
color:white !important; text-shadow:1px 1px 0px rgba(0,0,0,0.2); /* MODIFIABLE */
}
/* ICÔNES FORUM */
.imgFRM {
display:inline-block; vertical-align:middle; margin-right:5px;
width:50px; height:40px;
}
/* NOMBRE SUJETS & MESSAGES FORUM */
.nbFRM {
display:inline-block; vertical-align:middle;
width:95px; height:20px; padding:13px 5px 7px 5px; overflow:hidden;
text-align:center; font-size:11px; text-transform:uppercase; font-family:Arial;
background:#E7EAEA; color:rgba(0,0,0,0.5); /* MODIFIABLE */
}
/* DERNIER MESSAGE FORUM */
.lmsgFRM {
display:inline-block; vertical-align:middle; margin:0 10px;
width:145px; height:125px; padding-right:15px; overflow:hidden;
text-align:right; font-size:11px; text-transform:uppercase; line-height:24px;
background:rgba(0,0,0,0.3); box-shadow:inset 0 0 15px rgba(0,0,0,0.1); color:#DEDEDE; /* MODIFIABLE */
}
/* COULEUR TITRE SUJET DERNIER MESSAGE FORUM */
.lmsgFRM a {
color:#CCC !important; /* MODIFIABLE */
}
/* BLOC SOUS-FORUMS & DESCRIPTION FORUM */
#descFRM {
display:inline-block; vertical-align:middle;
width:400px; height:125px; overflow:hidden;
background:#DEDEDE; /* MODIFIABLE */
}
/* BLOC SOUS-FORUMS */
.sfFRM {
display:inline-block; vertical-align:top; margin-top:15px; margin-left:15px; margin-right:10px;
width:135px; height:85px; padding:5px; overflow-y:auto;
color:rgba(0,0,0,0); line-height:4px; font-size:10px; text-transform:uppercase; text-align:left;
background:#E7EAEA; /* MODIFIABLE */
}
/* LIENS SOUS-FORUMS */
.sfFRM a {
display:block; line-height:normal;
color:#191919 !important; /* MODIFIABLE */
}
/* DESCRIPTION FORUM */
.descFRM {
display:inline-block; vertical-align:top;
width:220px; height:115px; padding:5px; overflow-y:auto;
color:black; /* MODIFIABLE */
font-size:11px; text-align:justify; font-family:Arial; line-height:15px;
}
/* IMAGE DESCRIPTIVE FORUM */
#descFRM img {
position:absolute; z-index:3; margin-top:-5px; margin-left:-175px;
width:400px; height:125px;
transition:all .85s ease; -webkit-transition:all .85s ease;
}
#descFRM:hover img {
width:0px; transform:translatex(400px); -webkit-transform:translatex(400px);
}

Largeur du forum : 800px

Instructions :

[50] Catégories IMGDESC
Revenir en haut Aller en bas
[50] Catégories Empty Ven 18 Déc - 23:28
[50] Catégories TCAT16

Remplacer l'intégralité du template par :
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>
    <!-- END tablehead -->

    <!-- BEGIN cathead -->
    <!-- END cathead -->
       
    <!-- BEGIN forumrow -->
    <div id="FRM"><div class="FRM"><div class="tleFRM"><a href="{catrow.forumrow.U_VIEWFORUM}">{catrow.forumrow.FORUM_NAME}</a></div><div class="nbFRM">{catrow.forumrow.TOPICS} SUJETS  ▼  {catrow.forumrow.POSTS} MESSAGES</div><div class="boxFRM"><img class="imgFRM" src="{catrow.forumrow.FORUM_FOLDER_IMG}" /><div class="lmsgFRM"><span style="display:inline-block; vertical-align:middle; height:100px;"></span><span style="display:inline-block; vertical-align:middle;">{catrow.forumrow.LAST_POST}</span></div></div><div class="DSFRM"><div class="descFRM">{catrow.forumrow.FORUM_DESC}</div><div class="sfFRM">{catrow.forumrow.L_LINKS}{catrow.forumrow.LINKS}</div></div></div></div>
    <!-- END forumrow -->
 
    <!-- BEGIN catfoot -->
    <!-- END catfoot -->
 
    <!-- BEGIN tablefoot -->
    <!-- END tablefoot --><!-- END catrow -->

Partie CSS :
Code:
/* BLOC TITRE CATEGORIE */
.tleCAT {
margin:10px auto 0;
width:800px; padding:10px 0; text-align:center;
background:#191919; /* MODIFIABLE */
}
/* TITRE CATEGORIE */
.tleCAT h2 {
margin:0 auto;
font-size:42px; text-transform:uppercase; letter-spacing:3px; font-family:Arial;
color:white; text-shadow:1px 1px 0px rgba(0,0,0,0.3); /* MODIFIABLE */
}
/* BLOC FORUM */
#FRM {
margin:10px auto;
width:780px; padding:10px; overflow:hidden;
background:rgba(255,255,255,0.7); /* MODIFIABLE */
}
.FRM {
position:relative; width:780px; overflow:hidden;
text-align:center; font-family:Arial;
}
/* BLOC TITRE FORUM */
.tleFRM {
display:inline-block; vertical-align:top; margin-right:10px;
width:455px; padding:10px 5px; overflow:hidden;
text-align:center; font-size:16px; font-weight:bold; text-transform:uppercase; line-height:20px;
background:#171717; /* MODIFIABLE */
}
/* TITRE FORUM */
.tleFRM a {
color:white !important; /* MODIFIABLE */
}
/* NOMBRE SUJETS & MESSAGES FORUM */
.nbFRM {
display:inline-block; vertical-align:top;
width:305px; height:20px; padding:13px 0 7px; overflow:hidden;
text-align:center; font-size:11px; text-transform:uppercase; line-height:15px;
background:#6A6A6A; color:white; /* MODIFIABLE */
}
/* BLOC ICÔNES / DERNIER MESSAGE FORUM */
.boxFRM {
display:inline-block; vertical-align:top; margin-top:10px;
width:150px; height:100px;
}
/* ICÔNES FORUM */
.imgFRM {
position:absolute; z-index:4; margin-left:-75px;
width:150px; height:100px;
transition:all 0.65s ease; -webkit-transition:all 0.65s ease;
}
#FRM:hover .imgFRM {
width:0;
}
/* DERNIER MESSAGE FORUM */
.lmsgFRM {
width:130px; height:100px; padding:0 10px; overflow:hidden;
text-align:center; font-size:11px; text-transform:uppercase; line-height:20px;
background:rgba(0,0,0,0.3); color:#DEDEDE; /* MODIFIABLE */
}
/* COULEUR TITRE SUJET DERNIER MESSAGE FORUM */
.lmsgFRM a {
color:white; /* MODIFIABLE */
}
/* BLOC DESCRIPTION & SOUS-FORUMS */
.DSFRM {
display:inline-block; vertical-align:top; margin-top:10px; margin-left:10px;
}
/* DESCRIPTION FORUM */
.descFRM {
display:inline-block; vertical-align:top; margin-right:10px;
width:400px; height:90px; padding:5px; overflow:hidden;
background:#DEDEDE; color:black; /* MODIFIABLE */
font-size:11px; text-align:justify; line-height:15px;
}
.descFRM:hover {
overflow-y:auto;
}
/* IMAGE DESCRIPTIVE FORUM */
.descFRM img {
position:absolute; z-index:3; margin-top:-5px; margin-left:415px;
width:200px; height:100px;
transition:all .85s ease; -webkit-transition:all .85s ease;
}
.DSFRM:hover .descFRM img {
transform:translatex(200px); -webkit-transform:translatex(200px);
}
/* BLOC SOUS-FORUMS */
.sfFRM {
display:inline-block; vertical-align:top;
width:190px; height:90px; padding:5px; overflow-y:auto;
text-align:justify; font-size:10px; text-transform:uppercase; color:rgba(0,0,0,0); line-height:0;
background:grey; /* MODIFIABLE */
}
/* SOUS-FORUMS */
.sfFRM a {
display:block; line-height:16px;
color:white !important; /* MODIFIABLE */
}

Largeur du forum : 800px

Instructions :

[50] Catégories IMGDESC
Revenir en haut Aller en bas
[50] Catégories Empty Dim 20 Déc - 1:44
[50] Catégories TCAT17

Remplacer l'intégralité du template par :
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"><span style="display:block; height:0; clear:both;"></span>
    <!-- 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><div class="descFRM">{catrow.forumrow.FORUM_DESC}</div><div class="boxDESC"><div class="sfFRM">{catrow.forumrow.L_LINKS}{catrow.forumrow.LINKS}</div></div><div class="boxFRM"><div class="lmsgFRM">{catrow.forumrow.LAST_POST}</div><div class="nbFRM">{catrow.forumrow.TOPICS}<br/>sujets</div><div class="nbFRM nbIIFRM">{catrow.forumrow.POSTS}<br/>messages</div><img class="imgFRM" src="{catrow.forumrow.FORUM_FOLDER_IMG}" /></div></div>
    <!-- END forumrow -->
 
    <!-- BEGIN catfoot -->
    <!-- END catfoot -->
 
    <!-- BEGIN tablefoot -->
 <span style="display:block; height:0; clear:both;"></span></div>
    <!-- END tablefoot --><!-- END catrow -->
    <!-- CODAGE PAR SKAEMP / CCCRUSH -->

Partie CSS :
Code:
/* BLOC TITRE CATEGORIE */
.tleCAT {
margin:10px auto;
width:800px; padding:15px 0;
background:black; /* MODIFIABLE */
}
/* TITRE CATEGORIE */
.tleCAT h2 {
margin:0 auto;
text-align:center; font-size:32px; text-transform:uppercase; letter-spacing:3px; font-family:Arial;
color:white; text-shadow:1px 1px 0px rgba(0,0,0,0.3); /* MODIFIABLE */
}
/* BLOC CATEGORIE */
.mdlCAT {
margin:auto; width:800px; 
}
/* BLOC FORUM */
.FRM {
float:left; margin:5px 0 0;
width:395px; height:235px; overflow:hidden;
text-align:center; font-family:Arial;
}
.FRM:nth-of-type(even) {
margin:5px 0 0 10px;
}
/* BLOC TITRE FORUM */
.tleFRM {
width:395px; height:15px; padding:10px 0; overflow:hidden;
text-align:center; font-size:14px; font-weight:bold; text-transform:uppercase; line-height:14px;
background:#404040; /* MODIFIABLE */
}
/* TITRE FORUM */
.tleFRM a {
color:white !important; /* MODIFIABLE */
}
/* DESCRIPTION FORUM */
.descFRM {
width:385px; height:80px; padding:5px; overflow-y:auto;
background:#F2F2F2; color:black; /* MODIFIABLE */
text-align:justify; font-size:11px; line-height:16px;
}
/* IMAGE DESCRIPTIVE FORUM */
.descFRM img {
position:absolute; z-index:3; margin-top:85px; margin-left:-5px;
width:195px; height:100px;
transition:all .85s ease; -webkit-transition:all .85s ease;
}
/* BLOC IMAGE DESCRIPTIVE */
.boxDESC {
display:inline-block; vertical-align:top;
width:195px; height:100px;
background:#191919; /* MODIFIABLE */
}
/* SOUS-FORUMS */
.sfFRM {
position:absolute; z-index:3;
width:175px; height:80px; padding:10px; overflow-y:auto;
text-align:left; font-size:10px; text-transform:uppercase;
background:black; color:#CCC; /* MODIFIABLE */
opacity:0; transition:all 0.45s ease; -webkit-transition:all 0.45s ease;
}
.sfFRM:hover {
opacity:1;
}
/* LIENS SOUS-FORUMS */
.sfFRM a {
color:#CCC !important; /* MODIFIABLE */
}
/* BLOC DERNIER MESSAGE / NOMBRE SUJETS & MESSAGES / ICÔNES FORUM */
.boxFRM {
display:inline-block; vertical-align:top;
width:200px;
}
/* DERNIER MESSAGE FORUM */
.lmsgFRM {
width:180px; height:53px; padding:7px 10px 0; overflow:hidden;
text-align:center; font-size:11px; text-transform:uppercase; line-height:16px;
background:rgba(0,0,0,0.3); color:white; /* MODIFIABLE */
}
/* TITRE SUJET DERNIER MESSAGE FORUM */
.lmsgFRM a {
color:white !important; /* MODIFIABLE */
}
/* NOMBRE SUJETS FORUM */
.nbFRM {
display:inline-block; vertical-align:top;
width:80px; height:35px; padding:5px 5px 0; overflow:hidden;
text-align:center; font-size:11px; text-transform:uppercase; line-height:14px;
background:#4F4F4F; color:white; /* MODIFIABLE */
}
/* NOMBRE MESSAGES FORUM */
.nbIIFRM {
background:#6E6E6E; color:white; /* MODIFIABLE */
}
/* ICÔNES FORUM */
.imgFRM {
display:inline-block; vertical-align:top;
width:20px; height:40px;
}

Largeur du forum : 800px

Instructions :

[50] Catégories IMGDESC
Revenir en haut Aller en bas
[50] Catégories Empty Mar 22 Déc - 4:22
[50] Catégories TCAT18

Remplacer l'intégralité du template par :
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>
        <!-- END tablehead -->

        <!-- BEGIN cathead -->
        <!-- END cathead -->
       
        <!-- BEGIN forumrow -->
        <div class="FRM"><div class="boxFRM"><div class="tleFRM"><a href="{catrow.forumrow.U_VIEWFORUM}">{catrow.forumrow.FORUM_NAME}</a></div><div class="sfFRM">{catrow.forumrow.L_LINKS}{catrow.forumrow.LINKS}</div></div><div class="lmsgFRM"><img class="imgFRM" src="{catrow.forumrow.FORUM_FOLDER_IMG}" /><div><span style="display:inline-block; vertical-align:middle; height:75px;"></span><span style="display:inline-block; vertical-align:middle;">{catrow.forumrow.LAST_POST}</span></div></div><div class="boxFRM"><div class="nbFRM">{catrow.forumrow.TOPICS}<br/>sujets</div><div class="nbFRM nbIIFRM">{catrow.forumrow.POSTS}<br/>messages</div></div><div class="boxDESC"></div><div class="descFRM">{catrow.forumrow.FORUM_DESC}</div></div>
        <!-- END forumrow -->
        <!-- BEGIN catfoot -->
   
        <!-- END catfoot -->
        <!-- BEGIN tablefoot -->
        <!-- END tablefoot --><!-- END catrow -->

Partie CSS :
Code:
/* BLOC TITRE CATEGORIE */
.tleCAT {
margin:5px auto 0;
width:800px; padding:10px 0;
text-align:center; font-family:Arial;
background:black; /* MODIFIABLE */
}
/* TITRE CATEGORIE */
.tleCAT h2 {
margin:auto;
font-size:42px; text-transform:uppercase; letter-spacing:3px;
color:white; /* MODIFIABLE */
}
/* BLOC FORUM */
.FRM {
margin:10px auto; width:800px;
text-align:center; font-family:Arial;
}
/* BLOC POSITIONNEMENT FORUM */
.boxFRM {
display:inline-block; vertical-align:top;
}
/* BLOC TITRE FORUM */
.tleFRM {
width:600px; height:30px; padding-top:15px; overflow:hidden;
text-align:center; font-size:16px; font-weight:bold; text-transform:uppercase; line-height:18px;
background:#404040; /* MODIFIABLE */
}
/* TITRE FORUM */
.tleFRM a {
color:white !important; /* MODIFIABLE */
}
/* BLOC SOUS-FORUMS */
.sfFRM {
display:inline-block; vertical-align:top;
width:590px; height:20px; padding:5px; overflow-y:auto;
text-align:left; font-size:10px; text-transform:uppercase; line-height:20px;
background:#191919; color:white; /* MODIFIABLE */
}
/* LIENS SOUS-FORUMS */
.sfFRM a {
color:white !important; /* MODIFIABLE */
}
/* BLOC ICÔNES & DERNIER MESSAGE FORUM */
.lmsgFRM {
display:inline-block; vertical-align:top;
width:200px; height:75px; overflow:hidden;
}
/* ICÔNES FORUM */
.imgFRM {
position:relative; z-index:5;
width:200px; height:75px;
transition:all 0.65s ease; -webkit-transition:all 0.65s ease;
}
.FRM:hover .imgFRM {
margin-left:200px;
}
/* DERNIER MESSAGE FORUM */
.lmsgFRM div {
position:relative; z-index:2; margin-top:-75px;
width:190px; height:75px; padding:0 5px; overflow:hidden;
text-align:center; font-size:11px; text-transform:uppercase; line-height:16px;
background:#E9E9E9; color:black; /* MODIFIABLE */
}
/* COULEUR TITRE SUJET DERNIER MESSAGE FORUM */
.lmsgFRM a {
color:black; /* MODIFIABLE */
}
/* NOMBRE SUJETS FORUM */
.nbFRM {
height:40px; width:70px; padding:10px 5px 0px; overflow:hidden;
text-align:center; font-size:11px; text-transform:uppercase; line-height:14px;
background:#404040; color:white; /* MODIFIABLE */
}
/* NOMBRE MESSAGES FORUM */
.nbIIFRM {
background:#E9E9E9; color:black; /* MODIFIABLE */
}
/* BLOC IMAGE DESCRIPTIVE FORUM */
.boxDESC {
display:inline-block; vertical-align:top;
width:200px; height:100px;
background:#4D4D4D; /* MODIFIABLE */
}
/* IMAGE DESCRIPTIVE FORUM */
.descFRM img {
position:absolute; z-index:3; margin-top:-5px; margin-left:-205px;
width:200px; height:100px;
}
/* DESCRIPTION FORUM */
.descFRM {
display:inline-block; vertical-align:top;
width:510px; height:90px; padding:5px; overflow:hidden;
background:#DEDEDE; color:black; /* MODIFIABLE */
font-size:11px; text-align:justify; line-height:15.5px;
}
.descFRM:hover {
overflow-y:auto;
}

Largeur du forum : 800px

Instructions :

[50] Catégories IMGDESC
Revenir en haut Aller en bas
[50] Catégories Empty Sam 26 Déc - 3:51
[50] Catégories TCAT19

Remplacer l'intégralité du template par :
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>
        <span style="display:block; height:0; clear:both;"></span>
        <!-- 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><div class="boxFRM"><div class="nbFRM">{catrow.forumrow.TOPICS}</div><div class="nbIIFRM">{catrow.forumrow.POSTS}</div></div><div class="descFRM">{catrow.forumrow.FORUM_DESC}</div><img class="imgFRM" src="{catrow.forumrow.FORUM_FOLDER_IMG}" /><div class="sfFRM"><b>Sous-forums</b><div><span style="display:inline-block; vertical-align:middle; height:60px;"></span><span style="display:inline-block; vertical-align:middle;">{catrow.forumrow.L_LINKS}{catrow.forumrow.LINKS}</span></div></div><div class="avaFRM"><!-- BEGIN avatar --><div>{catrow.forumrow.avatar.LAST_POST_AVATAR}</div><!-- END avatar --></div><div class="lmsgFRM">{catrow.forumrow.LAST_POST}</div></div>
        <!-- END forumrow -->
 
        <!-- BEGIN catfoot -->
        <!-- END catfoot -->
 
        <!-- BEGIN tablefoot -->
        <br clear="all" />
        <!-- END tablefoot --><!-- END catrow -->

Partie CSS :
Code:
/* BLOC TITRE CATEGORIE */
.tleCAT {
margin:10px auto 5px;
width:800px; padding:10px 0; text-align:center;
background:black; /* MODIFIABLE */
}
/* TITRE CATEGORIE */
.tleCAT h2 {
margin:0 auto;
font-size:42px; text-transform:uppercase; letter-spacing:3px; font-family:Arial;
color:white; /* MODIFIABLE */
}
/* BLOC FORUM */
.FRM {
float:left; margin:5px 0;
width:395px; overflow:hidden; font-family:Arial;
}
.FRM:nth-of-type(even) {
margin:5px 0 5px 10px;
}
/* BLOC TITRE FORUM */
.tleFRM {
margin-bottom:5px;
width:385px; height:20px; padding:15px 5px; overflow:hidden;
text-align:center; font-size:16px; font-weight:bold; text-transform:uppercase; font-family:Arial;
background:#8884AA; /* MODIFIABLE */
}
/* TITRE FORUM */
.tleFRM a {
color:white !important; text-shadow:1px 1px 0px rgba(0,0,0,0.2); /* MODIFIABLE */
}
/* BLOC NOMBRE SUJETS & MESSAGES */
.boxFRM {
display:inline-block; vertical-align:top;
background:#E9E9E9; /* MODIFIABLE */
}
/* NOMBRE SUJETS FORUM */
.nbFRM {
margin:5px;
width:45px; height:29px; padding-top:14px; overflow:hidden;
text-align:center; font-size:11px; text-transform:uppercase;
background:#8884AA; color:white; /* MODIFIABLE */
}
/* NOMBRE MESSAGES FORUM */
.nbIIFRM {
margin:5px;
width:45px; height:28px; padding-top:14px; overflow:hidden;
text-align:center; font-size:11px; text-transform:uppercase;
background:grey; color:white; /* MODIFIABLE */
}
/* DESCRIPTION FORUM */
.descFRM {
display:inline-block; vertical-align:top; margin:0 5px 5px;
width:260px; height:90px; padding:5px; overflow:hidden;
background:#DEDEDE; color:black; /* MODIFIABLE */
font-size:11px; text-align:justify; line-height:15.5px;
}
.descFRM:hover {
overflow-y:auto;
}
/* IMAGE DESCRIPTIVE FORUM */
.descFRM img {
position:absolute; z-index:3; margin-top:-5px; margin-left:-5px;
width:270px; height:100px;
transition:all 0.65s ease; -webkit-transition:all 0.65s ease;

.descFRM:hover img {
margin-left:265px; width:0;

/* ICÔNES FORUM */
.imgFRM {
display:inline-block; vertical-align:top;
width:60px; height:100px;
}
/* BLOC SOUS-FORUMS */
.sfFRM {
display:inline-block; vertical-align:top;
width:150px; height:60px; overflow:hidden;
font-size:11px; text-transform:uppercase; text-align:center;
}
/* INTITULE SOUS-FORUMS */
.sfFRM b {
display:block;
height:35px; padding-top:25px; letter-spacing:1px;
background:#191919; color:white; /* MODIFIABLE */
}
/* CONTENU SOUS-FORUMS */
.sfFRM div {
position:absolute; margin-top:-60px;
width:0; height:60px; overflow:hidden;
text-align:justify;
background:grey; color:white; /* MODIFIABLE */
transition:all 0.65s linear; -webkit-transition:all 0.65s linear;
}
.sfFRM:hover div {
width:385px; padding:0 5px;
}
/* LIENS SOUS-FORUMS */
.sfFRM a {
color:white !important; /* MODIFIABLE */
}
/* AVATAR DERNIER POSTEUR FORUM */
.avaFRM {
display:inline-block; vertical-align:top; margin:0 5px;
width:40px; height:50px; padding:5px; overflow:hidden;
background:rgba(255,255,255,0.5); /* MODIFIABLE */
}
.avaFRM div {
height:50px; overflow:hidden;
}
.avaFRM img {
width:40px;
}
/* DERNIER MESSAGE FORUM */
.lmsgFRM {
display:inline-block; vertical-align:top;
width:165px; height:50px; padding:10px 10px 0; overflow:hidden;
text-align:center; font-size:11px; text-transform:uppercase;
background:rgba(255,255,255,0.5); color:black; /* MODIFIABLE */
}
/* COULEUR TITRE SUJET DERNIER MESSAGE FORUM */
.lmsgFRM a {
color:black !important; /* MODIFIABLE */
}

Largeur du forum : 800px

Instructions :

[50] Catégories IMGDESC
[50] Catégories LASTAV
Revenir en haut Aller en bas
[50] Catégories Empty Mer 30 Déc - 4:03
[50] Catégories TCAT20

Remplacer l'intégralité du template par :
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"><span style="display:block; height:1px; clear:both;"></span><!-- END tablehead -->

        <!-- BEGIN cathead -->
        <!-- END cathead -->
       
        <!-- BEGIN forumrow -->
        <div class="FRM"><div id="tlmFRM"><span style="display:inline-block; vertical-align:middle; height:200px;"></span><span style="display:inline-block; vertical-align:middle;"><img class="imgFRM" src="{catrow.forumrow.FORUM_FOLDER_IMG}" /><div class="tleFRM"><a href="{catrow.forumrow.U_VIEWFORUM}">{catrow.forumrow.FORUM_NAME}</a></div><div class="lmsgFRM">{catrow.forumrow.LAST_POST}</div></span></div><div id="descFRM">{catrow.forumrow.FORUM_DESC}</div><div class="boxFRM"><div class="nbFRM">{catrow.forumrow.TOPICS} S.</div><div class="nbIIFRM">{catrow.forumrow.POSTS} M.</div><div class="sfFRM"><b>sous-forums</b><div><span style="display:inline-block; vertical-align:middle; height:35px;"></span><span style="display:inline-block; vertical-align:middle;">{catrow.forumrow.L_LINKS}{catrow.forumrow.LINKS}</span></div></div></div></div>
        <!-- END forumrow -->
        <!-- BEGIN catfoot -->

        <!-- BEGIN inc -->
        <!-- END inc -->
   
        <!-- END catfoot -->
        <!-- BEGIN tablefoot -->
          <br clear="all" /></div>
        <!-- END tablefoot --><!-- END catrow -->

Partie CSS :
Code:
/* BLOC TITRE CATEGORIE */
.tleCAT {
margin:10px auto;
width:800px; padding:10px 0; text-align:right;
background:rgba(0,0,0,0.5); /* MODIFIABLE */
}
/* TITRE CATEGORIE */
.tleCAT h2 {
margin:0; padding-right:15px;
font-size:42px; text-transform:uppercase; letter-spacing:3px; font-family:Arial;
color:white; text-shadow:1px 1px 0px rgba(0,0,0,0.3); /* MODIFIABLE */
}
/* BLOC CATEGORIE */
.mdlCAT {
margin:auto; width:800px;
}
/* BLOC FORUM */
.FRM {
float:left; margin-bottom:10px;
width:395px; overflow:hidden; font-family:Arial;
}
.FRM:nth-of-type(even) {
margin-left:10px;
}
#descFRM {
width:385px; height:190px; padding:5px; overflow:hidden;
background:#DEDEDE; /* MODIFIABLE */
}
/* IMAGE DESCRIPTIVE FORUM */
#descFRM img {
position:absolute; z-index:2; margin-top:-5px; margin-left:-5px;
width:395px; height:200px;
transition:all 0.65s ease; -webkit-transition:all 0.65s ease;

#descFRM:hover img {
filter:grayscale(1); -webkit-filter:grayscale(1);

/* DESCRIPTION FORUM */
.descFRM {
position:absolute; z-index:3; margin-left:5px; margin-top:5px;
width:175px; height:170px; padding:5px; overflow-y:auto;
background:rgba(0,0,0,0.5); color:white; /* MODIFIABLE */
font-size:11px; text-align:justify; font-family:Arial; line-height:15.5px;
opacity:0; transition:all 0.65s ease; -webkit-transition:all 0.65s ease;
}
#descFRM:hover .descFRM {
opacity:1;
}
/* BLOC ICÔNES / TITRE & DERNIER MESSAGE FORUM */
#tlmFRM {
position:absolute; z-index:3; margin-left:205px;
width:180px; height:200px; text-align:center;
background:rgba(0,0,0,0.5); /* MODIFIABLE */
}
/* ICÔNES FORUM */
.imgFRM {
margin:10px auto;
height:70px; width:70px; border-radius:70px;
}
/* TITRE FORUM */
.tleFRM {
padding:0 5px;
}
.tleFRM a {
font-family:Arial; font-size:16px; font-weight:bold; text-transform:uppercase;
color:white !important; text-shadow:1px 1px 0px rgba(0,0,0,0.2); /* MODIFIABLE */
}
/* DERNIER MESSAGE FORUM */
.lmsgFRM {
padding:5px;
font-size:11px; text-transform:uppercase;
color:white; /* MODIFIABLE */
}
/* COULEUR TITRE SUJET DERNIER MESSAGE FORUM */
.lmsgFRM a {
color:white !important; /* MODIFIABLE */
}
/* BLOC SOUS-FORUMS / NOMBRE SUJETS & MESSAGES FORUM */
.boxFRM {
margin-top:5px;
width:385px; height:25px; padding:5px;
background:rgba(250,250,250,0.5); /* MODIFIABLE */
}
/* NOMBRE SUJETS FORUM */
.nbFRM {
display:inline-block; vertical-align:top;
width:80px; height:15px; padding:5px; overflow:hidden;
text-align:center; font-size:11px; text-transform:uppercase;
background:#1C1C1C; color:white; /* MODIFIABLE */
}
/* NOMBRE MESSAGES FORUM */
.nbIIFRM {
display:inline-block; vertical-align:top; margin:0 5px;
width:80px; height:15px; padding:5px; overflow:hidden;
text-align:center; font-size:11px; text-transform:uppercase;
background:#3E3E3E; color:white; /* MODIFIABLE */
}
/* SOUS-FORUMS */
.sfFRM {
display:inline-block; vertical-align:top;
}
/* INTITULE SOUS-FORUMS */
.sfFRM b {
display:block;
width:175px; height:15px; padding:5px 10px; overflow:hidden;
font-size:10px; text-transform:uppercase; text-align:center;
background:#191919; color:white; /* MODIFIABLE */
}
/* CONTENU SOUS-FORUMS */
.sfFRM div {
position:absolute; margin-top:-30px; margin-left:-195px;
width:0; height:35px; padding:0; overflow:hidden;
text-align:justify; font-size:11px; text-transform:uppercase;
background:#3E3E3E; color:white; /* MODIFIABLE */
transition:all 0.45s linear; -webkit-transition:all 0.45s linear;
}
.sfFRM:hover div {
width:385px; padding:0 5px;
}
/* LIENS SOUS-FORUMS */
.sfFRM a {
color:white !important; /* MODIFIABLE */
}

Largeur du forum : 800px

Instructions :

[50] Catégories DIMGDESC

Encadrer le texte descriptif des balises suivantes :
Code:
<div class="descFRM">Texte descriptif.</div>
Revenir en haut Aller en bas
[50] Catégories Empty Mer 30 Déc - 4:03
[50] Catégories TCAT21

Remplacer l'intégralité du template par :
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>
        <!-- END tablehead -->

        <!-- BEGIN cathead -->
        <!-- END cathead -->
       
        <!-- BEGIN forumrow -->
        <div class="FRM"><div class="boxDESC"></div><div class="sfFRM"><div>{catrow.forumrow.L_LINKS}{catrow.forumrow.LINKS}</div><span></span><script type="text/javascript">$('.sfFRM').each(function(){$(this).html($(this).html().replace(/>, /g,"><br/>"));});</script></div><div class="boxFRM"><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><div id="descFRM"><div class="descFRM">{catrow.forumrow.FORUM_DESC}</div></div></div><div class="boxIIFRM"><div class="lmsgFRM"><div><span style="display:inline-block; vertical-align:middle; height:70px;"></span><span style="display:inline-block; vertical-align:middle;">{catrow.forumrow.LAST_POST}</span></div></div><div class="lstavFRM"><!-- BEGIN avatar -->{catrow.forumrow.avatar.LAST_POST_AVATAR}<!-- END avatar --></div></div><img class="imgFRM" src="{catrow.forumrow.FORUM_FOLDER_IMG}" /></div>
        <!-- END forumrow -->
        <!-- BEGIN catfoot -->

        <!-- BEGIN inc -->
        <!-- END inc -->
   
        <!-- END catfoot -->
        <!-- BEGIN tablefoot -->
        <!-- END tablefoot --><!-- END catrow -->
 <!-- CODAGE PAR SKAEMP / CCCRUSH D'APRES UN SCHEMA DE BLACK_CHERRY / T124-PETITE-QUESTION -->

Partie CSS :
Code:
/* BLOC TITRE CATEGORIE */
.tleCAT {
position:relative; margin:10px auto;
width:800px; padding:25px 0; text-align:center;
background:black; /* MODIFIABLE */
}
/* TITRE CATEGORIE */
.tleCAT h2 {
margin:0 auto;
font-size:42px; text-transform:uppercase; letter-spacing:3px; font-family:Arial;
color:white; /* MODIFIABLE */
}
/* BLOC FORUM */
.FRM {
margin:10px auto;
width:780px; height:150px; padding:10px; overflow:hidden;
background:#CCC; /* MODIFIABLE */
}
/* BLOC IMAGE DESCRIPTIVE FORUM */
.boxDESC {
display:inline-block; vertical-align:top;
width:150px; height:150px;
background:grey; /* MODIFIABLE */
}
/* IMAGE DESCRIPTIVE FORUM */
.descFRM img {
position:absolute; z-index:5; margin-top:-75px; margin-left:-190px;
width:150px; height:150px;
}
/* BANDE SOUS-FORUMS */
.sfFRM {
position:absolute; z-index:3; margin-left:150px; margin-top:-150px;
height:150px;
}
/* TRIANGLE SOUS-FORUMS */
.sfFRM span {
position:absolute; margin-left:15px; margin-top:5px;
width:0; height:0; border-style:solid; border-width:5px 0 5px 5px; border-color:transparent;
border-left-color:#191919; /* MODIFIABLE */
transition:all 0.65s linear; -webkit-transition:all 0.65s linear;
}
.sfFRM:hover span {
margin-left:350px;
}
/* CONTENU SOUS-FORUMS */
.sfFRM div {
position:absolute;
width:0; height:130px; padding:10px 15px 10px 0; overflow:hidden; line-height:6px;
background:#191919; /* MODIFIABLE */
transition:all 0.65s linear; -webkit-transition:all 0.65s linear;
}
.sfFRM:hover div {
width:330px; padding:10px;
}
/* LIENS SOUS-FORUMS */
.sfFRM div a {
display:block; margin:0 auto 3px;
padding:2px 0; overflow:hidden;
text-transform:uppercase; font-family:Arial; text-align:center; font-size:10px; line-height:normal;
background:white !important; color:black !important; /* MODIFIABLE */
}
/* BLOC TITRE / NOMBRE SUJETS & MESSAGES / DESCRIPTION FORUM */
.boxFRM {
display:inline-block; vertical-align:top; margin-left:25px;
width:325px;
}
/* BLOC TITRE / NOMBRE SUJETS & MESSAGES FORUM */
.tleFRM {
width:315px; height:40px; padding:5px; overflow:hidden;
font-size:16px; font-weight:bold; text-transform:uppercase; text-align:center; font-family:Arial; line-height:17px;
background:black; /* MODIFIABLE */
}
/* TITRE FORUM */
.tleFRM a {
display:block; margin:5px auto 0;
color:white !important; text-shadow:1px 1px 0px rgba(0,0,0,0.2); /* MODIFIABLE */
}
/* NOMBRE SUJETS & MESSAGES FORUM */
.nbFRM {
text-align:center; font-size:10px; text-transform:uppercase;
color:white; /* MODIFIABLE */
}
/* BLOC DESCRIPTION FORUM */
#descFRM {
margin-top:10px;
width:305px; height:70px; padding:10px; overflow:hidden;
background:black; /* MODIFIABLE */
}
/* DESCRIPTION FORUM */
.descFRM {
width:295px; height:60px; padding:5px; overflow:auto;
background:white; color:black; /* MODIFIABLE */
font-size:11px; text-align:justify; font-family:Arial; line-height:13px;
}
/* BLOC DERNIER MESSAGE & AVATAR DERNIER POSTEUR FORUM */
.boxIIFRM {
display:inline-block; vertical-align:top; margin:0 10px;
width:160px;
}
/* BLOC DERNIER MESSAGE FORUM */
.lmsgFRM {
display:inline-block; vertical-align:top;
width:140px; height:70px; padding:10px;
background:black; /* MODIFIABLE */
}
/* CONTENU DERNIER MESSAGE FORUM */
.lmsgFRM div {
height:70px; padding:0 5px;
text-align:center; font-size:11px; text-transform:uppercase; font-family:Arial;
background:white; color:black; /* MODIFIABLE */
}
/* COULEUR TITRE SUJET DERNIER MESSAGE FORUM */
.lmsgFRM div a {
color:black !important; /* MODIFIABLE */
}
/* AVATAR DERNIER POSTEUR FORUM */
.lstavFRM {
margin-top:10px;
width:160px; height:50px; overflow:hidden;
background:#191919; /* MODIFIABLE */
}
.lstavFRM img {
width:160px;
filter:grayscale(1); -webkit-filter:grayscale(1);
}
/* ICÔNES FORUM */
.imgFRM {
display:inline-block; vertical-align:top;
width:100px; height:150px;
}

Largeur du forum : 800px

Instructions :

[50] Catégories LASTAV

[50] Catégories IMGDESC
Revenir en haut Aller en bas
[50] Catégories Empty Dim 3 Jan - 1:18
[50] Catégories TCAT22

Remplacer l'intégralité du template par :
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>
        <!-- END tablehead -->

         <!-- BEGIN cathead -->
         <!-- END cathead -->
        
        <!-- BEGIN forumrow -->
         <div class="FRM"><div class="boxFRM"><img class="imgFRM" src="{catrow.forumrow.FORUM_FOLDER_IMG}" /><div class="nbFRM">{catrow.forumrow.TOPICS} S.</div><div class="nbFRM nbIIFRM">{catrow.forumrow.POSTS} M.</div><div class="tleFRM"><a href="{catrow.forumrow.U_VIEWFORUM}">{catrow.forumrow.FORUM_NAME}</a></div></div><div class="boxDESC"></div><div class="descFRM">{catrow.forumrow.FORUM_DESC}</div><div class="lmsgFRM"><span style="display:inline-block; vertical-align:middle; height:75px;"></span><span style="display:inline-block; vertical-align:middle;">{catrow.forumrow.LAST_POST}</span></div><div class="sfFRM"><span>sous-forums</span><div>{catrow.forumrow.L_LINKS}{catrow.forumrow.LINKS}</div></div></div>
         <!-- END forumrow -->
         <!-- BEGIN catfoot -->

         <!-- BEGIN inc -->
         <!-- END inc -->
    
         <!-- END catfoot -->
         <!-- BEGIN tablefoot -->
        <!-- END tablefoot --><!-- END catrow -->

Partie CSS :
Code:
/* BLOC TITRE CATEGORIE */
.tleCAT {
margin:10px auto;
width:800px; height:50px; padding:10px 0; text-align:center;
background:grey; /* MODIFIABLE */
}
/* TITRE CATEGORIE */
.tleCAT h2 {
margin:0;
font-size:42px; text-transform:uppercase; letter-spacing:3px; font-family:Arial;
color:white; /* MODIFIABLE */
}
/* BLOC FORUM */
.FRM {
margin:auto; width:800px; overflow:hidden;
font-family:Arial;
}
/* BLOC ICÔNES / NOMBRE SUJETS & MESSAGES / TITRE FORUM */
.boxFRM {
padding:10px 0;
background:darkgrey; /* MODIFIABLE */
}
/* ICÔNES FORUMS */
.imgFRM {
display:inline-block; vertical-align:middle; margin-left:10px;
width:100px; height:25px;
}
/* NOMBRE SUJETS FORUM */
.nbFRM {
display:inline-block; vertical-align:middle; margin-left:10px;
width:80px; height:15px; padding:5px; overflow:hidden;
text-align:center; font-size:11px; text-transform:uppercase;
background:rgba(0,0,0,0.2); color:white; /* MODIFIABLE */
}
/* NOMBRE MESSAGES FORUM */
.nbIIFRM {
background:rgba(250,250,250,0.2); color:black; /* MODIFIABLE */
}
/* TITRE FORUM */
.tleFRM {
display:inline-block; vertical-align:middle;
width:470px; height:20px; padding:0 10px;
text-align:right;
}
.tleFRM a {
font-size:16px; font-weight:bold; text-transform:uppercase;
color:white !important; /* MODIFIABLE */
}  
/* BLOC IMAGE DESCRIPTIVE */
.boxDESC {
display:inline-block; vertical-align:top;
width:200px; height:100px;
background:grey; /* MODIFIABLE */
}
/* IMAGE DESCRIPTIVE FORUM */
.descFRM img {
position:absolute; z-index:2; margin-top:-5px; margin-left:-205px;
width:200px; height:100px;
filter:grayscale(1); -webkit-filter:grayscale(1);
transition:all 0.65s ease; -webkit-transition:all 0.65s ease;
}  
.descFRM:hover img {
filter:grayscale(0); -webkit-filter:grayscale(0);
}
/* BLOC DESCRIPTION FORUM */
.descFRM {
display:inline-block; vertical-align:top;
width:440px; height:90px; padding:5px; overflow:hidden;
background:#CCC; color:#black; /* MODIFIABLE */
font-size:11px; text-align:justify; line-height:15.5px;
}
.descFRM:hover {
overflow-y:auto;
}
/* DERNIER MESSAGE FORUM */
.lmsgFRM {
display:inline-block; vertical-align:top;
width:140px; height:75px; padding:0 5px; line-height:16px;
font-size:11px; text-transform:uppercase; text-align:center;
background:#DEDEDE; color:black; /* MODIFIABLE */
}
/* COULEUR TITRE SUJET DERNIER MESSAGE FORUM */
.lmsgFRM a {
color:black !important; /* MODIFIABLE */
}
/* BLOC SOUS-FORUMS */
.sfFRM {
position:absolute; margin-top:-25px; margin-left:650px;
}
/* INTITULE SOUS-FORUMS */
.sfFRM span {
display:block;
width:150px; height:15px; padding:5px 0; overflow:hidden;
font-size:10px; text-transform:uppercase; text-align:center;
background:#3E3E3E; color:white; /* MODIFIABLE */
}
/* CONTENU SOUS-FORUMS */
.sfFRM div {
position:absolute; margin-top:-100px;
width:140px; height:0; padding:0 5px; overflow:hidden;
font-size:10px; text-transform:uppercase; text-align:left;
background:#DEDEDE; color:black; /* MODIFIABLE */
transition:all 0.65s linear; -webkit-transition:all 0.65s linear;
}
.sfFRM:hover div {
height:90px; padding:5px;
}
/* LIENS SOUS-FORUMS */
.sfFRM a {
color:black !important; /* MODIFIABLE */
}

Largeur du forum : 800px

Instructions :

[50] Catégories IMGDESC
Revenir en haut Aller en bas
[50] Catégories Empty Lun 11 Jan - 5:35
[50] Catégories TCAT23

Remplacer l'intégralité du template par :
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>
        <!-- END tablehead -->

        <!-- BEGIN cathead -->
        <!-- END cathead -->
       
        <!-- BEGIN forumrow -->
        <div class="FRM"><div class="boxFRM"><div class="TDFRM"><div class="tleFRM"><a href="{catrow.forumrow.U_VIEWFORUM}">{catrow.forumrow.FORUM_NAME}</a></div><div class="descFRM">{catrow.forumrow.FORUM_DESC}</div></div><div class="lmsgFRM"><div class="nbFRM">{catrow.forumrow.TOPICS} sujets & {catrow.forumrow.POSTS} messages</div>{catrow.forumrow.LAST_POST}</div><script type="text/javascript">$('.lmsgFRM').each(function(){$(this).html($(this).html().replace(/<br>/g,'<span style="display:inline-block; padding:0 3px;"></span>'));});</script></div><div class="boxDESC"></div><div class="boxFRM"><div class="sfFRM">{catrow.forumrow.L_LINKS}{catrow.forumrow.LINKS}</div><script type="text/javascript">$('.sfFRM').each(function(){$(this).html($(this).html().replace(/>, /g,"><br/>"));});</script><img class="imgFRM" src="{catrow.forumrow.FORUM_FOLDER_IMG}" /></div></div>
        <!-- END forumrow -->
        <!-- BEGIN catfoot -->

        <!-- BEGIN inc -->
        <!-- END inc -->
   
        <!-- END catfoot -->
        <!-- BEGIN tablefoot -->
        <!-- END tablefoot --><!-- END catrow -->
 <!-- CODAGE PAR SKAEMP / CCCRUSH D'APRES UN SCHEMA DE MAMA CUERVO / T138-COMMANDE-DE-TEMPLATES -->

Partie CSS :
Code:
/* BLOC TITRE CATEGORIE */
.tleCAT {
margin:15px auto;
width:800px; text-align:center;
background:black; /* MODIFIABLE */
}
/* TITRE CATEGORIE */
.tleCAT h2 {
margin:0; padding:10px 0;
font-size:42px; text-transform:uppercase; font-family:Arial;
color:white; /* MODIFIABLE */
}
/* BLOC FORUM */
.FRM {
margin:15px auto;
width:800px; font-family:Arial;
}
/* BLOCS POSITIONNEMENT */
.boxFRM {
display:inline-block; vertical-align:top;
}
/* BLOC TITRE & DESCRIPTION FORUM */
.TDFRM {
width:335px; height:105px; padding:10px; overflow:hidden;
background:grey; /* MODIFIABLE */
}
/* BORDURE TITRE FORUM */
.tleFRM {
margin:auto; width:335px; height:20px; padding-bottom:5px; overflow:hidden;
text-align:left; border-bottom:5px solid;
border-color:white; /* MODIFIABLE */
}
/* TITRE FORUM */
.tleFRM a {
text-transform:uppercase; font-style:italic; letter-spacing:0.5px; font-size:18px;
color:white !important; /* MODIFIABLE */
}
/* DESCRIPTION FORUM */
.descFRM {
margin-top:10px;
width:335px; height:65px; overflow:hidden;
color:black; /* MODIFIABLE */
font-size:9px; text-align:justify; line-height:13px;
}
.descFRM:hover {
width:330px; padding-right:5px; overflow-y:auto;
}
/* BLOC NOMBRE SUJETS & MESSAGES / DERNIER MESSAGE FORUM */
.lmsgFRM {
margin-top:10px;
width:355px; height:55px; padding-top:10px; overflow:hidden;
text-transform:uppercase; text-align:center; font-size:11px;
background:#1E1E1E; color:white; /* MODIFIABLE */
}
/* BORDURE NOMBRE SUJETS & MESSAGES FORUM */
.nbFRM {
margin:0 auto 5px; width:335px; padding-bottom:5px; border-bottom:5px solid;
font-weight:bold; letter-spacing:1px; font-size:14px;
border-bottom-color:grey; /* MODIFIABLE */
}
/* COULEUR TITRE SUJET DERNIER MESSAGE FORUM */
.lmsgFRM a {
color:white !important; /* MODIFIABLE */
}
/* TAILLE PSEUDONYME DERNIER POSTEUR FORUM */
.lmsgFRM .gensmall {
font-size:11px;
}
/* BLOC IMAGE DESCRIPTIVE */
.boxDESC {
display:inline-block; vertical-align:top; margin:0 10px;
width:250px; height:200px;
background:#191919; /* MODIFIABLE */
}
/* IMAGE DESCRIPTIVE FORUM */
.descFRM img {
position:absolute; margin-left:355px; margin-top:-50px;
width:250px; height:200px;
}
/* BLOC SOUS-FORUMS */
.sfFRM {
width:155px; height:105px; padding:10px 10px 0; overflow-y:auto;
background:grey; /* MODIFIABLE */
text-align:left; line-height:15px;
}
/* LIENS SOUS-FORUMS */
.sfFRM a {
text-transform:uppercase; font-size:11px;
color:white !important; /* MODIFIABLE */
}
/* ICÔNES FORUM */
.imgFRM {
margin-top:10px;
width:175px; height:75px;
}

Largeur du forum : 800px

Instructions :
[50] Catégories IMGDESC
Revenir en haut Aller en bas
[50] Catégories Empty Mer 3 Fév - 23:53
[50] Catégories TCAT24

Remplacer l'intégralité du template par :
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>
    <!-- END tablehead -->

    <!-- BEGIN cathead -->
    <!-- END cathead -->
   
    <!-- BEGIN forumrow -->
    <div class="FRM"><img class="imgFRM" src="{catrow.forumrow.FORUM_FOLDER_IMG}" /><div class="sfFRM"><div>{catrow.forumrow.L_LINKS}{catrow.forumrow.LINKS}</div></div><div class="boxDESC"></div><div class="boxFRM"><div class="triTFRM"></div><div class="tleFRM"><div class="nbFRM">{catrow.forumrow.TOPICS} S. & {catrow.forumrow.POSTS} M.</div><a href="{catrow.forumrow.U_VIEWFORUM}">{catrow.forumrow.FORUM_NAME}</a></div><div class="lmsgFRM">{catrow.forumrow.LAST_POST}</div><script type="text/javascript">$('.lmsgFRM').each(function(){$(this).html($(this).html().replace(/<br>/g,'<span style="display:inline-block; padding:0 3px;"> </span>'));});</script><div class="triDFRM"></div><div class="descFRM">{catrow.forumrow.FORUM_DESC}</div></div></div>
    <!-- END forumrow -->
   
    <!-- BEGIN catfoot -->
    <!-- END catfoot -->
    <!-- BEGIN tablefoot -->
    <!-- END tablefoot --><!-- END catrow -->

Partie CSS :
Code:
/* BLOC TITRE CATEGORIE */
.tleCAT {
margin:10px auto 0; width:800px; padding:15px 0; text-align:center;
background:black; /* MODIFIABLE */
}
/* TITRE CATEGORIE */
.tleCAT h2 {
margin:0;
font-size:42px; text-transform:uppercase; font-family:Arial;
color:white;  /* MODIFIABLE */
}
/* BLOC FORUM */
.FRM {
margin:35px auto 0; width:800px; height:155px;
}
/* ICÔNES FORUM */
.imgFRM {
position:absolute; margin-top:-25px;
width:65px; height:65px;
}
/* TRIANGLE SOUS-FORUMS */
.sfFRM {
position:absolute; margin-top:85px;
width:0; height:0; border-style:solid; border-width:65px 0 0 65px; border-color:transparent;
border-left-color:#A80200; /* MODIFIABLE */
}
/* CONTENU SOUS-FORUMS */
.sfFRM div {
position:absolute; z-index:2; margin-top:-105px; margin-left:95px;
width:0; height:30px; overflow:hidden;
background:#A80200; color:white; /* MODIFIABLE */
text-align:left; font-size:9px; font-family:Arial;
transition:all 0.45s linear; -webkit-transition:all 0.45s linear;
}
.sfFRM:hover div {
width:610px; height:20px; padding:10px 5px 0 25px;
}
/* LIENS SOUS-FORUMS */
.sfFRM a {
text-transform:uppercase; font-size:9px;
color:white !important; /* MODIFIABLE */
}
/* BLOC IMAGE DESCRIPTIVE FORUM */
.boxDESC {
display:inline-block; vertical-align:top;
position:relative; z-index:3; margin-left:25px;
width:125px; height:125px;
background:white; /* MODIFIABLE */
transform:rotate(45deg); -webkit-transform:rotate(45deg);
}
/* IMAGE DESCRIPTIVE FORUM */
.descIMG {
position:absolute; z-index:5; margin-left:-160px; margin-top:-88px;
width:135px; height:135px;
transform:rotate(45deg); -webkit-transform:rotate(45deg); transform-origin:50% 50%; -webkit-transform-origin:50% 50%;
}
.descIMG div {
position:relative;
width:125px; height:125px; overflow:hidden;
}
.descIMG img {
margin-top:-50px;
width:175px; height:175px;
transform:rotate(-45deg) translateX(-35px); -webkit-transform:rotate(-45deg) translateX(-35px);
transform-origin:50% 50%; -webkit-transform-origin:50% 50%;
}
/* BLOC TITRE / DERNIER MESSAGE / DESCRIPTION FORUM */
.boxFRM {
display:inline-block; vertical-align:top;
}
/* TRIANGLE TITRE FORUM */
.triTFRM {
display:inline-block; vertical-align:top; margin-top:-25px; margin-left:-35px;
width:0; height:0; border-style:solid; border-width:0 50px 55px 0; border-color:transparent;
border-right-color:#1E1E1E; /* MODIFIABLE */
}
/* BLOC NOMBRE SUJETS & MESSAGES / TITRE FORUM */
.tleFRM {
display:inline-block; vertical-align:top; margin-top:-25px;
width:610px; height:40px; padding:15px 15px 0 10px; overflow:hidden;
background:#1E1E1E; /* MODIFIABLE */ 
text-align:right; font-family:Arial;
}
/* NOMBRE SUJETS & MESSAGES FORUM */
.nbFRM {
display:inline-block; vertical-align:middle;
width:20%; text-align:left; font-size:12px;
color:#DEDEDE; /* MODIFIABLE */
}
/* TITRE FORUM */
.tleFRM a {
display:inline-block; vertical-align:middle; width:80%;
text-transform:uppercase; font-size:24px;
color:white !important; /* MODIFIABLE */
}
/* DERNIER MESSAGE FORUM */
.lmsgFRM {
margin:15px auto 10px;
width:630px; height:22px; padding:8px 10px 0;
text-transform:uppercase; text-align:right; font-size:11px; font-family:Arial;
background:grey; color:white; /* MODIFIABLE */
}
/* COULEUR TITRE SUJET DERNIER MESSAGE FORUM */
.lmsgFRM a {
color:white !important; opacity:0.8; /* MODIFIABLE */
}
/* TAILLE PSEUDONYME DERNIER POSTEUR FORUM */
.lmsgFRM .gensmall {
font-size:11px; /* MODIFIABLE */
}
/* TRIANGLE DESCRIPTION FORUM */
.triDFRM {
display:inline-block; vertical-align:top; margin-left:-35px;
width:0; height:0; border-style:solid; border-width:0 0 65px 60px; border-color:transparent;
border-bottom-color:#CCC; /* MODIFIABLE */
}
/* DESCRIPTION FORUM */
.descFRM {
display:inline-block; vertical-align:top;
width:615px; height:55px; padding:5px; overflow-y:auto;
background:#CCC; color:black; /* MODIFIABLE */
font-size:9px; text-align:justify; line-height:14px;
}

Largeur du forum : 800px

Instructions :
[50] Catégories DESC24

Code:
<div class="descIMG"><div><!-- IMAGE 175*175 --><img src="image.png" /></div></div>

Forme des icônes du forum :
Appliquer une image à l'intérieur à l'aide d'un masque d'écrêtage ou se contenter d'en modifier la couleur

[50] Catégories IMGCAT24
Revenir en haut Aller en bas
[50] Catégories Empty Mar 9 Fév - 23:32
[50] Catégories TCAT25

Remplacer l'intégralité du template par :
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><div class="lmsgFRM">{catrow.forumrow.LAST_POST}<div class="imgFRM"><div class="nbFRM">{catrow.forumrow.TOPICS} S. & {catrow.forumrow.POSTS} M.</div><img src="{catrow.forumrow.FORUM_FOLDER_IMG}" /></div></div><div class="avaFRM"><!-- BEGIN avatar -->{catrow.forumrow.avatar.LAST_POST_AVATAR}<!-- END avatar --></div><div class="descFRM">{catrow.forumrow.FORUM_DESC}</div><div class="sfFRM"><div><div>{catrow.forumrow.L_LINKS}{catrow.forumrow.LINKS}</div></div></div><script type="text/javascript">$('.sfFRM').each(function(){$(this).html($(this).html().replace(/>, /g,"><br /> "));});</script></div> 
    <!-- END forumrow -->
   
    <!-- BEGIN catfoot -->
    <!-- END catfoot -->
    <!-- BEGIN tablefoot -->
    </div>
    <div class="btmCAT"></div>
    <!-- END tablefoot --><!-- END catrow -->

Partie CSS :
Code:
/* BLOC TITRE CATEGORIE */
.tleCAT {
margin:5px auto 0;
width:800px; padding:25px 0; text-align:center;
background:black; /* MODIFIABLE */
}
/* TITRE CATEGORIE */
.tleCAT h2 {
margin:0;
font-size:32px; text-transform:uppercase; letter-spacing:3px; font-family:Arial;
color:white; /* MODIFIABLE */
}
/* BLOC CATEGORIE */
.mdlCAT {
margin:auto;
width:800px; padding:25px 0 10px;
background:#3A3A3A; /* MODIFIABLE */
}
/* BAS CATEGORIE */
.btmCAT {
margin:auto; margin-bottom:10px;
width:800px; height:35px;
background:black; /* MODIFIABLE */
}
/* BLOC FORUM */
.FRM {
margin:auto; margin-bottom:15px;
width:750px; padding-bottom:12px;
font-family:Arial; text-align:center;
background:rgba(0,0,0,0.5); /* MODIFIABLE */
}
/* BLOC TITRE FORUM */
.tleFRM {
margin:0 auto 12px;
width:735px; padding:10px 0 10px 15px;
text-transform:uppercase; text-align:left;
background:black; /* MODIFIABLE */
transition:all 0.45s linear; -webkit-transition:all 0.45s linear;
}
/* TITRE FORUM */
.tleFRM a {
color:white !important; /* MODIFIABLE */
}
/* SURVOL TITRE FORUM */
.tleFRM:hover {
padding-left:45px; width:705px;
}
/* DERNIER MESSAGE FORUM */
.lmsgFRM {
display:inline-block; vertical-align:top;
width:155px; height:93px; padding:7px 5px 0; overflow:hidden; border:2px solid;
text-align:center; font-size:10px; text-transform:uppercase;
border-color:rgba(250,250,250,0.3); background:rgba(250,250,250,0.6); /* MODIFIABLE */
}
/* COULEUR TITRE SUJET DERNIER MESSAGE FORUM */
.lmsgFRM a {
color:black !important; /* MODIFIABLE */
}
/* BLOC ICÔNES / NOMBRE SUJETS & MESSAGES FORUM */
.imgFRM {
margin:7px auto 0;
width:150px; height:35px;
}
/* ICÔNES FORUM */
.imgFRM img {
width:150px; height:35px;
}
/* NOMBRE SUJETS & MESSAGES FORUM */
.nbFRM {
position:absolute;
width:150px; height:25px; padding-top:10px; font-size:9px;
background:rgba(0,0,0,0.8); color:white; /* MODIFIABLE */
opacity:0; transition:opacity 0.45s ease; -webkit-transition:opacity 0.45s ease;
}
.nbFRM:hover {
opacity:1;
}
/* BLOC AVATAR DERNIER POSTEUR FORUM */
.avaFRM {
display:inline-block; vertical-align:top; margin:0 10px;
width:50px; height:100px; overflow:hidden; border:2px solid;
border-color:rgba(250,250,250,0.3); background:#CCC; /* MODIFIABLE */
}
.avaFRM img {
height:100px;
}
/* DESCRIPTION FORUM */
.descFRM {
display:inline-block; vertical-align:top;
width:305px; height:90px; padding:5px; overflow-y:auto; border:2px solid;
font-size:10px; text-align:justify; line-height:15px;
border-color:rgba(250,250,250,0.3); background:rgba(250,250,250,0.3); color:black; /* MODIFIABLE */
}
/* BLOC IMAGE DESCRIPTIVE & SOUS-FORUMS */
.sfFRM {
display:inline-block; vertical-align:top; margin-left:10px;
width:150px; height:100px; overflow:hidden; border:2px solid;
border-color:rgba(250,250,250,0.3); background:#CCC; /* MODIFIABLE */
}
/* IMAGE DESCRIPTIVE FORUM */
.descFRM img {
position:absolute; margin-left:324px; margin-top:-5px;
width:150px; height:100px;
}
.sfFRM div {
position:relative;
width:150px; height:100px; overflow:hidden;
}
/* CONTENU SOUS-FORUMS */
.sfFRM div div {
width:140px; height:90px; padding:5px; overflow-y:auto;
text-align:left; font-size:11px;
background:#191919; /* MODIFIABLE */
transform:translateX(150px); -webkit-transform:translateX(150px);
transition:all .65s linear; -webkit-transition:all .65s linear;
}
.sfFRM:hover div div {
transform:translateX(0px); -webkit-transform:translateX(0px);
}
/* LIENS SOUS-FORUMS */
.sfFRM a {
color:white !important; /* MODIFIABLE */
}

Largeur du forum : 800px

Instructions :
[50] Catégories LASTAV

[50] Catégories IMGDESC
Revenir en haut Aller en bas
[50] Catégories Empty Mer 24 Fév - 6:55
[50] Catégories TCAT26

Remplacer l'intégralité du template par :
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><div id="descFRM"><div class="descFRM"><div>{catrow.forumrow.FORUM_DESC}</div></div></div><div class="avaFRM"><!-- BEGIN avatar --><div>{catrow.forumrow.avatar.LAST_POST_AVATAR}</div><!-- END avatar --></div><div class="sfFRM">{catrow.forumrow.L_LINKS}{catrow.forumrow.LINKS}</div><div class="boxFRM"><div class="lmsgFRM"><img src="{catrow.forumrow.FORUM_FOLDER_IMG}" class="imgFRM" /><div><span style="display:inline-block; vertical-align:middle; height:75px;"></span><span style="display:inline-block; vertical-align:middle;">{catrow.forumrow.LAST_POST}</span></div></div><div class="nbFRM">{catrow.forumrow.TOPICS} sujets | {catrow.forumrow.POSTS} messages</div></div></div> 
    <!-- END forumrow -->
   
    <!-- BEGIN catfoot -->
    <!-- END catfoot -->
    <!-- BEGIN tablefoot -->
    </div><div class="btmCAT"></div>
    <!-- END tablefoot --><!-- END catrow -->

Partie CSS :
Code:
/* BLOC TITRE CATEGORIE */
.tleCAT {
margin:5px auto 0; width:800px; padding:15px 0; text-align:center;
background:black /* MODIFIABLE */
}
/* TITRE CATEGORIE */
.tleCAT h2 {
margin:0; font-size:32px; text-transform:uppercase; font-family:Arial;
color:white; /* MODIFIABLE */
}
/* CONTENU CATEGORIE */
.mdlCAT {
margin:auto;
width:800px; padding:25px 0 10px;
background:grey; /* MODIFIABLE */
}
/* BAS CATEGORIE */
.btmCAT {
margin:auto; margin-bottom:10px; width:800px;
height:15px; background:black; /* MODIFIABLE */
}
/* BLOC FORUM */
.FRM {
margin:auto; margin-bottom:15px;
width:750px; text-align:center; font-family:Arial;
}
/* BLOC TITRE FORUM */
.tleFRM {
margin:auto; margin-bottom:10px;
width:750px; padding:5px 0;
text-align:left; font-size:14px; text-transform:uppercase; letter-spacing:3px;
background:black; /* MODIFIABLE */
}
/* TITRE FORUM */
.tleFRM a {
padding-left:7px;
color:white !important; /* MODIFIABLE */
}
/* DESCRIPTION FORUM */
#descFRM {
display:inline-block; vertical-align:top;
width:400px; height:100px; overflow:hidden;
background:rgba(250,250,250,0.3); color:black; /* MODIFIABLE */
}
.descFRM {
position:relative;
width:400px; height:100px; overflow:hidden;
}
.descFRM div {
width:390px; height:90px; padding:5px; overflow-y:auto;
font-size:10px; text-align:justify; line-height:15.5px;
}
/* IMAGE DESCRIPTIVE FORUM */
#descFRM img {
position:absolute; z-index:5; margin-top:-5px; margin-left:-5px;
width:400px; height:100px;
transition:all .65s linear; -webkit-transition:all .65s linear;
}
#descFRM:hover img {
transform:translateX(-400px); -webkit-transform:translateX(-400px);
}
/* BLOC AVATAR DERNIER POSTEUR FORUM */
.avaFRM {
display:inline-block; vertical-align:top; margin:0 10px;
width:50px; height:90px; border:5px solid;
border-color:rgba(250,250,250,0.3); background:#CCC; /* MODIFIABLE */
}
.avaFRM div {
width:50px; height:90px; overflow:hidden;
}
.avaFRM div img {
width:60px;
}
/* BLOC SOUS-FORUMS */
.sfFRM {
display:inline-block; vertical-align:top; margin-right:10px;
width:100px; height:90px; padding:5px; overflow:hidden;
color:rgba(0,0,0,0); line-height:0;
background:rgba(250,250,250,0.5);  /* MODIFIABLE */
}
.sfFRM:hover {
overflow-y:auto;
}
/* LIENS SOUS-FORUMS */
.sfFRM a {
display:block; margin-bottom:5px; padding:3px 0;
text-transform:uppercase; line-height:12px;
background:white; color:black !important; /* MODIFIABLE */
}
/* BLOC ICÔNES / DERNIER MESSAGE FORUM / NOMBRE SUJETS & MESSAGES FORUM */
.boxFRM {
display:inline-block; vertical-align:top;
width:150px;
}
/* BLOC ICÔNES FORUM / DERNIER MESSAGE FORUM */
.lmsgFRM {
margin-bottom:5px;
width:150px; height:75px;
}
/* ICÔNES FORUM */
.imgFRM {
width:150px; height:75px;
}
/* DERNIER MESSAGE FORUM */
.lmsgFRM div {
position:absolute; margin-top:-75px;
width:140px; height:75px; padding:0 5px; overflow:hidden;
text-align:center; font-size:10px;
background:rgba(255,255,255,0.9); color:black; /* MODIFIABLE */
opacity:0; transition:opacity 0.65s ease; -webkit-transition:opacity 0.65s ease;
}
.FRM:hover .lmsgFRM div {
opacity:1;
}
/* COULEUR TITRE SUJET DERNIER MESSAGE FORUM */
.lmsgFRM a {
text-transform:uppercase; color:black; /* MODIFIABLE */
}
/* NOMBRE SUJETS & MESSAGES FORUM */
.nbFRM {
width:150px; height:17px; padding-top:3px; overflow:hidden;
text-transform:uppercase; font-size:10px; letter-spacing:-0.5px; line-height:15px;
background:rgba(250,250,250,0.3); color:black; /* MODIFIABLE */
}

Largeur du forum : 800px

Instructions :
[50] Catégories LASTAV

[50] Catégories IMGDESC
Revenir en haut Aller en bas
[50] Catégories Empty Mer 24 Fév - 6:55
[50] Catégories TCAT27

Remplacer l'intégralité du template par :
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"><span style="display:block; height:1px; clear:both;"></span>
    <!-- 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><div class="descFRM">{catrow.forumrow.FORUM_DESC}</div><div class="sfFRM">{catrow.forumrow.L_LINKS}{catrow.forumrow.LINKS}</div><script type="text/javascript">$('.sfFRM').each(function(){$(this).html($(this).html().replace(/>, /g,"><br /> "));});</script><div class="lmsgFRM"><div class="nbFRM">{catrow.forumrow.TOPICS} sujets | {catrow.forumrow.POSTS} messages</div>{catrow.forumrow.LAST_POST}</div><script type="text/javascript">$('.lmsgFRM').each(function(){$(this).html($(this).html().replace(/<br>/g,'<span style="display:inline-block; padding:0 2px;"> </span>'));});</script><img src="{catrow.forumrow.FORUM_FOLDER_IMG}" class="imgFRM" /></div>
    <!-- END forumrow -->
   
    <!-- BEGIN catfoot -->
    <!-- END catfoot -->
    <!-- BEGIN tablefoot -->
 <br clear="all" /></div>
    <!-- END tablefoot --><!-- END catrow -->
    <!-- CODAGE PAR SKAEMP / CCCRUSH D'APRES UN SCHEMA DE CORPSE / T162-COMMANDE-ET-BEUG -->

Partie CSS :
Code:
/* BLOC TITRE CATEGORIE */
.tleCAT {
margin:5px auto;
width:800px; padding:15px 0; text-align:center;
background:black; /* MODIFIABLE */
}
/* TITRE CATEGORIE */
.tleCAT h2 {
margin:0;
font-size:32px; text-transform:uppercase; letter-spacing:3px; font-family:Arial;
color:white; /* MODIFIABLE */
}
/* BLOC CATEGORIE */
.mdlCAT {
margin:auto; width:800px;
}
/* BLOC FORUM */
.FRM {
float:left; margin:5px 0;
width:395px; font-family:Arial;
opacity:0.8; transition:opacity 0.45s linear; -webkit-transition:opacity 0.45s linear;
}
.FRM:nth-of-type(even) {
margin-left:10px;
}
.FRM:hover {
opacity:1;
}
/* BLOC TITRE FORUM */
.tleFRM {
width:380px; padding:10px 0 10px 15px; overflow:hidden;
text-transform:uppercase; text-align:left;
background:black; /* MODIFIABLE */
}
/* TITRE FORUM */
.tleFRM a {
letter-spacing:0; color:white !important; /* MODIFIABLE */
transition:all 0.45s linear; -webkit-transition:all 0.45s linear;
}
/* SURVOL TITRE FORUM */
.tleFRM:hover  a {
letter-spacing:2px; /* MODIFIABLE */
}
/* DESCRIPTION FORUM */
.descFRM {
display:inline-block; vertical-align:top;
width:260px; height:90px; padding:5px; overflow-y:auto;
font-size:9px; text-align:justify; line-height:15px;
background:rgba(250,250,250,0.3); color:black; /* MODIFIABLE */
}
/* BLOC SOUS-FORUMS */
.sfFRM {
display:inline-block;
width:115px; height:90px; padding:5px; overflow:hidden;
text-align:left; text-transform:uppercase; font-size:11px;
background:#CCC; /* MODIFIABLE */
}
.sfFRM:hover {
overflow-y:auto;
}
/* LIENS SOUS-FORUMS */
.sfFRM a {
color:black !important; /* MODIFIABLE */
}
/* BLOC NOMBRE SUJETS & MESSAGES / DERNIER MESSAGE FORUM */
.lmsgFRM {
display:inline-block; vertical-align:top;
width:260px; height:40px; padding:5px; overflow:hidden;
text-align:center; font-size:8px;
background:rgba(250,250,250,0.6); color:black; /* MODIFIABLE */
}
/* NOMBRE SUJETS & MESSAGES FORUM */
.nbFRM {
margin-bottom:3px;
width:260px; height:18px; padding-top:7px;
font-size:9px; text-transform:uppercase;
background:rgba(0,0,0,0.8); color:white; /* MODIFIABLE */
}
/* COULEUR TITRE SUJET DERNIER MESSAGE FORUM */
.lmsgFRM a {
text-transform:uppercase; color:black !important; /* MODIFIABLE */
}
/* TAILLE PSEUDONYME DERNIER POSTEUR FORUM */
.lmsgFRM .gensmall {
font-size:8px;
}
/* ICÔNES FORUM */
.imgFRM {
display:inline-block; vertical-align:top;
width:125px; height:50px;
}

Largeur du forum : 800px
Revenir en haut Aller en bas
[50] Catégories Empty Lun 29 Fév - 5:05
[50] Catégories TCAT28

Remplacer l'intégralité du template par :
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="blocDESC"></div><div class="boxFRM"><div class="tleFRM"><a href="{catrow.forumrow.U_VIEWFORUM}">{catrow.forumrow.FORUM_NAME}</a></div><div class="descFRM">{catrow.forumrow.FORUM_DESC}</div></div><div class="sfFRM"><div><span style="display:inline-block; vertical-align:middle; width:1px; height:70px;"></span><span style="display:inline-block; vertical-align:middle; width:99%;">{catrow.forumrow.L_LINKS}{catrow.forumrow.LINKS}</span></div></div><div class="boxFRM"><div class="imgFRM"><img src="{catrow.forumrow.FORUM_FOLDER_IMG}" /><div>{catrow.forumrow.TOPICS} sujets | {catrow.forumrow.POSTS} messages</div></div><div class="lmsgFRM">{catrow.forumrow.LAST_POST}</div></div></div>   
    <!-- END forumrow -->
   
    <!-- BEGIN catfoot -->
    <!-- END catfoot -->
    <!-- BEGIN tablefoot -->
 </div><div class="btmCAT"></div>
    <!-- END tablefoot --><!-- END catrow -->

Partie CSS :
Code:
/* BLOC TITRE CATEGORIE */
.tleCAT{
margin:auto;
width:800px; padding:20px 0; text-align:center;
background:#242526; /* MODIFIABLE */
}
/* TITRE CATEGORIE */
.tleCAT h2{
margin:0; font-size:32px; text-transform:uppercase; font-family:Arial;
color:white; /* MODIFIABLE */
}
/* BLOC CATEGORIE */
.mdlCAT {
margin:auto; width:800px; padding:5px 0 4px;
background:#ECECEC; /* MODIFIABLE */
}
/* BAS CATEGORIE */
.btmCAT {
margin:0 auto 10px; width:800px;
height:15px; background:#242526; /* MODIFIABLE */
}
/* BLOC FORUM */
.FRM{
margin:15px auto; width:760px; font-family:Arial;
}
/* BLOC IMAGE DESCRIPTIVE FORUM */
.blocDESC {
display:inline-block; vertical-align:top;
width:100px; height:100px; border:2px solid;
background:#242526; border-color:grey; /* MODIFIABLE */
}
/* IMAGE DESCRIPTIVE */
.descFRM img {
position:absolute; z-index:3; margin-left:-119px; margin-top:-35px;
width:100px; height:100px;
}
/* BLOCS POSITIONNEMENT */
.boxFRM {
display:inline-block; vertical-align:top; margin-left:10px;
}
/* BLOC TITRE FORUM */
.tleFRM {
width:410px; height:20px; padding:5px; overflow:hidden;
text-transform:lowercase; text-align:left; font-style:italic; letter-spacing:1px;
background:grey;  /* MODIFIABLE */
}
/* TITRE FORUM */
.tleFRM a{
padding-left:5px;
color:white !important; /* MODIFIABLE */
transition:all 0.45s linear; -webkit-transition:all 0.45s linear;
}
/* SURVOL TITRE FORUM */
.FRM:hover .tleFRM a {
padding-left:30px;
}
/* DESCRIPTION FORUM */
.descFRM {
width:427px; padding:5px; height:60px; overflow:auto;
font-size:10px; text-align:justify; line-height:12px; border:2px solid;
color:black;  border-color:grey; /* MODIFIABLE */
}
/* TRIANGLE SOUS-FORUMS */
.sfFRM {
display:inline-block; margin:55px -10px 0 10px;
width:0; height:0; border-style:solid; border-width:12.5px 20px 12.5px 0; border-color:transparent;
border-right-color:black; /* MODIFIABLE */
}
/* CONTENU SOUS-FORUMS */
.sfFRM div{
position:absolute; margin-top:-35px; margin-left:-10px;
width:0; height:70px; overflow:hidden; font-size:11px;
background:#191919; color:white; /* MODIFIABLE */
opacity:0; transition:all .65s linear; -webkit-transition:all .65s linear;
}
.sfFRM:hover div{
margin-left:-450px;
width:420px; height:70px; padding:0 10px; opacity:1;
}
/* LIENS SOUS-FORUMS */
.sfFRM a{
text-transform:uppercase; color:white !important; /* MODIFIABLE */
}
/* ICÔNES / NOMBRE SUJETS & MESSAGES FORUM */
.imgFRM{
width:175px; height:25px;
}
/* ICÔNES FORUM */
.imgFRM img{
width:175px; height:25px;
}
/* NOMBRE SUJETS & MESSAGES FORUM */
.imgFRM div {
position:absolute; z-index:2; margin-top:-25px;
width:175px; height:20px; padding-top:5px;
font-size:10px; text-align:center; text-transform:uppercase;
background:rgba(255,255,255,0.6); color:black;  /* MODIFIABLE */
opacity:0; transition:opacity 0.45s linear; -webkit-transition:opacity 0.45s linear;
}
.FRM:hover .imgFRM div{
opacity:1;
}
/* DERNIER MESSAGE FORUM */
.lmsgFRM {
margin-top:5px;
width:173px; height:57px; padding-top:15px;
text-align:center; font-size:11px; border:1px solid;
border-color:#D1CDC8; color:black; /* MODIFIABLE */*
}

Largeur du forum : 800px

Instructions :
[50] Catégories IMGDESC
Revenir en haut Aller en bas
[50] Catégories Empty Sam 5 Mar - 5:46
[50] Catégories TCAT29

Remplacer l'intégralité du template par :
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>
    <!-- END tablehead -->

    <!-- BEGIN cathead -->
    <!-- END cathead -->
   
    <!-- BEGIN forumrow -->
    <div class="FRM"><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><script type="text/javascript">$('.lmsgFRM').each(function(){$(this).html($(this).html().replace(/<br>/g,'<span style="display:inline-block; padding:0 2px;"></span>'));});</script></div><div class="nbFRM">{catrow.forumrow.TOPICS}</div><div class="nbFRM nbIIFRM">{catrow.forumrow.POSTS}</div><div class="descFRM">{catrow.forumrow.FORUM_DESC}</div><div class="sfFRM">{catrow.forumrow.L_LINKS}{catrow.forumrow.LINKS}</div><img src="{catrow.forumrow.FORUM_FOLDER_IMG}" class="imgFRM" /></div>
    <!-- END forumrow -->
   
    <!-- BEGIN catfoot -->
    <!-- END catfoot -->
   
    <!-- BEGIN tablefoot -->
    <!-- END tablefoot --><!-- END catrow -->
    <!-- CODAGE PAR SKAEMP / CCCRUSH -->

Partie CSS :
Code:
/* BLOC TITRE CATEGORIE */
.tleCAT {
margin:5px auto;
width:800px; padding:15px 0;
background:black; /* MODIFIABLE */
}
/* TITRE CATEGORIE */
.tleCAT h2 {
margin:0;
text-align:center; font-size:32px; text-transform:uppercase; letter-spacing:3px; font-family:Arial;
color:white; /* MODIFIABLE */
}
/* BLOC FORUM */
.FRM {
margin:5px auto;
width:790px; padding:5px; font-family:Arial;
background:#F2F2F2; /* MODIFIABLE */
}
/* BLOC TITRE & DERNIER MESSAGE FORUM */
.boxFRM {
display:inline-block; vertical-align:top; margin-bottom:5px;
width:675px; padding:10px 0 10px 15px; overflow:hidden;
background:black; /* MODIFIABLE */
}
/* BLOC TITRE FORUM */
.tleFRM {
display:inline-block; vertical-align:top; padding-top:3px;
}
/* TITRE FORUM */
.tleFRM a {
text-align:left; font-size:12px; text-transform:uppercase; line-height:20px;
font-weight:bold; color:white !important; /* MODIFIABLE */
}
/* DERNIER MESSAGE FORUM */
.lmsgFRM {
float:right; margin-right:10px;
height:15px; padding:5px 5px 5px 7px; overflow:hidden;
background:rgba(250,250,250,0.6); color:black; /* MODIFIABLE */
text-align:center; font-size:9px; text-transform:uppercase; line-height:16px;
}
/* COULEUR TITRE SUJET DERNIER MESSAGE FORUM */
.lmsgFRM a {
font-weight:bold; color:black !important; /* MODIFIABLE */
}
/* TAILLE PSEUDONYME DERNIER POSTEUR FORUM */
.lmsgFRM .gensmall {
font-size:8px;
}
/* NOMBRE SUJETS FORUM */
.nbFRM {
display:inline-block; vertical-align:top; margin-left:5px;
width:45px; height:30px; padding-top:15px; overflow:hidden;
text-align:center; font-size:10px; text-transform:uppercase; line-height:15px;
background:rgba(0,0,0,0.8); color:white; /* MODIFIABLE */
}
/* NOMBRE MESSAGES FORUM */
.nbIIFRM {
background:rgba(0,0,0,0.6); color:white; /* MODIFIABLE */
}
/* DESCRIPTION FORUM */
.descFRM {
display:inline-block; vertical-align:top;
width:605px; height:90px; padding:5px; overflow:hidden;
background:lightgrey; color:black; /* MODIFIABLE */
text-align:justify; font-size:10px; line-height:15px;
}
.descFRM:hover {
overflow-y:auto;
}
/* BLOC SOUS-FORUMS */
.sfFRM {
display:inline-block; vertical-align:top; margin:0 5px;
width:130px; height:90px; padding:5px; overflow:hidden;
text-align:left; font-size:10px; text-transform:uppercase; color:rgba(0,0,0,0); line-height:0;
background:#CCC; /* MODIFIABLE */
}
.sfFRM:hover {
overflow-y:auto;
}
/* LIENS SOUS-FORUMS */
.sfFRM a {
display:block; line-height:13px;
color:black !important; /* MODIFIABLE */
}
/* ICÔNES FORUM */
.imgFRM {
display:inline-block; vertical-align:top;
width:25px; height:100px;
}

Largeur du forum : 800px
Revenir en haut Aller en bas
[50] Catégories Empty Dim 6 Mar - 21:47
[50] Catégories TCAT30

Remplacer l'intégralité du template par :
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="blocDESC"></div><img class="imgFRM" src="{catrow.forumrow.FORUM_FOLDER_IMG}" /><div class="boxFRM"><div id="descFRM">{catrow.forumrow.FORUM_DESC}</div><div class="sfFRM">{catrow.forumrow.L_LINKS}{catrow.forumrow.LINKS}</div><div class="triFRM"></div><div class="lmsgFRM"><div class="tleFRM"><a href="{catrow.forumrow.U_VIEWFORUM}">{catrow.forumrow.FORUM_NAME}</a></div><div class="nbFRM">{catrow.forumrow.TOPICS} sujets | {catrow.forumrow.POSTS} messages</div>{catrow.forumrow.LAST_POST}</div></div></div> 
    <!-- END forumrow -->
   
    <!-- BEGIN catfoot -->
    <!-- END catfoot -->
    <!-- BEGIN tablefoot -->
 </div><div class="btmCAT"></div>
    <!-- END tablefoot --><!-- END catrow -->
    <!-- CODAGE PAR SKAEMP / CCCRUSH D'APRES UN SCHEMA DE ANDREJ / T180-TEMPLATES-CATEGORIE-SI-POSSIBLE -->

Partie CSS :
Code:
/* BLOC TITRE CATEGORIE */
.tleCAT {
margin:5px auto 0;
width:800px; padding:20px 0;
text-align:center; font-family:Arial;
background:#191919; /* MODIFIABLE */
}
/* TITRE CATEGORIE */
.tleCAT h2 {
margin:0; font-size:32px; text-transform:uppercase; 
color:#DEDEDE; /* MODIFIABLE */
}
/* CONTENU CATEGORIE */
.mdlCAT {
margin:auto; width:800px; padding:10px 0 1px;
background:#DEDEDE; /* MODIFIABLE */
}
/* BAS CATEGORIE */
.btmCAT {
margin:-1px auto 10px; width:800px;
height:15px; background:#191919; /* MODIFIABLE */
}
/* BLOC FORUM */
.FRM {
margin:25px auto; width:750px;
text-align:left; font-family:Arial;
}
/* BLOC IMAGE DESCRIPTIVE FORUM */
.blocDESC {
position:relative; z-index:2; margin-top:-10px;
display:inline-block; vertical-align:top;
width:115px; height:115px; border-radius:115px; border:5px solid;
background:white; border-color:black; /* MODIFIABLE */
}
/* IMAGE DESCRIPTIVE FORUM */
#descFRM img {
position:absolute; z-index:3; margin-left:-115px; margin-top:-5px;
width:115px; height:115px; border-radius:115px;
opacity:0.7; transition:opacity 0.65s ease-in-out; -webkit-transition:opacity 0.65s ease-in-out;
}
.FRM:hover #descFRM img {
opacity:1;
}
/* ICÔNES FORUM */
.imgFRM {
position:absolute; z-index:4; margin-top:-5px; margin-left:-125px;
width:45px; height:45px; border-radius:45px;
}
/* BLOC POSITIONNEMENT */
.boxFRM {
display:inline-block; vertical-align:top;
}
/* BLOC DESCRIPTION FORUM */
#descFRM {
display:inline-block; vertical-align:top; margin-left:-30px;
width:430px; height:100px; padding-left:25px; overflow:hidden;
background:#ECECEC; /* MODIFIABLE */
}
/* DESCRIPTION FORUM */
.descFRM {
margin-left:10px; margin-top:10px;
width:405px; padding:0 5px; height:65px; overflow:hidden;
font-size:10px; text-align:justify; line-height:13px;
color:black; /* MODIFIABLE */
}
.descFRM:hover {
overflow-y:auto;
}
/* BLOC SOUS-FORUMS */
.sfFRM {
position:absolute; z-index:3; margin-left:-10px; margin-top:-17px;
width:465px; height:13px; padding-top:2px; overflow-y:auto; border-top:2px solid;
font-size:8px; text-transform:uppercase;
border-color:black; color:black; /* MODIFIABLE */
}
/* SOUS-FORUMS */
.sfFRM a.gensmall {
font-size:8px;
color:black !important; /* MODIFIABLE */
}
/* TRIANGLE DESCRIPTION FORUM */
.triFRM {
position:absolute; margin-left:425px; margin-top:-100px;
width:0; height:0; border-style:solid; border-width:100px 0 0 55px; border-color:transparent;
border-left-color:#ECECEC; /* MODIFIABLE */
}
/* BLOC TITRE / NOMBRE SUJETS & MESSAGES / DERNIER MESSAGE FORUM */
.lmsgFRM {
display:inline-block; vertical-align:top;
width:170px; height:92px; padding:8px 7px 0 23px; overflow:hidden;
text-align:right; font-size:10px;
background:rgba(0,0,0,0.3); color:black; /* MODIFIABLE */
}
/* BORDURE TITRE FORUM */
.tleFRM {
margin:auto; padding-bottom:3px; border-bottom:2px solid;
text-transform:uppercase; text-align:right; font-size:12px;
border-bottom-color:black; /* MODIFIABLE */
}
/* TITRE FORUM */
.tleFRM a {
color:black !important; /* MODIFIABLE */
}
/* NOMBRE SUJETS & MESSAGES FORUM */
.nbFRM {
margin:3px auto 4px;
color:black; /* MODIFIABLE */
font-size:9px; text-transform:uppercase;
}
/* COULEUR TITRE SUJET DERNIER MESSAGE FORUM */
.lmsgFRM a {
color:black; /* MODIFIABLE */
}

Largeur du forum : 800px

Encadrer le texte descriptif des balises suivantes :
Code:
<div class="descFRM"> Texte descriptif </div>

[50] Catégories DIMGDESC
Revenir en haut Aller en bas
[50] Catégories Empty Sam 19 Mar - 22:22
[50] Catégories TCAT31

Remplacer l'intégralité du template par :
Code:
    <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="tleCAT">{catrow.tablehead.L_FORUM}</div>
    <div class="mdlCAT"><span style="display:block; height:0; clear:both;"></span>
    <!-- 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><div class="descFRM">{catrow.forumrow.FORUM_DESC}</div><div class="sfFRM"><div><span style="display:inline-block; vertical-align:middle; height:35px;"></span><span style="display:inline-block; vertical-align:middle;">{catrow.forumrow.L_LINKS}{catrow.forumrow.LINKS}</span></div></div><div class="nbFRM">{catrow.forumrow.TOPICS}</div><div class="nbFRM nbIIFRM">{catrow.forumrow.POSTS}</div><img src="{catrow.forumrow.FORUM_FOLDER_IMG}" class="imgFRM" /><div class="lmsgFRM"><span style="display:inline-block; vertical-align:middle; height:45px;"></span><span style="display:inline-block; vertical-align:middle;">{catrow.forumrow.LAST_POST}</span></div></div>
    <!-- END forumrow -->
     
    <!-- BEGIN catfoot -->
    <!-- END catfoot -->
     
    <!-- BEGIN tablefoot -->
    <span style="display:block; height:0; clear:both;"></span></div>
    <!-- END tablefoot --><!-- END catrow -->
    <!-- CODAGE PAR SKAEMP / CCCRUSH D'APRES UN SCHEMA DE GLAUCOPHANE / T185-COMMANDE-DE-TEMPLATE-CATEGORIES -->

Partie CSS :
Code:
/* BLOC TITRE CATEGORIE */
.tleCAT {
margin:10px auto 5px;
width:888px; height:75px; padding:5px; border:1px solid; text-align:center;
background:white; border-color:grey; /* MODIFIABLE */
}
/* TITRE CATEGORIE */
.tleCAT h2 {
margin:0 auto;
width:888px; height:55px; padding-top:20px;
font-size:32px; text-transform:uppercase; letter-spacing:3px; font-family:Arial; line-height:38px;
background:black; color:white; /* MODIFIABLE */
}
/* BLOC CATEGORIE */
.mdlCAT {
margin:auto;
width:900px; text-align:center;
}
/* BLOC FORUM */
.FRM {
float:left; margin:5px 0;
width:283px; padding:5px; border:1px solid; font-family:Arial;
border-color:grey; background:white; /* MODIFIABLE */
}
.FRM:nth-of-type(2) {
margin:5px 7px; 
}
.FRM:nth-of-type(5) {
margin:5px 7px; 
}
.FRM:nth-of-type(8) {
margin:5px 7px; 
}
/* BLOC TITRE FORUM */
.tleFRM {
display:inline-block; vertical-align:top;
width:268px; height:15px; padding:10px 15px 10px 0; overflow:hidden;
background:black; /* MODIFIABLE */
text-align:right; font-size:12px; text-transform:uppercase; font-weight:bold; line-height:16px;
}
/* TITRE FORUM */
.tleFRM a {
color:white !important; /* MODIFIABLE */
}
/* DESCRIPTION FORUM */
.descFRM {
margin:5px auto;
width:283px; height:80px; overflow:hidden;
text-align:justify; font-size:9px; line-height:10px;
color:black; /* MODIFIABLE */
}
.descFRM:hover {
width:278px; padding-right:5px; overflow-y:auto;
}
/* BANDE SOUS-FORUMS */
.sfFRM {
margin-bottom:5px;
width:283px; height:15px;
background:#CCC; /* MODIFIABLE */
}
/* CONTENU SOUS-FORUMS */
.sfFRM div {
position:absolute; margin-top:20px;
width:273px; height:0; padding:0 5px; overflow:hidden;
text-align:left; font-size:9px; text-transform:uppercase;
background:#EFEFEF; color:black; /* MODIFIABLE */
transition:all 0.45s linear; -webkit-transition:all 0.45s linear;
}
.sfFRM:hover div {
height:35px; padding:5px;
}
/* LIENS SOUS-FORUMS */
.sfFRM a {
font-size:9px; color:black !important; /* MODIFIABLE */
}
/* NOMBRE SUJETS FORUM */
.nbFRM {
display:inline-block; vertical-align:top;
width:45px; height:30px; padding-top:15px;
background:rgba(0,0,0,0.8); color:white; /* MODIFIABLE */
text-align:center; font-size:10px; text-transform:uppercase; line-height:15px;
}
/* NOMBRE MESSAGES FORUM */
.nbIIFRM {
margin-left:5px;
background:rgba(0,0,0,0.6); color:white; /* MODIFIABLE */
}
/* ICÔNES FORUM */
.imgFRM {
display:inline-block; vertical-align:top; margin-left:5px;
width:70px; height:45px;
}
/* DERNIER MESSAGE FORUM */
.lmsgFRM {
display:inline-block; vertical-align:top; margin-left:5px;
width:98px; height:45px; padding:0 5px; overflow:hidden;
background:#EFEFEF; color:black; /* MODIFIABLE */
text-align:left; font-size:9px; line-height:10px;
}
/* TAILLE PSEUDONYME DERNIER POSTEUR FORUM */
.lmsgFRM .gensmall {
font-size:9px;
}

Largeur du forum : 900px
Revenir en haut Aller en bas
[50] Catégories Empty Sam 19 Mar - 22:22
[50] Catégories TCAT32

Remplacer l'intégralité du template par :
Code:
<table width="100%" 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="boxFRM"><img src="{catrow.forumrow.FORUM_FOLDER_IMG}" class="imgFRM" /><div class="boxIIFRM"><div class="tleFRM"><a href="{catrow.forumrow.U_VIEWFORUM}">{catrow.forumrow.FORUM_NAME}</a></div><div class="lmsgFRM">{catrow.forumrow.LAST_POST}</div></div><div class="boxIIFRM"><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"><b></b><div>{catrow.forumrow.L_LINKS}{catrow.forumrow.LINKS}</div></div></div></div> 
    <!-- END forumrow -->
   
    <!-- BEGIN catfoot -->
    <!-- END catfoot -->
    <!-- BEGIN tablefoot -->
 </div>
    <!-- END tablefoot --><!-- END catrow -->
    <!-- CODAGE PAR SKAEMP / CCCRUSH D'APRES UN SCHEMA DE LOUTE / T194-COMMANDE-CATEGORIES -->

Partie CSS pour largeur du forum = 800px :
Code:
/* BLOC TITRE CATEGORIE */
.tleCAT {
margin:5px auto 0; width:800px; padding-top:30px; padding-bottom:10px; border-bottom:5px solid;
border-bottom-color:#666; background:grey; /* MODIFIABLE */
text-align:right; font-family:Arial;
}
/* TITRE CATEGORIE */
.tleCAT h2 {
margin:0; padding-right:30px;
font-size:36px; text-transform:uppercase; font-style:italic; letter-spacing:2px;
color:white; text-shadow:1px 1px 0 rgba(0,0,0,0.1); /* MODIFIABLE */
}
/* CONTENU CATEGORIE */
.mdlCAT {
margin:auto; margin-bottom:15px;
width:798px; height:auto; padding-bottom:35px; border-top:none; border:1px solid;
border-color:#666; background:rgba(255,255,255,0.9); /* MODIFIABLE */
}
/* BLOC FORUM */
.FRM {
margin:auto; width:800px;
text-align:center; font-family:Arial;
}
/* BLOC ICÔNES / TITRE / DERNIER MESSAGE / NOMBRE SUJETS & MESSAGES FORUM */
.boxFRM {
display:inline-block; vertical-align:top; margin:35px 25px 0;
width:400px;
}
/* BORDURE ICÔNES FORUM */
.imgFRM {
display:inline-block; vertical-align:middle;
width:50px; height:50px; padding:5px; border:1px solid;
border-color:#D3D3D3; /* MODIFIABLE */
}
/* BLOC POSITIONNEMENT */
.boxIIFRM {
display:inline-block; vertical-align:middle; margin-left:35px;
}
/* TITRE FORUM */
.tleFRM {
margin-bottom:10px; width:178px;
text-align:center; font-size:16px; text-transform:uppercase; font-weight:bold;
}
.tleFRM a {
color:#171717 !important; /* MODIFIABLE */
}
/* DERNIER MESSAGE FORUM */
.lmsgFRM {
width:175px; font-size:10px; line-height:15px;
color:black; /* MODIFIABLE */
}
/* COULEUR TITRE SUJET DERNIER MESSAGE FORUM */
.lmsgFRM a {
text-transform:uppercase; color:black; /* MODIFIABLE */
}
/* NOMBRE SUJETS FORUM */
.nbFRM {
width:86px; height:76px; padding:2px; overflow:hidden;
text-transform:uppercase; font-size:10px; line-height:20px;
background:#D3D3D3; color:rgba(0,0,0,0.5); /* MODIFIABLE */
}
/* BORDURE NOMBRE SUJETS FORUM */
.nbFRM p {
margin:0; height:59px; padding-top:15px; border:1px solid;
border-color:white; /* MODIFIABLE */
}
/* NOMBRE MESSAGES FORUM */
.nbIIFRM {
margin-top:20px;
background:#D3D3D3; color:rgba(0,0,0,0.5); /* MODIFIABLE */
}
/* BORDURE NOMBRE MESSAGES FORUM */
.nbIIFRM p {
border-color:white; /* MODIFIABLE */
}
/* TAILLE NOMBRES NOMBRE SUJETS & MESSAGES FORUM */
.nbFRM b {
font-size:14px;
}
/* BLOC DESCRIPTION & SOUS-FORUMS */
#descFRM {
display:inline-block; margin-top:35px; margin-right:25px;
width:300px; height:178px; overflow:hidden; border:1px solid;
border-color:#D3D3D3; background:grey; /* MODIFIABLE */
}
/* DESCRIPTION FORUM */
.descFRM {
margin:auto; margin-top:19px;
width:250px; height:128px; padding:5px; overflow:hidden; border:1px solid;
font-size:11px; text-align:justify; line-height:16.5px;
border-color:#D3D3D3; background:white; color:black; /* MODIFIABLE */
}
.descFRM:hover {
overflow-y:auto;
}
/* TRIANGLE SOUS-FORUMS */
.sfFRM b {
display:block; margin-left:145px; margin-top:-1px;
width:0; height:0; border-style:solid; border-width:15px 10px 0 10px; border-color:transparent;
border-top-color:white; /* MODIFIABLE */
}
/* BLOC SOUS-FORUMS */
.sfFRM div {
position:absolute; margin-top:-153px; margin-left:20px;
width:250px; height:0; padding:0 5px; overflow:hidden;
background:white; /* MODIFIABLE */
color:rgba(0,0,0,0); line-height:0; transition:all 0.45s ease-in-out; -webkit-transition:all 0.45s ease-in-out;
}
.sfFRM:hover div {
height:128px; padding:5px; 
}
/* SOUS-FORUMS */
.sfFRM a {
display:block; font-size:12px; font-weight:bold; text-transform:uppercase; line-height:18px;
color:#666 !important; /* MODIFIABLE */
}

Partie CSS pour largeur du forum = 900px :
Code:
/* BLOC TITRE CATEGORIE */
.tleCAT {
margin:5px auto 0; width:900px; padding-top:30px; padding-bottom:10px; border-bottom:5px solid;
border-bottom-color:#666; background:grey; /* MODIFIABLE */
text-align:right; font-family:Arial;
}
/* TITRE CATEGORIE */
.tleCAT h2 {
margin:0; padding-right:30px;
font-size:36px; text-transform:uppercase; font-style:italic; letter-spacing:2px;
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;
border-color:#666; background:rgba(255,255,255,0.9); /* MODIFIABLE */
}
/* BLOC FORUM */
.FRM {
margin:auto; width:900px;
text-align:center; font-family:Arial;
}
/* BLOC ICÔNES / TITRE / DERNIER MESSAGE / NOMBRE SUJETS & MESSAGES FORUM */
.boxFRM {
display:inline-block; vertical-align:top; margin:35px 25px 0;
width:400px;
}
/* BORDURE ICÔNES FORUM */
.imgFRM {
display:inline-block; vertical-align:middle;
width:50px; height:50px; padding:5px; border:1px solid;
border-color:#D3D3D3; /* MODIFIABLE */
}
/* BLOC POSITIONNEMENT */
.boxIIFRM {
display:inline-block; vertical-align:middle; margin-left:35px;
}
/* TITRE FORUM */
.tleFRM {
margin-bottom:10px; width:178px;
text-align:center; font-size:16px; text-transform:uppercase; font-weight:bold;
}
.tleFRM a {
color:#171717 !important; /* MODIFIABLE */
}
/* DERNIER MESSAGE FORUM */
.lmsgFRM {
width:175px; font-size:10px; line-height:15px;
color:black; /* MODIFIABLE */
}
/* COULEUR TITRE SUJET DERNIER MESSAGE FORUM */
.lmsgFRM a {
text-transform:uppercase; color:black; /* MODIFIABLE */
}
/* NOMBRE SUJETS FORUM */
.nbFRM {
width:86px; height:76px; padding:2px; overflow:hidden;
text-transform:uppercase; font-size:10px; line-height:20px;
background:#D3D3D3; color:rgba(0,0,0,0.5); /* MODIFIABLE */
}
/* BORDURE NOMBRE SUJETS FORUM */
.nbFRM p {
margin:0; height:59px; padding-top:15px; border:1px solid;
border-color:white; /* MODIFIABLE */
}
/* NOMBRE MESSAGES FORUM */
.nbIIFRM {
margin-top:20px;
background:#D3D3D3; color:rgba(0,0,0,0.5); /* MODIFIABLE */
}
/* BORDURE NOMBRE MESSAGES FORUM */
.nbIIFRM p {
border-color:white; /* MODIFIABLE */
}
/* TAILLE NOMBRES 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;
border-color:#D3D3D3; background:grey; /* MODIFIABLE */
}
/* DESCRIPTION FORUM */
.descFRM {
margin:auto; margin-top:19px;
width:350px; height:128px; padding:5px; overflow:hidden; border:1px solid;
font-size:11px; text-align:justify; line-height:16.5px;
border-color:#D3D3D3; background:white; color:black; /* MODIFIABLE */
}
.descFRM:hover {
overflow-y:auto;
}
/* TRIANGLE SOUS-FORUMS */
.sfFRM b {
display:block; margin-left:190px; margin-top:-1px;
width:0; height:0; border-style:solid; border-width:15px 10px 0 10px; border-color:transparent;
border-top-color:white; /* MODIFIABLE */
}
/* BLOC SOUS-FORUMS */
.sfFRM div {
position:absolute; margin-top:-153px; margin-left:20px;
width:350px; height:0; padding:0 5px; overflow:hidden;
background:white; /* MODIFIABLE */
color:rgba(0,0,0,0); line-height:0; transition:all 0.45s ease-in-out; -webkit-transition:all 0.45s ease-in-out;
}
.sfFRM:hover div {
height:128px; padding:5px; 
}
/* SOUS-FORUMS */
.sfFRM a {
display:block; font-size:12px; font-weight:bold; text-transform:uppercase; line-height:18px;
color:#666 !important; /* MODIFIABLE */
}
Revenir en haut Aller en bas
[50] Catégories Empty Mer 23 Mar - 5:40
[50] Catégories TCAT33

Remplacer l'intégralité du template par :
Code:
<link href="https://fonts.googleapis.com/css?family=Dancing+Script" rel="stylesheet" type="text/css">
      <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="blocFRM"><div class="tleFRM"><a href="{catrow.forumrow.U_VIEWFORUM}">{catrow.forumrow.FORUM_NAME}</a></div><div class="FRM"><img src="{catrow.forumrow.FORUM_FOLDER_IMG}" class="imgFRM" /><div class="boxFRM"><div class="descFRM">{catrow.forumrow.FORUM_DESC}</div><div class="sfFRM">{catrow.forumrow.L_LINKS}{catrow.forumrow.LINKS}</div></div><div id="avaFRM"><!-- BEGIN avatar --><div class="avaFRM">{catrow.forumrow.avatar.LAST_POST_AVATAR}</div><!-- END avatar --></div><div class="boxFRM"><div class="lmsgFRM"><span style="display:inline-block; vertical-align:middle; width:1px; height:85px;"></span><span style="display:inline-block; vertical-align:middle; width:99%;">{catrow.forumrow.LAST_POST}</span></div><div class="nbFRM">{catrow.forumrow.TOPICS} sujets ● {catrow.forumrow.POSTS} messages</div></div></div></div>     
        <!-- END forumrow -->
       
        <!-- BEGIN catfoot -->
        <!-- END catfoot -->
        <!-- BEGIN tablefoot -->
       </div>
        <!-- END tablefoot --><!-- END catrow -->

Partie CSS :
Code:
/* BLOC TITRE CATEGORIE */
.tleCAT{
margin:10px auto; border-radius:15px;
width:800px; padding:10px 0; text-align:center;
background:pink; /* MODIFIABLE */
}
/* TITRE CATEGORIE */
.tleCAT h2{
margin:0;
font-size:42px; text-transform:uppercase; font-family:Arial;
color:white; /* MODIFIABLE */
}
/* BLOC CATEGORIE */
.mdlCAT {
margin:auto; width:800px; padding:15px 0 10px; border-radius:15px;
background:#ECECEC; /* MODIFIABLE */
}
/* BLOC FORUM */
.blocFRM{
margin:auto; width:750px;
}
/* TITRE FORUM */
.tleFRM {
margin-bottom:-15px; padding-left:115px;
transition:all 0.55s linear; -webkit-transition:all 0.55s linear;
}
.tleFRM a{
font-family:Dancing Script; font-size:32px;
color:#F26D7D !important; /* MODIFIABLE */
}
/* SURVOL TITRE FORUM */
.blocFRM:hover .tleFRM {
padding-left:135px;
}
/* BLOC FORUM */
.FRM {
margin:20px auto; width:750px; text-align:center; font-family:Arial;
}
/* ICÔNES FORUM */
.imgFRM{
display:inline-block; vertical-align:top;  margin-right:10px;
width:65px; height:115px; border-radius:10px;
}
/* BLOC POSITIONNEMENT */
.boxFRM {
display:inline-block; vertical-align:top;
}
/* DESCRIPTION FORUM */
.descFRM {
margin-bottom:5px;
width:375px; height:75px; padding:5px; overflow:auto; border-radius:10px;
font-size:10px; text-align:justify; line-height:13px;
background:#F26D7D; color:black;  /* MODIFIABLE */
transition:all 0.55s linear; -webkit-transition:all 0.55s linear;
}
/* SOUS-FORUMS */
.sfFRM {
width:375px; height:19px; padding:6px 5px 0; overflow:auto; border-radius:10px;
background:#F7A5AE; color:rgba(250,250,250,0.6); /* MODIFIABLE */
font-size:9px; text-align:left; text-transform:uppercase;
}
/* LIENS SOUS-FORUMS */
.sfFRM a.gensmall {
font-size:9px;
color:rgba(250,250,250,0.6) !important; /* MODIFIABLE */
}
/* BLOC AVATAR DERNIER POSTEUR FORUM */
#avaFRM {
display:inline-block; vertical-align:top; margin:0 10px;
width:95px; height:115px; border-radius:10px;
background:#F26D7D; /* MODIFIABLE */
}
/* AVATAR DERNIER POSTEUR FORUM */
.avaFRM {
margin:auto; margin-top:10px;
width:75px; height:95px; overflow:hidden; border-radius:5px;
}
.avaFRM img {
width:75px;
filter:grayscale(1); -webkit-filter:grayscale(1);
}
/* DERNIER MESSAGE FORUM */
.lmsgFRM {
margin-bottom:5px;
width:150px; height:85px; padding:0 5px; border-radius:10px;
text-align:center; font-size:10px;
background:#F26D7D; color:white; /* MODIFIABLE */
}
/* COULEUR TITRE DERNIER MESSAGE FORUM */
.lmsgFRM a{
color:#ECECEC !important; /* MODIFIABLE */
}
/* NOMBRE SUJETS & MESSAGES FORUM */
.nbFRM {
width:160px; height:19px; padding-top:6px; border-radius:10px;
font-size:9px; text-align:center; text-transform:uppercase;
background:#F7A5AE; color:black; /* MODIFIABLE */
}

Largeur du forum : 800px

Instructions :

[50] Catégories LASTAV
Revenir en haut Aller en bas
[50] Catégories Empty Mer 23 Mar - 5:40
[50] Catégories TCAT34

Remplacer l'intégralité du template par :
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><div class="boxDESC"><div class="lmsgFRM"><span style="display:inline-block; vertical-align:middle; height:145px;"></span><span style="display:inline-block; vertical-align:middle;">{catrow.forumrow.LAST_POST}</span></div></div><div class="boxFRM"><div class="descFRM">{catrow.forumrow.FORUM_DESC}</div><div class="boxIIFRM"><div class="sfFRM"><img src="{catrow.forumrow.FORUM_FOLDER_IMG}" class="imgFRM" /><div><div>{catrow.forumrow.L_LINKS}{catrow.forumrow.LINKS}</div></div></div><div class="nbFRM">{catrow.forumrow.TOPICS} S.</div><div class="nbFRM nbIIFRM">{catrow.forumrow.POSTS} M.</div></div></div></div>   
    <!-- END forumrow -->
   
    <!-- BEGIN catfoot -->
    <!-- END catfoot -->
 
    <!-- BEGIN tablefoot -->
    </div><div class="btmCAT"></div>
    <!-- END tablefoot --><!-- END catrow -->

Partie CSS :
Code:
/* BLOC TITRE CATEGORIE */
.tleCAT {
margin:auto; margin-top:5px;
width:800px; padding:15px 0; text-align:center;
background:#191919; /* MODIFIABLE */
}
/* TITRE CATEGORIE */
.tleCAT h2 {
margin:0;
font-size:42px; text-transform:uppercase; font-family:Arial;
color:white; /* MODIFIABLE */
}
/* CONTENU CATEGORIE */
.mdlCAT {
margin:auto;
width:800px; padding:10px 0 28px;
background:#F2F2F2; /* MODIFIABLE */
}
/* BAS CATEGORIE */
.btmCAT {
margin:0 auto 10px; width:800px;
height:15px; background:#191919; /* MODIFIABLE */
}
/* BLOC FORUM */
.FRM {
margin:25px auto 0;
width:745px; font-family:Arial;
}
/* BLOC TITRE FORUM */
.tleFRM {
margin-left:80px; margin-bottom:-30px;
width:665px; height:15px; padding:5px 0; overflow:hidden;
text-align:right; line-height:15px;
background:#191919; /* MODIFIABLE */
}
/* TITRE FORUM */
.tleFRM a {
padding-right:5px; text-transform:uppercase; font-size:12px; letter-spacing:3px;
color:white !important; /* MODIFIABLE */
}
/* BLOC IMAGE DESCRIPTIVE & DERNIER MESSAGE FORUM */
.boxDESC {
position:relative; display:inline-block; vertical-align:top; margin-top:-2px;
width:175px; height:175px; border-radius:100%;
background:#D6D6D6; /* MODIFIABLE */
}
/* IMAGE DESCRIPTIVE FORUM */
.descFRM img {
position:absolute; z-index:2; margin-top:-42px; margin-left:-190px;
width:175px; height:175px; border-radius:100%;
}
/* DERNIER MESSAGE FORUM */
.lmsgFRM {
position:absolute; z-index:5; margin-top:15px; margin-left:15px;
width:135px; height:145px; padding:0 5px; border-radius:100%; overflow:hidden;
text-align:center; font-size:11px;
background:rgba(250,250,250,0.7); color:black; /* MODIFIABLE */
transform:rotate(180deg) scale(0); -webkit-transform:rotate(180deg) scale(0);
transition:all 0.85s ease; -webkit-transition:all 0.85s ease;
}
.FRM:hover .lmsgFRM {
transform:rotate(0deg) scale(1); -webkit-transform:rotate(0deg) scale(1);
}
/* COULEUR TITRE SUJET DERNIER MESSAGE FORUM */
.lmsgFRM a {
color:black; /* MODIFIABLE */
}
/* BLOC DESCRIPTION / ICÔNES / SOUS-FORUMS / NOMBRE SUJETS & MESSAGES FORUM */
.boxFRM {
display:inline-block; vertical-align:top; margin-top:35px;
}
/* DESCRIPTION FORUM */
.descFRM {
display:inline-block; vertical-align:top; margin-left:-105px;
width:380px; height:120px; padding:5px; padding-left:120px; overflow:hidden;
font-size:11px; text-align:justify; line-height:15px;
background:#E0E0E0; color:#999999;  /* MODIFIABLE */
}
.descFRM:hover {
overflow-y:auto;
}
/* BLOC POSITIONNEMENT FORUM */
.boxIIFRM {
display:inline-block; vertical-align:top; margin-left:5px;
}
/* BLOC ICÔNES & SOUS-FORUMS */
.sfFRM {
width:165px; height:100px; overflow:hidden;
}
/* ICÔNES FORUM */
.imgFRM {
position:absolute;
width:165px; height:100px;
}
.sfFRM div {
position:relative;
width:165px; height:100px; overflow:hidden;
}
/* CONTENU SOUS-FORUMS */
.sfFRM div div {
width:155px; height:90px; padding:5px; overflow-y:auto;
text-align:left; font-size:11px; color:rgba(0,0,0,0); line-height:0;
background:#666; /* MODIFIABLE */
transform:translateX(165px); -webkit-transform:translateX(165px);
transition:all .65s linear; -webkit-transition:all .65s linear;
}
/* LIENS SOUS-FORUMS */
.sfFRM a {
display:block; text-transform:uppercase; line-height:14px;
color:white !important; /* MODIFIABLE */
}
.sfFRM:hover div div{
transform:translateX(0px); -webkit-transform:translateX(0px);
}
/* NOMBRE SUJETS FORUM */
.nbFRM {
display:inline-block; margin-top:5px;
width:80px; height:15px; padding:5px 0;
text-align:center; font-size:10px; line-height:15px;
background:#171717; color:white; /* MODIFIABLE */
}
/* NOMBRE MESSAGES FORUM */
.nbIIFRM {
margin-left:5px;
background:lightgrey; color:black; /* MODIFIABLE */
}

Largeur du forum : 800px

Instructions :

[50] Catégories IMGDESC
Revenir en haut Aller en bas
[50] Catégories Empty Ven 8 Avr - 0:26
[50] Catégories TCAT35

Remplacer l'intégralité du template 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="tleCAT">{catrow.tablehead.L_FORUM}</div>
    <div class="mdlCAT"><!-- END tablehead -->

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

Partie CSS :
Code:
/* BLOC TITRE CATEGORIE */
.tleCAT{
margin:10px auto;
width:865px; padding:15px 35px 15px 0; text-align:right;
background:#191919;  /* MODIFIABLE */
}
/* TITRE CATEGORIE */
.tleCAT h2{
margin:0; font-size:36px; text-transform:uppercase; font-style:italic; letter-spacing:2px;
font-family:Fjalla One; color:white; /* MODIFIABLE */
}
/* CONTENU CATEGORIE */
.mdlCAT {
margin:auto; width:900px;
}
/* BLOC FORUM */
.FRM {
width:900px; height:180px; overflow:hidden;
background:#DEDEDE; /* MODIFIABLE */
}
/* BLOC TITRE FORUM */
.tleFRM {
width:875px; height:25px; padding-top:5px; padding-right:25px;
text-align:right; font-size:18px; text-transform:uppercase; letter-spacing:1px;
background:grey; /* MODIFIABLE */
}
/* TITRE FORUM */
.tleFRM a{
font-family:Fjalla One; color:black !important; /* MODIFIABLE */
}
/* NOMBRE SUJETS & MESSAGES FORUM */
.nbFRM {
position:absolute; margin-top:4px; padding-left:25px;
text-transform:uppercase; font-size:11px;
font-family:Arial; color:#CCC; /* MODIFIABLE */
}
/* IMAGE DESCRIPTIVE FORUM */
#descFRM img{
position:absolute; margin-top:-20px; margin-left:-445px;
width:900px; height:150px;
transition:all 0.45s ease-in-out; -webkit-transition:all 0.45s ease-in-out;
}
.FRM:hover #descFRM img{
opacity:0.5;
}
/* BLOC SOUS-FORUMS */
.sfFRM {
position:relative; z-index:3;
display:inline-block; vertical-align:top; margin:20px 0 0 30px;
width:180px; height:100px; padding:5px; overflow:auto;
background:#CCC; /* MODIFIABLE */
opacity:0; transition:all 0.45s ease-in-out; -webkit-transition:all 0.45s ease-in-out;
}
.FRM:hover .sfFRM{
opacity:1;
}
/* SOUS-FORUMS */
.sfFRM a{
font-size:14px; font-family:Fjalla One; text-transform:uppercase; color:black !important; /* MODIFIABLE */
}
/* BLOC DESCRIPTION FORUM */
#descFRM {
display:inline-block; vertical-align:top; margin:20px 25px 0;
width:400px; height:175px; overflow:hidden; text-align:center;
}
/* DESCRIPTION FORUM */
.descFRM {
position:relative; z-index:3; margin:auto;
width:390px; height:100px; padding:5px; overflow:auto;
font-size:11px; text-align:justify; font-family:Arial;
background:white; color:black; /* MODIFIABLE */
opacity:0; transition:all 0.45s ease-in-out; -webkit-transition:all 0.45s ease-in-out;
}
.FRM:hover .descFRM{
opacity:1;
}
/* ICÔNES FORUM */
.imgFRM {
display:block; margin:auto; margin-bottom:5px;
width:150px; height:25px;
}
/* DERNIER MESSAGE FORUM */
.lmsgFRM {
position:relative; z-index:4;
display:inline-block; vertical-align:top; margin-top:20px;
width:200px; height:100px; padding-top:10px; overflow:hidden;
text-align:center; font-family:Fjalla One;
font-size:16px; background:white; color:black; /* MODIFIABLE */
opacity:0; transition:all 0.45s ease-in-out; -webkit-transition:all 0.45s ease-in-out;
}
.FRM:hover .lmsgFRM{
opacity:1;
}
/* TITRE DERNIER MESSAGE FORUM */
.lmsgFRM a {
text-transform:uppercase; color:black; /* MODIFIABLE */
}
/* TAILLE AUTEUR DERNIER MESSAGE FORUM */
.lmsgFRM .gensmall {
font-size:16px; /* MODIFIABLE */
}

Largeur du forum : 900px

Instructions :

[50] Catégories DIMGDESC

Encadrer le texte descriptif des balises suivantes :
Code:
<div class="descFRM">Texte descriptif.</div>
Revenir en haut Aller en bas
[50] Catégories Empty Lun 11 Avr - 18:38
[50] Catégories TCAT36

Remplacer l'intégralité du template par :
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 -->

Partie CSS :
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 */
}
/* CONTENU CATEGORIE */
.mdlCAT {
margin:auto; width:800px; padding:10px 0 25px;
background:#CCC; /* MODIFIABLE */
}
/* BAS CATEGORIE */
.btmCAT {
margin:auto; margin-bottom:15px; width:800px;
height:15px; background:#74878B; /* MODIFIABLE */
}
/* BLOC FORUM */
.FRM {
margin:auto; width:750px;
text-align:center; font-family:Arial;
}
/* TITRE FORUM */
.tleFRM {
width:750px; padding:10px 0 5px;
text-align:left; font-size:16px; text-transform:uppercase; letter-spacing:1px; font-family:Arial;
}
.tleFRM a {
display:inline-block; vertical-align:middle;
color:#594C4D !important; /* MODIFIABLE */
}
/* NOMBRE SUJETS & MESSAGES FORUM */
.nbFRM {
display:inline-block; vertical-align:middle;
width:200px; padding-left:15px;
text-transform:uppercase; font-size:9px;
color:#594C4D; /* 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; text-align:justify;
background:grey; /* 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:auto; margin-top:10px;
width:340px; height:70px; padding:5px; overflow-y:auto;
font-size:9px; text-align:justify;
background:white; color:black; /* MODIFIABLE */
opacity:0; transition:all 0.45s ease-in-out; -webkit-transition:all 0.45s ease-in-out;
}
/* SURVOL DESCRIPTION FORUM */
#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 */
}
/* DERNIER MESSAGE FORUM */
.lmsgFRM {
display:inline-block; vertical-align:middle; margin-right:10px;
width:220px; text-align:center; text-transform:uppercase; font-size:12px; line-height:18px;
color:black; /* MODIFIABLE */
}
/* COULEUR TITRE SUJET DERNIER MESSAGE FORUM */
.lmsgFRM a {
font-size:14px; color:black; /* MODIFIABLE */
}
/* TAILLE PSEUDONYME DERNIER POSTEUR FORUM */
.lmsgFRM .gensmall {
font-size:14px; /* MODIFIABLE */
}
/* AVATAR DERNIER POSTEUR FORUM */
.avaFRM {
display:inline-block; vertical-align:middle;
width:60px; height:70px; overflow:hidden;
}
.avaFRM img {
width:60px; filter:grayscale(1); -webkit-filter:grayscale(1);
transition:all 0.45s ease-in-out; -webkit-transition:all 0.45s ease-in-out;
}
.FRM:hover .avaFRM img {
filter:grayscale(0); -webkit-filter:grayscale(0);
}
/* BLOC SOUS-FORUMS */
.sfFRM {
margin:auto; margin-top:10px;
width:750px; text-align:center; font-size:10px;
background:white; color:#74878B; /* MODIFIABLE */
}
/* SOUS-FORUMS */
.sfFRM a {
display:inline-block; vertical-align:middle; margin:5px 0; margin-right:1px;
text-transform:uppercase; color:#74878B !important; /* MODIFIABLE */
}

Largeur du forum : 800px

Instructions :

[50] Catégories LASTAV

[50] Catégories DIMGDESC

Encadrer le texte descriptif des balises suivantes :
Code:
<div class="descFRM">Texte descriptif.</div>
Revenir en haut Aller en bas
[50] Catégories Empty Lun 11 Avr - 18:39
[50] Catégories TCAT37

Remplacer l'intégralité du template par :
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><div id="descFRM"><div class="descFRM">{catrow.forumrow.FORUM_DESC}</div><div class="nbFRM">{catrow.forumrow.TOPICS} sujets  & {catrow.forumrow.POSTS} messages</div></div><img src="{catrow.forumrow.FORUM_FOLDER_IMG}" class="imgFRM" /><div class="boxFRM"><div class="boxIIFRM"><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"><span style="display:inline-block; vertical-align:middle; height:50px;"></span><span style="display:inline-block; vertical-align:middle;">{catrow.forumrow.L_LINKS}{catrow.forumrow.LINKS}</span></div></div></div>
    <!-- END forumrow -->
   
    <!-- BEGIN catfoot -->
    <!-- END catfoot -->
 
    <!-- BEGIN tablefoot -->
 </div><div class="btmCAT"></div>
    <!-- END tablefoot --><!-- END catrow -->

Partie CSS :
Code:
/* BLOC TITRE CATEGORIE */
.tleCAT {
margin:5px auto 0;
width:800px; padding:10px 0; text-align:center;
background:#151315; /* MODIFIABLE */
}
/* TITRE CATEGORIE */
.tleCAT h2 {
margin:0;
font-size:42px; text-transform:uppercase; font-family:Arial;
color:white; /* MODIFIABLE */
}
/* CONTENU CATEGORIE */
.mdlCAT {
margin:auto; width:800px; padding:20px 0;
background:rgba(255,255,255,0.4); /* MODIFIABLE */
}
/* BAS CATEGORIE */
.btmCAT {
margin:auto; margin-bottom:10px;
width:800px; height:20px;
background:#151315; /* MODIFIABLE */
}
/* BLOC FORUM */
.FRM {
margin:10px auto; width:740px;
text-align:center; font-family:Arial;
}
/* BLOC TITRE FORUM */
.tleFRM {
margin:0 auto 10px; width:740px; padding:5px 0;
text-align:right; font-size:18px; text-transform:uppercase;
background:grey; /* MODIFIABLE */
}
/* TITRE FORUM */
.tleFRM a {
padding-right:10px; letter-spacing:1px; font-family:Arial;
color:white !important; /* MODIFIABLE */
transition:all 0.35s linear; -webkit-transition:all 0.35s linear;
}
/* SURVOL TITRE FORUM */
.tleFRM:hover a {
letter-spacing:5px; /* MODIFIABLE */
}
/* BLOC DESCRIPTION / NOMBRE SUJETS & MESSAGES FORUM */
#descFRM {
display:inline-block; vertical-align:top;
width:375px; height:140px; overflow:hidden;
background:#434242; /* MODIFIABLE */
}
/* DESCRIPTION FORUM */
.descFRM {
margin:auto; margin-top:10px;
width:350px; height:90px; padding:0 5px; overflow:hidden;
font-size:10px; text-align:justify; line-height:15px;
color:white; /* MODIFIABLE */
}
.descFRM:hover {
overflow-y:auto;
}
/* NOMBRE SUJETS & MESSAGES FORUM */
.nbFRM {
margin:auto; margin-top:10px;
width:310px; padding-top:5px; border-top:2px solid;
text-transform:uppercase; font-size:10px; letter-spacing:1px;
border-top-color:#DEDEDE; color:white; /* MODIFIABLE */
}
/* ICÔNES FORUM */
.imgFRM {
display:inline-block; margin:0 10px;
width:120px; height:140px;
}
/* BLOC POSITIONNEMENT */
.boxFRM {
display:inline-block; vertical-align:top;
}
/* BLOC DERNIER MESSAGE / AVATAR DERNIER POSTEUR FORUM */
.boxIIFRM {
display:inline-block; vertical-align:top;
width:215px; height:70px; padding:5px; overflow:hidden;
text-align:left; font-size:11px;
background:rgba(255,255,255,0.6); color:black; /* MODIFIABLE */
}
.lmsgFRM {
display:inline-block; vertical-align:middle; margin-right:5px;
width:155px; padding-left:5px; line-height:14px;
}
/* COULEUR TITRE SUJET DERNIER MESSAGE FORUM */
.lmsgFRM a {
text-transform:uppercase; color:black; /* MODIFIABLE */
}
/* AVATAR DERNIER POSTEUR FORUM */
.avaFRM {
display:inline-block; vertical-align:middle;
width:50px; height:70px; overflow:hidden;
background:black; /* MODIFIABLE */
}
.avaFRM img {
width:50px;
filter:grayscale(1); -webkit-filter:grayscale(1);
transition:all 0.35s linear; -webkit-transition:all 0.35s linear;
}
/* SURVOL AVATAR DERNIER POSTEUR FORUM */
.boxIIFRM:hover .avaFRM img {
filter:grayscale(0); -webkit-filter:grayscale(0);
}
/* BLOC SOUS-FORUMS */
.sfFRM {
margin-top:10px;
width:218px; height:50px; padding-right:7px; overflow-y:auto;
text-align:right; font-size:12px; line-height:14px;
background:rgba(0,0,0,0.5); color:white; /* MODIFIABLE */
}
/* SOUS-FORUMS */
.sfFRM a {
text-transform:uppercase; color:white !important; /* MODIFIABLE */
}

Largeur du forum : 800px

Instructions :

[50] Catégories LASTAV
Revenir en haut Aller en bas
[50] Catégories Empty Mar 12 Avr - 21:03
[50] Catégories TCAT38

Remplacer l'intégralité du template par :
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>
    <!-- END tablehead -->

    <!-- BEGIN cathead -->
    <!-- END cathead -->
   
    <!-- BEGIN forumrow -->
    <div class="FRM"><div class="boxFRM"><div class="tleFRM"><a href="{catrow.forumrow.U_VIEWFORUM}">{catrow.forumrow.FORUM_NAME}</a></div><img src="{catrow.forumrow.FORUM_FOLDER_IMG}" class="imgFRM" /><div class="descFRM">{catrow.forumrow.FORUM_DESC}</div></div><div class="avaFRM"><!-- BEGIN avatar -->{catrow.forumrow.avatar.LAST_POST_AVATAR}<!-- END avatar --></div><div class="lmsgFRM"><span style="display:inline-block; vertical-align:middle; height:140px;"></span><span style="display:inline-block; vertical-align:middle;"><div class="nbFRM">{catrow.forumrow.TOPICS} sujets  & {catrow.forumrow.POSTS} messages</div>{catrow.forumrow.LAST_POST}</span></div><div class="sfFRM">{catrow.forumrow.L_LINKS}{catrow.forumrow.LINKS}</div></div>
    <!-- END forumrow -->
   
    <!-- BEGIN catfoot -->
    <!-- END catfoot -->
 
    <!-- BEGIN tablefoot -->
    <!-- END tablefoot --><!-- END catrow -->

Partie CSS :
Code:
/* BLOC TITRE CATEGORIE */
.tleCAT {
margin:5px auto 0;
width:800px; padding:15px 0;
text-align:center; font-family:Arial;
background:#191919; /* MODIFIABLE */
}
/* TITRE CATEGORIE */
.tleCAT h2 {
margin:0;
font-size:38px; text-transform:uppercase; letter-spacing:2px;
color:white; /* MODIFIABLE */
}
/* BLOC FORUM */
.FRM {
margin:15px auto; width:800px; padding:15px 0 5px;
text-align:center; font-family:Arial;
background:#E9E9E9; /* MODIFIABLE */
}
/* BLOC TITRE / ICÔNES / DESCRIPTION FORUM */
.boxFRM {
display:inline-block; vertical-align:top;
width:380px; height:140px;
}
/* BLOC TITRE FORUM */
.tleFRM {
display:inline-block; vertical-align:top; margin-right:10px;
width:310px; height:35px; padding:10px 0 0 10px; overflow:hidden;
text-align:left; font-size:18px; text-transform:uppercase; line-height:24px;
background:black; /* MODIFIABLE */
}
/* TITRE FORUM */
.tleFRM a {
color:white !important; /* MODIFIABLE */
}
/* ICÔNES FORUM */
.imgFRM {
width:50px; height:45px;
}
/* DESCRIPTION FORUM */
.descFRM {
margin-top:10px;
width:370px; height:75px; padding:5px; overflow:hidden;
text-align:justify; font-size:10px; line-height:15px;
background:black; color:#7C7C7C; /* MODIFIABLE */
}
.descFRM:hover {
overflow-y:auto;
}
/* AVATAR DERNIER POSTEUR FORUM */
.avaFRM {
display:inline-block; vertical-align:top; margin:0 10px;
width:100px; height:140px; overflow:hidden;
background:black; /* MODIFIABLE */
}
.avaFRM img {
width:100px;
}
/* BLOC NOMBRE SUJETS & MESSAGES / DERNIER MESSAGE FORUM */
.lmsgFRM {
display:inline-block; vertical-align:top;
width:260px; height:140px; padding:0 5px; overflow:hidden;
text-align:center; text-transform:uppercase; font-size:14px; line-height:20px;
background:#9B9B9D; color:white; /* MODIFIABLE */
}
/* NOMBRE SUJETS & MESSAGES FORUM */
.nbFRM {
margin:0 auto 10px;
text-transform:uppercase; font-size:12px;
color:white; /* MODIFIABLE */
}
/* COULEUR TITRE SUJET DERNIER MESSAGE FORUM */
.lmsgFRM a {
color:white; /* MODIFIABLE */
}
/* TAILLE PSEUDONYME DERNIER POSTEUR FORUM */
.lmsgFRM .gensmall {
font-size:14px;
}
/* BLOC SOUS-FORUMS */
.sfFRM {
margin:10px auto;
width:760px; padding:0 5px;
text-align:left; font-size:10px;
background:grey; color:white; /* MODIFIABLE */
}
/* SOUS-FORUMS */
.sfFRM a {
display:inline-block; vertical-align:middle; margin:5px 0; margin-right:1px;
text-transform:uppercase; color:white !important; /* MODIFIABLE */
}

Largeur du forum : 800px

Instructions :

[50] Catégories LASTAV
Revenir en haut Aller en bas
[50] Catégories Empty Mar 12 Avr - 21:12
[50] Catégories TCAT39

Remplacer l'intégralité du template par :
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>
    <!-- END tablehead -->

    <!-- BEGIN cathead -->
    <!-- END cathead -->
   
    <!-- BEGIN forumrow -->
    <div class="FRM"><div class="tleFRM"><div class="nbFRM">{catrow.forumrow.POSTS} messages & {catrow.forumrow.TOPICS} sujets</div><a href="{catrow.forumrow.U_VIEWFORUM}">{catrow.forumrow.FORUM_NAME}</a></div><div class="descFRM">{catrow.forumrow.FORUM_DESC}</div><div class="boxDESC"><div class="sfFRM">{catrow.forumrow.L_LINKS}{catrow.forumrow.LINKS}</div></div><div class="lmsgFRM">{catrow.forumrow.LAST_POST}</div><script type="text/javascript">$('.lmsgFRM').each(function(){$(this).html($(this).html().replace(/<br>/g,'<span style="display:inline-block; padding:0 3px;"></span>'));}); $('.sfFRM').each(function(){$(this).html($(this).html().replace(/>, /g,"><br/>"));});</script><img src="{catrow.forumrow.FORUM_FOLDER_IMG}" class="imgFRM" /></div>
    <!-- END forumrow -->
   
    <!-- BEGIN catfoot -->
    <!-- END catfoot -->
    <!-- BEGIN tablefoot -->
    <!-- END tablefoot --><!-- END catrow -->

Partie CSS :
Code:
/* BLOC TITRE CATEGORIE */
.tleCAT {
margin:5px auto 0;
width:800px; padding:20px 0; text-align:center;
background:#1B1B1B; /* MODIFIABLE */
}
/* TITRE CATEGORIE */
.tleCAT h2 {
margin:0;
font-size:36px; text-transform:uppercase; font-family:Arial;
color:#E9E9E9; /* MODIFIABLE */
}
/* BLOC FORUM */
.FRM {
margin:10px auto; width:800px; padding:15px 0;
background:rgba(255,255,255,0.6); /* MODIFIABLE */
text-align:center; line-height:16px; font-family:Arial;
}
/* BLOC NOMBRE SUJETS & MESSAGES / TITRE FORUM */
.tleFRM {
margin:0 auto 10px; width:755px; padding:5px 10px;
text-align:right; text-transform:uppercase; font-size:20px; line-height:25px;
background:#1B1B1B; /* MODIFIABLE */
}
/* NOMBRE SUJETS & MESSAGES FORUM */
.nbFRM {
position:absolute; margin-top:5px;
text-transform:uppercase; font-size:10px; line-height:14px;
color:#E9E9E9; /* MODIFIABLE */
}
/* TITRE FORUM */
.tleFRM a {
color:#FFF !important; /* MODIFIABLE */
}
/* DESCRIPTION FORUM */
.descFRM {
display:inline-block; vertical-align:top;
width:305px; height:120px; padding:5px; overflow:hidden;
font-size:10px; text-align:justify; line-height:15px;
background:#1B1B1B; color:#C3C3C3; /* MODIFIABLE */
}
.descFRM:hover {
overflow-y:auto;
}
/* BLOC IMAGE DESCRIPTIVE FORUM */
.boxDESC {
display:inline-block; vertical-align:top; margin-left:10px;
width:450px; height:130px;
background:black; /* MODIFIABLE */
}
/* IMAGE DESCRIPIVE FORUM */
.descFRM img {
position:absolute; margin-top:-5px; margin-left:320px;
width:450px; height:130px;
}
/* BLOC SOUS-FORUMS */
.sfFRM {
position:absolute; margin-top:12px; margin-left:238px;
width:200px; height:106px; overflow:hidden;
text-align:center; font-size:12px; line-height:0;
}
.sfFRM:hover {
overflow-y:auto;
}
/* SOUS-FORUMS */
.sfFRM a {
display:block; margin-top:6px; padding:5px 0;
text-transform:uppercase; line-height:12px;
background:#1B1B1B; color:#C3C3C3 !important; /* MODIFIABLE */
}
.sfFRM a:nth-of-type(1) {
margin-top:0;
}
/* DERNIER MESSAGE FORUM */
.lmsgFRM {
position:absolute; margin-top:10px; margin-left:15px; padding:5px;
text-align:left; font-size:10px; text-transform:uppercase;
color:#C3C3C3; /* MODIFIABLE */
}
/* COULEUR TITRE SUJET DERNIER MESSAGE FORUM */
.lmsgFRM a {
color:#CCC !important; /* MODIFIABLE */
}
/* ICÔNES FORUM */
.imgFRM {
margin-top:10px;
width:775px; height:25px;
}

Largeur du forum : 800px

Instructions :

[50] Catégories IMGDESC
Revenir en haut Aller en bas
[50] Catégories Empty Mar 14 Juin - 5:46
[50] Catégories TCAT40

Remplacer l'intégralité du template par :
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"><img src="{catrow.forumrow.FORUM_FOLDER_IMG}" class="imgFRM" /><div class="boxFRM"><div class="tleFRM"><a href="{catrow.forumrow.U_VIEWFORUM}">{catrow.forumrow.FORUM_NAME}</a></div><div class="descFRM">{catrow.forumrow.FORUM_DESC}</div></div><div class="boxFRM"><div class="lmsgFRM"><div class="avaFRM"><!-- BEGIN avatar -->{catrow.forumrow.avatar.LAST_POST_AVATAR}<!-- END avatar --></div>{catrow.forumrow.LAST_POST}</div><div class="nbFRM">{catrow.forumrow.TOPICS} sujets  ▼ {catrow.forumrow.POSTS} messages</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 -->

Partie CSS :
Code:
/* BLOC TITRE CATEGORIE */
.tleCAT {
margin:5px auto 0;
width:800px; padding:15px 0; text-align:center;
background:#191919; /* MODIFIABLE */
}
/* TITRE CATEGORIE */
.tleCAT h2 {
margin:0; font-size:32px; text-transform:uppercase; letter-spacing:3px; font-family:Arial;
color:white; /* MODIFIABLE */
}
/* BLOC CATEGORIE */
.mdlCAT {
margin:auto; width:800px; padding:30px 0 15px;
background:#E9E9E9; /* MODIFIABLE */
}
/* BAS CATEGORIE */
.btmCAT {
margin:0 auto 10px; width:800px;
height:20px; background:#191919; /* MODIFIABLE */
}
/* BLOC FORUM */
.FRM {
margin:auto; margin-bottom:15px;
width:740px; text-align:center; font-family:Arial;
}
/* ICÔNES FORUM */
.imgFRM {
display:inline-block; vertical-align:top;
width:50px; height:95px;
}
/* BLOC POSITIONNEMENT FORUM */
.boxFRM {
display:inline-block; vertical-align:top;
}
/* BLOC TITRE FORUM */
.tleFRM {
margin:auto; margin-bottom:5px;
width:420px; height:15px; padding:5px 0 5px 10px;
text-align:left; font-size:11px; text-transform:uppercase; line-height:16px;
background:black; /* MODIFIABLE */
}
/* TITRE FORUM */
.tleFRM a {
color:white !important; letter-spacing:0; /* MODIFIABLE */
transition:all 1.25s; -webkit-transition:all 1.25s;
}
/* SURVOL TITRE FORUM */
.tleFRM:hover a {
padding-left:5px; letter-spacing:1px; /* MODIFIABLE */
}
/* DESCRIPTION FORUM */
.descFRM {
margin:0 10px;
width:420px; height:55px; padding:5px; overflow:hidden;
text-align:justify; font-size:11px; line-height:14px;
background:#191919; color:white; /* MODIFIABLE */
}
.descFRM:hover {
overflow-y:auto;
}
/* DERNIER MESSAGE FORUM */
.lmsgFRM {
display:inline-block; vertical-align:top;
width:228px; height:55px; padding:10px 0 0 12px; overflow:hidden;
text-align:left; font-size:11px; text-transform:uppercase; line-height:15px;
background:#191919; color:white; /* MODIFIABLE */
}
/* COULEUR TITRE SUJET DERNIER MESSAGE FORUM */
.lmsgFRM a {
color:#CCC; /* MODIFIABLE */
}
/* AVATAR DERNIER POSTEUR FORUM */
.avaFRM {
position:absolute; margin-left:172px; margin-top:1px;
width:45px; height:70px; overflow:hidden;
}
.avaFRM img {
width:50px;
}
/* NOMBRE SUJETS & MESSAGES FORUM */
.nbFRM {
margin-top:5px; height:15px; padding:5px; padding-left:10px;
text-align:left; font-size:11px; text-transform:uppercase; line-height:16px;
background:grey; color:white; /* MODIFIABLE */
}
/* BLOC SOUS-FORUMS */
.sfFRM {
margin:10px auto;
width:730px; padding:0 5px;
text-align:left; font-size:9px;
background:grey; color:white; /* MODIFIABLE */
}
/* LIENS SOUS-FORUMS */
.sfFRM a {
display:inline-block; vertical-align:middle; margin:6px 1px 5px 0;
text-transform:uppercase; color:white !important; /* MODIFIABLE */
}

Largeur du forum : 800px

Instructions :

[50] Catégories LASTAV
Revenir en haut Aller en bas
[50] Catégories Empty Sam 2 Juil - 0:50
[50] Catégories TCAT41

Remplacer l'intégralité du template par :
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="boxFRM"><div class="tleFRM"><a href="{catrow.forumrow.U_VIEWFORUM}">{catrow.forumrow.FORUM_NAME}</a></div><div class="sfFRM">{catrow.forumrow.L_LINKS}{catrow.forumrow.LINKS}</div></div><div class="descFRM">{catrow.forumrow.FORUM_DESC}</div><div class="lmsgFRM"><div class="nbFRM">{catrow.forumrow.TOPICS} sujets</div><div class="nbFRM nbIIFRM">{catrow.forumrow.POSTS} messages</div><div class="avaFRM"><!-- BEGIN avatar -->{catrow.forumrow.avatar.LAST_POST_AVATAR}<!-- END avatar --></div>{catrow.forumrow.LAST_POST}</div><img src="{catrow.forumrow.FORUM_FOLDER_IMG}" class="imgFRM" /></div>
    <!-- END forumrow -->
   
    <!-- BEGIN catfoot -->
    <!-- END catfoot -->
    <!-- BEGIN tablefoot -->
 </div><div class="btmCAT"></div>
    <!-- END tablefoot --><!-- END catrow -->

Partie CSS :
Code:
/* BLOC TITRE CATEGORIE */
.tleCAT {
margin:5px auto 0;
width:800px; padding:15px 0; text-align:center;
background:black; /* MODIFIABLE */
}
/* TITRE CATEGORIE */
.tleCAT h2 {
display:inline-block; vertical-align:middle; margin:0;
font-size:32px; text-transform:uppercase; letter-spacing:3px; font-family:Arial;
color:white; /* MODIFIABLE */
}
/* BLOC CATEGORIE */
.mdlCAT {
margin:auto; width:800px; padding:25px 0 15px;
background:lightgrey; /* MODIFIABLE */
}
/* BAS CATEGORIE */
.btmCAT {
margin:0 auto 10px; width:800px;
height:15px; background:#191919; /* MODIFIABLE */
}
/* BLOC FORUM */
.FRM {
margin:auto; margin-bottom:10px;
width:750px; text-align:center; font-family:Arial;
}
/* BLOC POSITIONNEMENT FORUM */
.boxFRM {
display:inline-block; vertical-align:top;
}
/* BLOC TITRE FORUM */
.tleFRM {
margin:auto; margin-bottom:5px;
height:15px; padding:5px 0 5px 10px; overflow:hidden;
text-transform:uppercase; text-align:left; font-size:11px;
background:#191919; /* MODIFIABLE */
}
/* TITRE FORUM */
.tleFRM a {
color:white !important;  /* MODIFIABLE */
}
/* BLOC SOUS-FORUMS */
.sfFRM {
margin:5px auto 0;
width:235px; height:90px; padding-top:5px; overflow:hidden;
text-align:center; line-height:0px; color:rgba(0,0,0,0);
background:white; /* MODIFIABLE */
}
.sfFRM:hover {
overflow-y:auto;
}
/* SOUS-FORUMS */
.sfFRM a {
display:block; margin:auto; margin-bottom:3px;
width:95%; padding-bottom:5px; border-bottom:1px solid;
text-transform:uppercase; text-align:left; font-size:10px; line-height:12px;
border-bottom-color:#191919; color:#191919 !important; /* MODIFIABLE */
}
/* DESCRIPTION FORUM */
.descFRM {
display:inline-block; vertical-align:top; margin:0 10px;
width:190px; height:116px; padding:4px 5px 5px; overflow:hidden;
font-size:10px; text-align:justify; line-height:15px;
background:white; color:#191919; /* MODIFIABLE */
}
.descFRM:hover {
overflow-y:auto;
}
/* BLOC NOMBRE SUJETS & MESSAGE / DERNIER MESSAGE FORUM */
.lmsgFRM {
position:relative; z-index:3;
display:inline-block; vertical-align:top;
width:175px; height:118px; padding:7px 50px 0 10px; overflow:hidden;
text-align:left; font-size:11px; text-transform:uppercase; line-height:14px;
background:rgba(255,255,255,0.7); color:#191919; /* MODIFIABLE */
}
/* NOMBRE SUJETS FORUM */
.nbFRM {
margin-top:5px; width:60%; height:18px; padding:2px 5px 0 10px;
font-size:10px; text-transform:uppercase; text-align:left;
background:#191919; color:white; /* MODIFIABLE */
}
/* NOMBRE MESSAGES FORUM */
.nbIIFRM {
margin-bottom:10px;
background:#191919; color:white; /* MODIFIABLE */
}
/* COULEUR TITRE SUJET DERNIER MESSAGE FORUM */
.lmsgFRM a {
color:black; /* MODIFIABLE */
}
/* AVATAR DERNIER POSTEUR FORUM */
.avaFRM {
position:absolute; margin-left:160px; margin-top:-55px;
width:55px; height:100px; overflow:hidden;
}
.avaFRM img {
height:100px; filter:grayscale(1); -webkit-filter:grayscale(1);
}
/* ICÔNES FORUM */
.imgFRM {
display:inline-block; margin-left:10px;
width:50px; height:125px;
}

Largeur du forum : 800px

Instructions :

[50] Catégories LASTAV
Revenir en haut Aller en bas
[50] Catégories Empty Mar 5 Juil - 5:35
[50] Catégories TCAT42

Remplacer l'intégralité du code par celui-ci :
Code:
<table width="800px" 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="tleCAT">{catrow.tablehead.L_FORUM}</div>
    <!-- END tablehead -->

     <!-- BEGIN cathead -->
     <!-- END cathead -->
    
    <!-- BEGIN forumrow -->
     <div class="FRM"><div class="boxFRM"><div class="tleFRM"><a href="{catrow.forumrow.U_VIEWFORUM}">{catrow.forumrow.FORUM_NAME}</a></div><div class="descFRM">{catrow.forumrow.FORUM_DESC}</div><div id="avaFRM"><!-- BEGIN avatar -->{catrow.forumrow.avatar.LAST_POST_AVATAR}<!-- END avatar --></div><div class="lmsgFRM">{catrow.forumrow.LAST_POST}</div><script type="text/javascript">$('.lmsgFRM').each(function(){$(this).html($(this).html().replace(/<br>/g,'<span style="display:inline-block; padding:0 3px;"> </span>'));});</script></div><div class="boxFRMII"><img src="{catrow.forumrow.FORUM_FOLDER_IMG}" class="imgFRM" /><div class="nbFRM">{catrow.forumrow.TOPICS}</div><div class="nbFRMII">{catrow.forumrow.POSTS}</div></div><div class="sfFRM">{catrow.forumrow.L_LINKS}{catrow.forumrow.LINKS}</div></div>
     <!-- END forumrow -->
    
    <!-- BEGIN catfoot -->
    <!-- END catfoot -->
    <!-- BEGIN tablefoot -->
    <!-- END tablefoot --><!-- END catrow -->

Partie CSS :
Code:
/* BLOC TITRE CATEGORIE */
.tleCAT{
margin:5px auto 15px; width:800px; padding:20px 0; text-align:center;
background:#64B3AC; /* MODIFIABLE */
}
/* TITRE CATEGORIE */
.tleCAT h2{
margin:0;
font-size:32px; text-transform:uppercase; letter-spacing:3px;
color:white; font-family:Arial; /* MODIFIABLE */
}
/* BLOC FORUM */
.FRM {
margin:auto; margin-bottom:10px;
width:800px; height:250px; text-align:center;
}
/* BLOCS POSITIONNEMENT */
.boxFRM {
display:inline-block; vertical-align:top;
}
.boxFRMII {
display:inline-block; vertical-align:top; margin:0 15px;
width:230px;
}
/* BLOC TITRE FORUM */
.tleFRM {
width:395px; height:35px; padding-top:15px;
text-align:center; text-transform:uppercase; font-size:18px; font-family:Arial;
background:grey; /* MODIFIABLE */
}
/* TITRE FORUM */
.tleFRM a{
color:black !important;  /* MODIFIABLE */
}
/* DESCRIPTION FORUM */
.descFRM {
display:inline-block; vertical-align:top; margin-top:15px; margin-right:15px;
width:190px; height:170px; padding:5px; overflow:auto;
background:white; color:black; /* MODIFIABLE */
font-size:11px; text-align:justify;
}
/* IMAGE DESCRIPTIVE */
.descFRM img {
position:absolute; z-index:3; margin-left:405px; margin-top:-70px;
width:230px; height:100px;
transition:all 0.55s; -webkit-transition:all 0.55s;
}
.descFRM img:hover {
opacity:0;
}
/* AVATAR DERNIER POSTEUR FORUM */
#avaFRM {
display:inline-block; vertical-align:top; margin-top:15px;
width:180px; height:140px; overflow:hidden;
background:#dedede; /* MODIFIABLE */
}
#avaFRM img {
width:180px; filter:grayscale(1); -webkit-filter:grayscale(1);
}
/* ICÔNES FORUM */
.imgFRM {
margin-bottom:15px;
width:230px; height:100px;
}
/* NOMBRE SUJETS FORUM */
.nbFRM {
display:inline-block; vertical-align:top;
width:110px; height:65px; padding-top:25px;
font-size:24px; text-transform:uppercase; text-align:center;
background:black; color:white; /* MODIFIABLE */
}
/* NOMBRE MESSAGES FORUM */
.nbFRMII {
display:inline-block; vertical-align:top; margin-left:10px;
width:110px; height:65px; padding-top:25px;
font-size:24px; text-transform:uppercase; text-align:center;
background:#64B3AC; color:white; /* MODIFIABLE */
}
/* DERNIER MESSAGE FORUM */
.lmsgFRM {
position:absolute; margin-top:-25px; margin-left:215px;
width:415px; height:15px; padding:5px; overflow:auto;
background:white; color:black; /* MODIFIABLE */
font-size:11px; text-align:center; text-transform:uppercase;
}
/* BLOC SOUS-FORUMS */
.sfFRM {
display:inline-block; vertical-align:top;
width:135px; height:240px; padding:5px 5px 0; overflow:auto;
background:grey; /* MODIFIABLE */
text-align:center; line-height:0px; color:rgba(0,0,0,0);
}
/* LIEN SOUS-FORUM */
.sfFRM a{
display:block; margin-bottom:5px; padding:5px;
text-transform:uppercase; text-align:center; font-size:10px; line-height:14px;
background:white; color:grey; /* MODIFIABLE */
}

Largeur du forum : 800px

Instructions :

[50] Catégories LASTAV

[50] Catégories IMGDESC
Revenir en haut Aller en bas
[50] Catégories Empty Jeu 21 Juil - 7:20
[50] Catégories TCAT43

Remplacer l'intégralité du template par :
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>
    <!-- END tablehead -->

    <!-- BEGIN cathead -->
    <!-- END cathead -->
   
    <!-- BEGIN forumrow -->
    <div class="FRM"><div class="boxFRM"><div class="boxFRMII"><div class="descFRM">{catrow.forumrow.FORUM_DESC}</div><img src="{catrow.forumrow.FORUM_FOLDER_IMG}" class="imgFRM" /></div><div class="boxFRMII"><div class="lmsgFRM">{catrow.forumrow.LAST_POST}</div><div class="avaFRM"><!-- BEGIN avatar -->{catrow.forumrow.avatar.LAST_POST_AVATAR}<!-- END avatar --></div><div class="nbFRM">{catrow.forumrow.TOPICS}</div><div class="nbFRM nbIIFRM">{catrow.forumrow.POSTS}</div><div class="tleFRM"><a href="{catrow.forumrow.U_VIEWFORUM}">{catrow.forumrow.FORUM_NAME}</a></div></div></div><div class="boxDESC"><div class="sfFRM">{catrow.forumrow.L_LINKS}{catrow.forumrow.LINKS}</div></div></div>
    <!-- END forumrow -->
   
    <!-- BEGIN catfoot -->
    <!-- END catfoot -->
 
    <!-- BEGIN tablefoot -->
    <!-- END tablefoot --><!-- END catrow -->

Partie CSS :
Code:
/* BLOC TITRE CATEGORIE */
.tleCAT {
margin:5px auto 15px; width:800px; padding:20px 0;
text-align:center; font-family:Arial;
background:black; /* MODIFIABLE */
}
/* TITRE CATEGORIE */
.tleCAT h2 {
margin:0;
font-size:32px; text-transform:uppercase; letter-spacing:3px;
color:white; /* MODIFIABLE */
}
/* BLOC FORUM */
.FRM {
margin:auto; margin-bottom:5px;
width:800px; text-align:center; font-family:Arial;
}
/* BLOCS POSITIONNEMENT */
.boxFRM {
display:inline-block; vertical-align:top;
}
.boxFRMII {
display:inline-block; vertical-align:top;
max-width:330px;
}
/* DESCRIPTION FORUM */
.descFRM {
display:inline-block; vertical-align:top; margin-right:10px;
width:240px; height:165px; padding:5px; overflow:hidden;
background:white; color:black; /* MODIFIABLE */
font-size:11px; text-align:justify; line-height:17px;
}
.descFRM:hover {
overflow-y:auto;
}
/* ICÔNES FORUM */
.imgFRM {
display:block; margin-top:10px;
width:250px; height:15px;
}
/* DERNIER MESSAGE FORUM */
.lmsgFRM {
display:inline-block; margin-right:10px;
width:270px; height:65px; padding-top:15px;
background:white; color:black; /* MODIFIABLE */
font-size:13px; text-align:center; text-transform:uppercase; line-height:18px;
}
/* TAILLE PSEUDONYME DERNIER POSTEUR FORUM */
.lmsgFRM .gensmall {
font-size:13px;
}
/* AVATAR DERNIER POSTEUR FORUM */
.avaFRM {
display:inline-block; vertical-align:top;
width:50px; height:80px; overflow:hidden;
background:lightgrey; /* MODIFIABLE */
}
.avaFRM img {
width:55px; filter:grayscale(1); -webkit-filter:grayscale(1);
}
/* NOMBRE SUJETS FORUM */
.nbFRM {
display:inline-block; vertical-align:top; margin-top:10px;
width:160px; height:40px; padding-top:10px;
text-align:center; font-size:24px; text-transform:uppercase; line-height:30px;
background:black; color:white; /* MODIFIABLE */
}
/* NOMBRE MESSAGES FORUM */
.nbIIFRM {
margin-left:10px;
background:#E9E9E9; color:black; /* MODIFIABLE */
}
/* BLOC TITRE FORUM */
.tleFRM {
margin:10px auto;
width:330px; height:35px; padding-top:15px; overflow:hidden;
text-align:center; text-transform:uppercase; font-size:18px; line-height:20px;
background:#191919; /* MODIFIABLE */
}
/* TITRE FORUM */
.tleFRM a {
color:white !important;  /* MODIFIABLE */
}
/* BLOC IMAGE DESCRIPTIVE / SOUS-FORUMS */
.boxDESC {
display:inline-block; vertical-align:top; margin-left:10px;
width:200px; height:200px;
background:darkgrey; /* MODIFIABLE */
}
/* IMAGE DESCRIPTIVE FORUM */
.descFRM img {
position:absolute; z-index:3; margin-left:595px; margin-top:-5px;
width:200px; height:200px;
}
/* BLOC SOUS-FORUMS */
.sfFRM {
position:absolute; z-index:5;
width:190px; height:195px; padding:5px 5px 0; overflow-y:auto;
background:#191919; /* MODIFIABLE */
text-align:center; color:rgba(0,0,0,0); line-height:0px;
opacity:0; transition:opacity 0.65s ease-in-out; -webkit-transition:opacity 0.65s ease-in-out;
}
.sfFRM:hover {
opacity:1;
}
/* SOUS-FORUMS */
.sfFRM a {
display:block; margin-bottom:5px; padding:5px;
text-transform:uppercase; text-align:center; font-size:10px; line-height:14px;
background:#E9E9E9; color:#191919 !important; /* MODIFIABLE */
}

Largeur du forum : 800px

Instructions :

[50] Catégories LASTAV

[50] Catégories IMGDESC
Revenir en haut Aller en bas
[50] Catégories Empty Jeu 28 Juil - 19:48
[50] Catégories TCAT44

Remplacer l'intégralité du template par :
Code:
<table width="100%" 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>
   <!-- END tablehead -->

        <!-- BEGIN cathead -->
        <!-- END cathead -->
       
        <!-- BEGIN forumrow -->
        <div class="FRM"><div class="boxDESC"></div><div class="tleFRM"><span style="display:inline-block; vertical-align:middle; height:170px;"></span><span style="display:inline-block; vertical-align:middle;"><a href="{catrow.forumrow.U_VIEWFORUM}">{catrow.forumrow.FORUM_NAME}</a><img src="{catrow.forumrow.FORUM_FOLDER_IMG}" class="imgFRM" /><div class="lmsgFRM">{catrow.forumrow.LAST_POST}</div></span></div><div class="boxFRM"><div class="descFRM">{catrow.forumrow.FORUM_DESC}</div><div class="sfFRM"><span style="display:inline-block; vertical-align:middle; height:40px;"></span><span style="display:inline-block; vertical-align:middle;">{catrow.forumrow.L_LINKS}{catrow.forumrow.LINKS}</span></div></div><div class="boxFRM"><div class="nbFRM">{catrow.forumrow.TOPICS}</div><div class="nbFRM nbFRMII">{catrow.forumrow.POSTS}</div></div></div>   
        <!-- END forumrow -->
       
        <!-- BEGIN catfoot -->
        <!-- END catfoot -->
        <!-- BEGIN tablefoot -->
        <!-- END tablefoot --><!-- END catrow -->
   <!-- CODAGE PAR SKAEMP / CCCRUSH D'APRES UN SCHEMA DE KENNY MC / T305-PLUSIEURS-TEMPLATES -->

Partie CSS pour largeur du forum = 800px :
Code:
/* BLOC TITRE CATEGORIE */
.tleCAT {
margin:10px auto 0; width:800px; padding:10px 0; text-align:right;
background:black; /* MODIFIABLE */
}
/* TITRE CATEGORIE */
.tleCAT h2 {
margin:0; padding-right:15px;
font-size:42px; text-transform:uppercase; font-family:Arial;
color:white; /* MODIFIABLE */
}
/* BLOC FORUM */
.FRM {
margin:10px auto;
width:798px; padding:10px 0; border:1px solid;
text-align:center; font-family:Arial;
border-color:#DEDEDE; background:#E3E3E3; /* MODIFIABLE */
}
/* BLOC IMAGE DESCRIPTIVE FORUM */
.boxDESC {
display:inline-block; vertical-align:top;
width:220px; height:170px; border:1px solid;
border-color:lightgrey; background:white; /* MODIFIABLE */
}
/* IMAGE DESCRIPTIVE FORUM */
.descFRM img {
position:absolute; z-index:3; margin-top:5px; margin-left:-427px;
width:200px; height:150px;
}
/* BLOC TITRE & DERNIER MESSAGE FORUM */
.tleFRM {
display:inline-block; vertical-align:top; margin:0 9px;
width:190px; height:170px; overflow:hidden; border:1px solid;
text-align:center; font-size:12px; text-transform:uppercase;
border-color:lightgrey; background:white; /* MODIFIABLE */
}
/* TITRE FORUM */
.tleFRM a {
color:grey !important; /* MODIFIABLE */
}
/* ICÔNES FORUM */
.imgFRM {
display:block; margin:5px auto;
width:125px; height:15px;
}
/* DERNIER MESSAGE FORUM */
.lmsgFRM {
text-align:center; font-size:10px; line-height:15px;
color:black; /* MODIFIABLE */
}
/* COULEUR TITRE SUJET DERNIER MESSAGE FORUM */
.lmsgFRM a {
color:black !important; /* MODIFIABLE */
}
/* BLOC POSITIONNEMENT */
.boxFRM {
display:inline-block; vertical-align:top;
}
/* DESCRIPTION FORUM */
.descFRM {
margin-bottom:5px; margin-right:9px;
width:248px; height:113px; padding:5px; overflow-y:auto; border:1px solid;
font-size:10px; text-align:justify; line-height:16px;
border-color:lightgrey; background:white; color:black;  /* MODIFIABLE */
}
/* BLOC SOUS-FORUMS */
.sfFRM {
margin-top:5px;
width:248px; height:40px; padding:0 5px; overflow-y:auto; border:1px solid;
font-size:10px; text-align:left; text-transform:uppercase;
border-color:lightgrey; background:white; color:grey;  /* MODIFIABLE */
}
/* LIENS SOUS-FORUMS */
.sfFRM a {
color:grey !important; /* MODIFIABLE */
}
/* NOMBRE SUJETS FORUM */
.nbFRM {
width:75px; height:65px; padding-top:15px; overflow:hidden; border:1px solid;
text-align:center; font-size:28px; font-family:Arial; line-height:50px;
border-color:lightgrey; background:white; color:black; /* MODIFIABLE */
}
/* NOMBRE MESSAGES FORUM */
.nbFRMII {
margin-top:8px;
border-color:lightgrey; background:white; color:grey; /* MODIFIABLE */
}

Partie CSS pour largeur du forum = 900px :
Code:
/* BLOC TITRE CATEGORIE */
.tleCAT {
margin:10px auto 0; width:900px; padding:10px 0; text-align:right;
background:black; /* MODIFIABLE */
}
/* TITRE CATEGORIE */
.tleCAT h2 {
margin:0; padding-right:15px;
font-size:42px; text-transform:uppercase; font-family:Arial;
color:white; /* MODIFIABLE */
}
/* BLOC FORUM */
.FRM {
margin:10px auto;
width:898px; padding:10px 0; border:1px solid;
text-align:center; font-family:Arial;
border-color:#DEDEDE; background:#E3E3E3; /* MODIFIABLE */
}
/* BLOC IMAGE DESCRIPTIVE FORUM */
.boxDESC {
display:inline-block; vertical-align:top;
width:220px; height:170px; border:1px solid;
border-color:lightgrey; background:white; /* MODIFIABLE */
}
/* IMAGE DESCRIPTIVE FORUM */
.descFRM img {
position:absolute; z-index:3; margin-top:5px; margin-left:-437px;
width:200px; height:150px;
}
/* BLOC TITRE & DERNIER MESSAGE FORUM */
.tleFRM {
display:inline-block; vertical-align:top; margin:0 9px;
width:200px; height:170px; overflow:hidden; border:1px solid;
text-align:center; font-size:12px; text-transform:uppercase;
border-color:lightgrey; background:white; /* MODIFIABLE */
}
/* TITRE FORUM */
.tleFRM a {
color:grey !important; /* MODIFIABLE */
}
/* ICÔNES FORUM */
.imgFRM {
display:block; margin:5px auto;
width:125px; height:15px;
}
/* DERNIER MESSAGE FORUM */
.lmsgFRM {
text-align:center; font-size:10px; line-height:15px;
color:black; /* MODIFIABLE */
}
/* COULEUR TITRE SUJET DERNIER MESSAGE FORUM */
.lmsgFRM a {
color:black !important; /* MODIFIABLE */
}
/* BLOC POSITIONNEMENT */
.boxFRM {
display:inline-block; vertical-align:top;
}
/* DESCRIPTION FORUM */
.descFRM {
margin-bottom:5px; margin-right:9px;
width:318px; height:113px; padding:5px; overflow-y:auto; border:1px solid;
font-size:10px; text-align:justify; line-height:16px;
border-color:lightgrey; background:white; color:black;  /* MODIFIABLE */
}
/* BLOC SOUS-FORUMS */
.sfFRM {
margin-top:5px;
width:318px; height:40px; padding:0 5px; overflow-y:auto; border:1px solid;
font-size:10px; text-align:left; text-transform:uppercase;
border-color:lightgrey; background:white; color:grey;  /* MODIFIABLE */
}
/* LIENS SOUS-FORUMS */
.sfFRM a {
color:grey !important; /* MODIFIABLE */
}
/* NOMBRE SUJETS FORUM */
.nbFRM {
width:95px; height:65px; padding-top:15px; overflow:hidden; border:1px solid;
text-align:center; font-size:28px; font-family:Arial; line-height:50px;
border-color:lightgrey; background:white; color:black; /* MODIFIABLE */
}
/* NOMBRE MESSAGES FORUM */
.nbFRMII {
margin-top:8px;
border-color:lightgrey; background:white; color:grey; /* MODIFIABLE */
}

Instructions :
[50] Catégories IMGDESC
Revenir en haut Aller en bas
[50] Catégories Empty Lun 5 Sep - 6:10
[50] Catégories TCAT45

Remplacer l'intégralité du template par :
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"><span style="display:block; height:0; clear:both;"></span>
 <!-- END tablehead -->
   
        <!-- BEGIN cathead -->
        <!-- END cathead -->
   
        <!-- BEGIN forumrow -->
      <div class="FRM"><div class="boxFRM"><div class="boxFRM"><div class="lmsgFRM">{catrow.forumrow.LAST_POST}</div><script type="text/javascript">$('.lmsgFRM').each(function(){$(this).html($(this).html().replace(/<br>/g,'<span style="display:inline-block; padding:0 2px;"></span>'));});</script><img class="imgFRM" src="{catrow.forumrow.FORUM_FOLDER_IMG}" /><div class="descFRM">{catrow.forumrow.FORUM_DESC}</div></div><div class="boxIIFRM"><div class="avaFRM"><!-- BEGIN avatar -->{catrow.forumrow.avatar.LAST_POST_AVATAR}<!-- END avatar --></div><div class="nbFRM">{catrow.forumrow.TOPICS} S.</div><div class="nbFRM nbIIFRM">{catrow.forumrow.POSTS} R.</div></div><div class="sfFRM">{catrow.forumrow.L_LINKS}{catrow.forumrow.LINKS}</div></div><div class="tleFRM"><div><a href="{catrow.forumrow.U_VIEWFORUM}">{catrow.forumrow.FORUM_NAME}</a></div></div></div>
        <!-- END forumrow -->
   
        <!-- BEGIN catfoot -->
        <!-- END catfoot -->
        <!-- BEGIN tablefoot -->
 <br clear="all" /></div>
        <!-- END tablefoot --><!-- END catrow -->

Partie CSS :
Code:
/* BLOC TITRE CATEGORIE */
.tleCAT {
margin:5px auto 10px;
width:800px; padding:20px 0; text-align:center;
background:#191919; /* MODIFIABLE */
}
/* TITRE CATEGORIE */
.tleCAT h2 {
margin:0;
font-size:42px; text-transform:uppercase; letter-spacing:3px; font-family:Arial;
color:white; /* MODIFIABLE */
}
/* BLOC CATEGORIE */
.mdlCAT {
margin:auto; width:800px; text-align:center;
}
/* BLOC FORUM */
.FRM {
float:left; margin-bottom:10px;
width:385px; padding:5px;
text-align:left; font-family:Arial;
background:rgba(255,255,255,0.7); /* MODIFIABLE */
}
.FRM:nth-of-type(odd) {
margin-right:10px;
}
/* BLOC POSITIONNEMENT FORUM */
.boxFRM {
display:inline-block; vertical-align:top;
}
/* DERNIER MESSAGE FORUM */
.lmsgFRM {
margin-bottom:5px;
width:300px; height:20px; padding-top:5px; overflow:hidden;
background:rgba(0,0,0,0.4); color:#DEDEDE; /* MODIFIABLE */
font-size:10px; text-align:center; line-height:15px;
}
/* COULEUR TITRE SUJET DERNIER MESSAGE FORUM */
.lmsgFRM a {
text-transform:uppercase; color:white; /* MODIFIABLE */
}
/* ICÔNES FORUM */
.imgFRM {
display:inline-block; vertical-align:top; margin-right:5px;
width:25px; height:115px;
}
/* DESCRIPTION FORUM */
.descFRM {
display:inline-block; vertical-align:top;
width:260px; height:105px; padding:5px; overflow:hidden;
background:rgba(255,255,255,0.7); color:black; /* MODIFIABLE */
text-align:justify; font-size:10px; line-height:15px;
}
.descFRM:hover {
overflow-y:auto;
}
/* BLOC SOUS-FORUMS */
.sfFRM {
margin-top:5px;
width:350px; height:15px; padding:5px; overflow-y:auto;
background:grey; color:white; /* MODIFIABLE */
text-align:left; font-size:10px; text-transform:uppercase; line-height:15px;
}
/* SOUS-FORUMS */
.sfFRM a {
color:white !important; /* MODIFIABLE */
}
/* BLOC AVATAR DERNIER POSTEUR / SUJETS & MESSAGES FORUM */
.boxIIFRM {
display:inline-block; vertical-align:top; margin-left:5px;
width:55px;
}
/* AVATAR DERNIER POSTEUR FORUM */
.avaFRM  {
width:55px; height:85px; overflow:hidden;
background:#CCC; /* MODIFIABLE */
}
.avaFRM img {
width:60px; filter:grayscale(1); -webkit-filter:grayscale(1);
transition:all .65s linear; -webkit-transition:all .65s linear;
}
.FRM:hover .avaFRM img {
filter:grayscale(0); -webkit-filter:grayscale(0);
}
/* NOMBRE SUJETS FORUM */
.nbFRM {
margin:5px 0 0 0;
width:55px; height:20px; padding-top:5px; overflow:hidden;
background:rgba(0,0,0,0.7); color:white; /* MODIFIABLE */
font-size:11px; text-align:center; line-height:16px;
}
/* NOMBRE MESSAGES FORUM */
.nbIIFRM {
background:rgba(0,0,0,0.7); color:white; /* MODIFIABLE */
}
/* BLOC TITRE FORUM */
.tleFRM {
display:inline-block; vertical-align:top;
width:15px; height:175px;
}
.tleFRM div {
margin-top:75px; margin-left:-75px;
width:185px; height:25px; overflow:hidden;
text-align:center; font-size:12px; text-transform:uppercase; letter-spacing:0.5px; line-height:18px;
transform:rotate(90deg); -webkit-transform:rotate(90deg);
}
/* TITRE FORUM */
.tleFRM a {
display:block;
width:185px; height:22px; padding-top:3px; overflow:hidden;
background:#191919; color:white !important; /* MODIFIABLE */
}

Largeur du forum : 800px

Instructions :

[50] Catégories LASTAV
Revenir en haut Aller en bas
[50] Catégories Empty Mer 7 Sep - 6:50
[50] Catégories TCAT46

Remplacer l'intégralité du template par :
Code:
<table width="100%" 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>
        <!-- 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><img src="{catrow.forumrow.FORUM_FOLDER_IMG}" class="imgFRM" /><div class="descFRM">{catrow.forumrow.FORUM_DESC}</div><div class="boxDESC"><div class="sfFRM">{catrow.forumrow.L_LINKS}{catrow.forumrow.LINKS}</div></div><div class="lmsgFRM"><span style="display:inline-block; vertical-align:middle; height:100px;"></span><span style="display:inline-block; vertical-align:middle;">{catrow.forumrow.LAST_POST}<div class="nbFRM">{catrow.forumrow.TOPICS} sujets | {catrow.forumrow.POSTS} messages</div></span></div><div class="avaFRM"><!-- BEGIN avatar -->{catrow.forumrow.avatar.LAST_POST_AVATAR}<!-- END avatar --></div></div>
        <!-- END forumrow -->
     
        <!-- BEGIN catfoot -->
        <!-- END catfoot -->
        <!-- BEGIN tablefoot -->
        <!-- END tablefoot --><!-- END catrow -->

Partie CSS pour largeur du forum = 800px :
Code:
/* BLOC TITRE CATEGORIE */
.tleCAT {
margin:5px auto 0;
width:800px; padding:20px 0; text-align:center;
background:#191919; /* MODIFIABLE */
}
/* TITRE CATEGORIE */
.tleCAT h2 {
margin:0; font-size:32px; text-transform:uppercase; letter-spacing:3px; font-family:Arial;
color:white; /* MODIFIABLE */
}
/* BLOC FORUM */
.FRM {
margin:10px auto; width:790px; padding:5px;
text-align:center; font-family:Arial;
background:#EBEBEB; /* MODIFIABLE */
}
/* BLOC TITRE FORUM */
.tleFRM {
margin:0 auto 5px;
width:780px; padding:5px 10px 5px 0;
text-align:right; text-transform:uppercase; letter-spacing:1px;
background:#191919; /* MODIFIABLE */
}
/* TITRE FORUM */
.tleFRM a {
color:white !important; /* MODIFIABLE */
}
/* ICÔNES FORUM */
.imgFRM {
display:inline-block; vertical-align:top;
width:50px; height:100px;
}
/* DESCRIPTION FORUM */
.descFRM {
display:inline-block; vertical-align:top; margin:0 5px;
width:225px; height:90px; padding:5px; overflow:hidden;
text-align:justify; font-size:10px; line-height:13.5px;
background:white; color:black; /* MODIFIABLE */
}
.descFRM:hover {
overflow-y:auto;
}
/* IMAGE DESCRIPTIVE FORUM */
.descFRM img {
position:absolute; margin-top:-5px; margin-left:235px;
width:200px; height:100px;
}
/* BLOC IMAGE DESCRIPTIVE FORUM */
.boxDESC {
display:inline-block; vertical-align:top;
width:200px; height:100px;
background:#CCC; /* MODIFIABLE */
}
/* BLOC SOUS-FORUMS */
.sfFRM {
position:relative; z-index:2;
width:200px; height:95px; padding:5px 0 0; overflow-y:auto;
background:rgba(0,0,0,0.7); /* MODIFIABLE */
color:rgba(0,0,0,0); line-height:6px;
opacity:0; transition:opacity 0.55s ease-in-out; -webkit-transition:opacity 0.55s ease-in-out;
}
.sfFRM:hover {
opacity:1;
}
/* SOUS-FORUMS */
.sfFRM a {
display:block; margin:auto;
width:95%; padding:1px 0;
text-transform:uppercase; line-height:16px;
background:white; color:grey !important; /* MODIFIABLE */
}
/* DERNIER MESSAGE FORUM */
.lmsgFRM {
display:inline-block; vertical-align:top; margin:0 5px;
width:185px; height:100px; overflow:hidden;
text-align:center; font-size:10px; text-transform:uppercase; line-height:14px;
background:white; color:black; /* MODIFIABLE */
}
/* COULEUR TITRE SUJET DERNIER MESSAGE FORUM */
.lmsgFRM a {
color:black; /* MODIFIABLE */
}
/* NOMBRE SUJETS & MESSAGES FORUM */
.nbFRM {
padding-top:5px;
color:black; /* MODIFIABLE */
}
/* AVATAR DERNIER POSTEUR FORUM */
.avaFRM {
display:inline-block; vertical-align:top;
width:100px; height:100px; overflow:hidden;
background:#CCC; /* MODIFIABLE */
}
.avaFRM img {
width:100px; filter:grayscale(1); -webkit-filter:grayscale(1);
transition:all 0.55s ease-in-out; -webkit-transition:all 0.55s ease-in-out;
}
.FRM:hover .avaFRM img {
filter:grayscale(0); -webkit-filter:grayscale(0);
}

Partie CSS pour largeur du forum = 900px :
Code:
/* BLOC TITRE CATEGORIE */
.tleCAT {
margin:5px auto 0;
width:900px; padding:20px 0; text-align:center;
background:#191919; /* MODIFIABLE */
}
/* TITRE CATEGORIE */
.tleCAT h2 {
margin:0; font-size:32px; text-transform:uppercase; letter-spacing:3px; font-family:Arial;
color:white; /* MODIFIABLE */
}
/* BLOC FORUM */
.FRM {
margin:10px auto; width:890px; padding:5px;
text-align:center; font-family:Arial;
background:#EBEBEB; /* MODIFIABLE */
}
/* BLOC TITRE FORUM */
.tleFRM {
margin:0 auto 5px;
width:880px; padding:5px 10px 5px 0;
text-align:right; text-transform:uppercase; letter-spacing:1px;
background:#191919; /* MODIFIABLE */
}
/* TITRE FORUM */
.tleFRM a {
color:white !important; /* MODIFIABLE */
}
/* ICÔNES FORUM */
.imgFRM {
display:inline-block; vertical-align:top;
width:50px; height:100px;
}
/* DESCRIPTION FORUM */
.descFRM {
display:inline-block; vertical-align:top; margin:0 5px;
width:305px; height:90px; padding:5px; overflow:hidden;
text-align:justify; font-size:10px; line-height:13.5px;
background:white; color:black; /* MODIFIABLE */
}
.descFRM:hover {
overflow-y:auto;
}
/* IMAGE DESCRIPTIVE FORUM */
.descFRM img {
position:absolute; margin-top:-5px; margin-left:315px;
width:200px; height:100px;
}
/* BLOC IMAGE DESCRIPTIVE FORUM */
.boxDESC {
display:inline-block; vertical-align:top;
width:200px; height:100px;
background:#CCC; /* MODIFIABLE */
}
/* BLOC SOUS-FORUMS */
.sfFRM {
position:relative; z-index:2;
width:200px; height:95px; padding:5px 0 0; overflow-y:auto;
background:rgba(0,0,0,0.7); /* MODIFIABLE */
color:rgba(0,0,0,0); line-height:6px;
opacity:0; transition:opacity 0.55s ease-in-out; -webkit-transition:opacity 0.55s ease-in-out;
}
.sfFRM:hover {
opacity:1;
}
/* SOUS-FORUMS */
.sfFRM a {
display:block; margin:auto;
width:95%; padding:1px 0;
text-transform:uppercase; line-height:16px;
background:white; color:grey !important; /* MODIFIABLE */
}
/* DERNIER MESSAGE FORUM */
.lmsgFRM {
display:inline-block; vertical-align:top; margin:0 5px;
width:205px; height:100px; overflow:hidden;
text-align:center; font-size:10px; text-transform:uppercase; line-height:14px;
background:white; color:black; /* MODIFIABLE */
}
/* COULEUR TITRE SUJET DERNIER MESSAGE FORUM */
.lmsgFRM a {
color:black; /* MODIFIABLE */
}
/* NOMBRE SUJETS & MESSAGES FORUM */
.nbFRM {
padding-top:5px;
color:black; /* MODIFIABLE */
}
/* AVATAR DERNIER POSTEUR FORUM */
.avaFRM {
display:inline-block; vertical-align:top;
width:100px; height:100px; overflow:hidden;
background:#CCC; /* MODIFIABLE */
}
.avaFRM img {
width:100px; filter:grayscale(1); -webkit-filter:grayscale(1);
transition:all 0.55s ease-in-out; -webkit-transition:all 0.55s ease-in-out;
}
.FRM:hover .avaFRM img {
filter:grayscale(0); -webkit-filter:grayscale(0);
}

Instructions :
[50] Catégories IMGDESC

[50] Catégories LASTAV
Revenir en haut Aller en bas
[50] Catégories Empty Jeu 8 Sep - 7:05
[50] Catégories TCAT47

Remplacer l'intégralité du code par :
Code:
<table width="800px" 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="tleCAT">{catrow.tablehead.L_FORUM}</div>
 <div class="mdlCAT"><span style="display:block; height:1px; clear:both;"></span>
 <!-- END tablehead -->
    
        <!-- BEGIN cathead -->
        <!-- END cathead -->
    
        <!-- BEGIN forumrow -->
      <div class="FRM"><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><script type="text/javascript">$('.lmsgFRM').each(function(){$(this).html($(this).html().replace(/<br>/g,'<span style="display:inline-block; padding:0 2px;"> </span>'));});</script></div><div class="boxIIFRM"><div class="sfFRM">{catrow.forumrow.L_LINKS}{catrow.forumrow.LINKS}</div><img class="imgFRM" src="{catrow.forumrow.FORUM_FOLDER_IMG}" /><div class="nbFRM"><div>{catrow.forumrow.TOPICS}</div><div>{catrow.forumrow.POSTS}</div></div><div class="descFRM">{catrow.forumrow.FORUM_DESC}</div></div></div>
        <!-- END forumrow -->
    
        <!-- BEGIN catfoot -->
        <!-- BEGIN inc -->
        <!-- END inc -->
        <!-- END catfoot -->
        <!-- BEGIN tablefoot -->
 <br clear="all" /></div>
        <!-- END tablefoot --><!-- END catrow -->

Partie CSS :
Code:
/* BLOC TITRE CATEGORIE */
.tleCAT{
margin:5px auto;
width:800px; padding:20px 0; text-align:center;
background:#191919; /* MODIFIABLE */
}
/* TITRE CATEGORIE */
.tleCAT h2{
margin:0;
font-size:42px; text-transform:uppercase; letter-spacing:3px;
font-family:Arial; color:white; /* MODIFIABLE */
}
/* BLOC CATEGORIE */
.mdlCAT {
margin:auto; width:800px; text-align:center;
}
/* BLOC FORUM */
.FRM {
float:left; margin:5px 0;
width:395px; height:150px; overflow:hidden; text-align:left;
}
.FRM:nth-of-type(odd) {
margin-right:10px;
}
/* BLOC TITRE & DERNIER MESSAGE FORUM */
.boxFRM {
width:395px; height:90px; padding-top:35px;
background:#191919; /* MODIFIABLE */
text-align:center; text-transform:uppercase;
}
/* TITRE FORUM */
.tleFRM a{
font-family:Arial; color:white !important; /* MODIFIABLE */
text-transform:uppercase; font-size:16px;
}
/* DERNIER MESSAGE FORUM */
.lmsgFRM {
margin-top:5px; font-size:10px;
color:white; /* MODIFIABLE */
}
/* COULEUR TITRE DERNIER SUJET FORUM */
.lmsgFRM a{
color:white !important; /* MODIFIABLE */
}
/* BLOC SOUS-FORUMS / ICÔNES DU FORUM / NOMBRE SUJETS & MESSAGES / DESCRIPTION FORUM */
.boxIIFRM {
position:relative; z-index:2;
width:395px; height:150px;
transition:all .65s linear; -webkit-transition:all .65s linear;
}
.boxIIFRM:hover {
margin-top:-125px;
}
/* TRIANGLE FORUM */
.sfFRM::before {
content:''; position:absolute; margin-top:-20px; margin-left:170px; width:0; height:0;
border-style:solid; border-width:0 12.5px 21.7px 12.5px; border-color:transparent;
border-bottom-color:#C1C1C1; /* MODIFIABLE */
transition:all .65s linear; -webkit-transition:all .65s linear;
}
.boxIIFRM:hover .sfFRM::before {
margin-top:0; margin-left:185px; border-width:0 0 0 0;
}
/* BLOC SOUS-FORUMS */
.sfFRM{
width:385px; height:30px; padding:0 5px; overflow:hidden;
background:#C1C1C1;  /* MODIFIABLE */
text-align:left; text-transform:uppercase; color:rgba(0,0,0,0);
}
.boxIIFRM:hover .sfFRM {
overflow-y:auto;
}
/* LIEN SOUS-FORUM */
.sfFRM a{
display:inline-block; vertical-align:top; margin-top:30px; margin-right:-5px; padding:5px;
background:white; color:black !important; /* MODIFIABLE */
text-align:center; font-size:8px; transition:all .65s linear; -webkit-transition:all .65s linear;
}
.boxIIFRM:hover .sfFRM a {
margin:5px -5px 5px 0;
}
/* ICÔNES FORUM */
.imgFRM{
width:395px; height:10px;
}
/* BLOC NOMBRE SUJETS & MESSAGES FORUM */
.nbFRM {
display:inline-block; vertical-align:top;
width:100px; height:90px;  
font-size:20px; text-align:center;
}
.nbFRM div {
height:40px; padding-top:15px;
}
/* NOMBRE SUJETS FORUM */
.nbFRM div:nth-of-type(1) {
background:#FEFEFE; color:black; /* MODIFIABLE */
}
/* NOMBRE MESSAGES FORUM */
.nbFRM div:nth-of-type(2) {
background:#CCC; color:black; /* MODIFIABLE */
}
/* DESCRIPTION FORUM */
.descFRM {
display:inline-block; vertical-align:top;
width:285px; height:100px; padding:5px; overflow:auto;
background:#dedede; color:black; /* MODIFIABLE */
font-size:11px; text-align:justify;
}

Largeur du forum : 800px
Revenir en haut Aller en bas
[50] Catégories Empty Sam 1 Oct - 17:50
[50] Catégories TCAT48

Remplacer l'intégralité du code par :
Code:
<table width="900px" 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="tleCAT">{catrow.tablehead.L_FORUM}</div>
 <div class="mdlCAT"><span style="display:block; height:1px; clear:both;"></span>
 <!-- END tablehead -->
   
        <!-- BEGIN cathead -->
        <!-- END cathead -->
   
        <!-- BEGIN forumrow -->
      <div class="FRM"><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></div><div class="boxIIFRM"><img class="imgFRM" src="{catrow.forumrow.FORUM_FOLDER_IMG}" /><div class="avaFRM"><!-- BEGIN avatar -->{catrow.forumrow.avatar.LAST_POST_AVATAR}<!-- END avatar --></div><div class="nbFRM"><div class="sbjFRM">{catrow.forumrow.TOPICS}</div><div class="repFRM">{catrow.forumrow.POSTS}</div><div class="sfFRM"><span>+</span><div>{catrow.forumrow.L_LINKS}{catrow.forumrow.LINKS}</div></div></div><div class="descFRM">{catrow.forumrow.FORUM_DESC}</div></div></div>
        <!-- END forumrow -->
   
        <!-- BEGIN catfoot -->
        <!-- BEGIN inc -->
        <!-- END inc -->
        <!-- END catfoot -->
        <!-- BEGIN tablefoot -->
 <br clear="all" /></div>
        <!-- END tablefoot --><!-- END catrow -->

Partie CSS :
Code:
/* BLOC TITRE CATEGORIE */
.tleCAT{
margin:5px auto;
width:900px; padding:20px 0; text-align:center;
background:#191919; /* MODIFIABLE */
}
/* TITRE CATEGORIE */
.tleCAT h2{
margin:0;
font-size:42px; text-transform:uppercase; letter-spacing:3px;
font-family:Arial; color:white; /* MODIFIABLE */
}
/* BLOC CATEGORIE */
.mdlCAT {
margin:auto; width:900px; text-align:center;
}
/* BLOC FORUM */
.FRM {
float:left; margin:5px 0;
width:295px; height:150px; overflow:hidden; text-align:left;
}
.FRM:nth-of-type(2) {
margin:5px 7px 5px 8px;
}
.FRM:nth-of-type(5) {
margin:5px 7px 5px 8px;
}
.FRM:nth-of-type(8) {
margin:5px 7px 5px 8px;
}
/* BLOC TITRE & DERNIER MESSAGE FORUM */
.boxFRM {
width:295px; height:95px; padding-top:30px;
background:#191919; /* MODIFIABLE */
text-align:center; text-transform:uppercase;
}
/* TITRE & BORDURE FORUM  */
.tleFRM a{
padding-bottom:5px; border-bottom:1px solid;
border-bottom-color:rgba(250,250,250,0.5); font-family:Arial; color:white !important; /* MODIFIABLE */
text-transform:uppercase; font-size:16px;
}
/* DERNIER MESSAGE FORUM */
.lmsgFRM {
margin-top:10px; font-size:10px;
color:white; /* MODIFIABLE */
}
/* COULEUR TITRE DERNIER SUJET FORUM */
.lmsgFRM a{
color:white !important; /* MODIFIABLE */
}
/* BLOC ICÔNES DU FORUM / AVTAR / NOMBRE SUJETS & MESSAGES / SOUS-FORUMS / DESCRIPTION FORUM */
.boxIIFRM {
position:relative; z-index:2;
width:295px; height:150px; overflow:hidden;
background:black; /* MODIFIABLE */
transition:all .65s linear; -webkit-transition:all .65s linear;
}
.boxIIFRM:hover {
margin-top:-125px;
}
/* ICÔNES FORUM */
.imgFRM{
width:295px; height:25px;
}
/* AVATAR DERNIER POSTEUR FORUM */
.avaFRM {
margin:auto; margin-top:-15px;
width:50px; height:50px; border-radius:50px; overflow:hidden;
transition:all .65s linear; -webkit-transition:all .65s linear;
}
.avaFRM img{
width:50px;
}
.boxIIFRM:hover .avaFRM {
margin-top:-55px; margin-bottom:15px; transform:rotate(180deg); -webkit-transform:rotate(180deg);
}
/* BLOC NOMBRE SUJETS & MESSAGES / SOUS-FORUMS */
.nbFRM {
display:inline-block; vertical-align:top;
width:100px; font-size:20px; text-align:center;
}
/* NOMBRE SUJETS FORUM */
.sbjFRM {
margin:auto; width:80px; height:30px; padding-top:5px;
background:#FEFEFE; color:black; /* MODIFIABLE */
}
/* NOMBRE MESSAGES FORUM */
.repFRM {
margin:5px auto; width:80px; height:30px; padding-top:5px;
background:#CCC; color:black; /* MODIFIABLE */
}
/* + SOUS-FORUMS */
.sfFRM span{
margin:auto; display:block;
width:80px; height:15px; padding:5px 0; font-size:10px;
background:#191919; color:white; /* MODIFIABLE */
}
/* BLOC SOUS-FORUMS */
.sfFRM div{
position:absolute; margin-left:100px; margin-top:-105px;
width:0; height:105px; overflow:hidden;
text-transform:uppercase; color:rgba(0,0,0,0); line-height:2px;
background:#C1C1C1;  /* MODIFIABLE */
transition:all .65s linear; -webkit-transition:all .65s linear;
}
.sfFRM:hover div {
width:175px; padding:0 5px; overflow-y:auto;
}
/* LIEN SOUS-FORUM */
.sfFRM a{
display:block; margin:auto; margin-top:5px; padding:5px;
background:white; color:black !important; /* MODIFIABLE */
text-align:center; font-size:10px; line-height:12px;
}
/* DESCRIPTION FORUM */
.descFRM {
display:inline-block; vertical-align:top;
width:175px; height:95px; padding:5px; overflow:auto;
background:#dedede; color:black; /* MODIFIABLE */
font-size:11px; text-align:justify;
}

Largeur du forum : 900px

Instructions :

[50] Catégories LASTAV
Revenir en haut Aller en bas
[50] Catégories Empty Ven 14 Oct - 23:20
[50] Catégories TCAT49

Remplacer l'intégralité du code par :
Code:
<table width="800px" 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="tleCAT">{catrow.tablehead.L_FORUM}</div>
 <!-- END tablehead -->
   
        <!-- BEGIN cathead -->
        <!-- END cathead -->
   
        <!-- BEGIN forumrow -->
      <div class="FRM"><div class="avaFRM"><!-- BEGIN avatar -->{catrow.forumrow.avatar.LAST_POST_AVATAR}<!-- END avatar --></div><div class="triAVA"></div><div class="boxFRM"><div class="tleFRM"><a href="{catrow.forumrow.U_VIEWFORUM}">{catrow.forumrow.FORUM_NAME}</a></div><div class="boxIIFRM"><div class="nbFRM"><div>{catrow.forumrow.TOPICS}</div><div>{catrow.forumrow.POSTS}</div></div><div class="descFRM">{catrow.forumrow.FORUM_DESC}</div><div class="sfFRM">{catrow.forumrow.L_LINKS}{catrow.forumrow.LINKS}</div></div></div><div class="triFRM"></div><div class="lmsgFRM"><div>{catrow.forumrow.LAST_POST}</div></div><img class="imgFRM" src="{catrow.forumrow.FORUM_FOLDER_IMG}" /></div>
        <!-- END forumrow -->
   
        <!-- BEGIN catfoot -->
        <!-- BEGIN inc -->
        <!-- END inc -->
        <!-- END catfoot -->
        <!-- BEGIN tablefoot -->
        <!-- END tablefoot --><!-- END catrow -->

Partie CSS :
Code:
/* BLOC TITRE CATEGORIE */
.tleCAT{
margin:5px auto;
width:800px; padding:20px 0; text-align:center;
background:#191919; /* MODIFIABLE */
}
/* TITRE CATEGORIE */
.tleCAT h2{
margin:0;
font-size:42px; text-transform:uppercase; letter-spacing:3px;
font-family:Arial; color:white; /* MODIFIABLE */
}
/* BLOC FORUM */
.FRM {
margin:5px auto;
width:800px; height:160px; overflow:hidden; text-align:left;
background:#191919; /* MODIFIABLE */
}
/* BLOC AVATAR DERNIER POSTEUR FORUM */
.avaFRM {
display:inline-block; vertical-align:top;
width:200px; height:150px; overflow:hidden;
background:#ccc; /* MODIFIABLE */
}
.avaFRM img {
width:200px;
}
/* TRIANGLE AVATAR DERNIER POSTEUR FORUM */
.triAVA {
position:absolute; z-index:3; margin-top:-150px; margin-left:100px;
width:0; height:0; border-style:solid; border-width:0 0 150px 100px; border-color:transparent;
border-bottom-color:#191919; /* MODIFIABLE */
}
/* BLOC TITRE / NOMBRE SUJETS & MESSAGES / DESCRIPTION / SOUS-FORUMS */
.boxFRM {
display:inline-block; vertical-align:top;
width:490px; height:115px; padding-top:30px;
text-align:center; text-transform:uppercase;
transition:all 0.55s linear; -webkit-transition:all 0.55s linear;
}
.boxFRM:hover {
height:125px; padding-top:20px;
}
/* TITRE ET SA BORDURE FORUM  */
.tleFRM a{
padding-bottom:5px; border-bottom:1px solid;
border-bottom-color:rgba(250,250,250,0.5); color:white !important; /* MODIFIABLE */
text-transform:uppercase; font-size:24px; font-family:Arial;
}
.boxIIFRM {
margin-top:15px; height:75px; overflow:hidden;
}
/* BLOC NOMBRE SUJETS & MESSAGES */
.nbFRM {
display:inline-block; vertical-align:top;
width:300px; font-size:24px; text-align:center;
transition:all 0.55s linear; -webkit-transition:all 0.55s linear;
}
.nbFRM div {
display:inline-block; vertical-align:top; 
width:100px; height:40px; padding-top:10px;
}
.boxFRM:hover .nbFRM{
margin-top:-50px;
}
/* NOMBRE SUJETS FORUM */
.nbFRM div:nth-of-type(1){
background:#FEFEFE; color:black; /* MODIFIABLE */
}
/* NOMBRE MESSAGES FORUM */
.nbFRM div:nth-of-type(2){
margin-left:10px;
background:#CCC; color:black; /* MODIFIABLE */
}
/* DESCRIPTION FORUM */
.descFRM {
margin:auto; margin-top:25px;
width:450px; height:50px; padding-right:5px; overflow:auto;
color:white; /* MODIFIABLE */
font-size:10px; text-align:justify; text-transform:none;
transition:all 0.55s linear; -webkit-transition:all 0.55s linear;
}
.boxFRM:hover .descFRM {
margin-top:0;
}
/* SOUS-FORUMS */
.sfFRM {
width:490px; height:25px; overflow-y:auto; color:rgba(0,0,0,0);
}
/* LIEN SOUS-FORUM */
.sfFRM a{
display:inline-block; vertical-align:top; margin-top:8px; padding:2px 5px;
background:white; color:black !important; /* MODIFIABLE */
text-align:center; font-size:10px;
}
/* TRIANGLE DERNIER MESSAGE FORUM */
.triFRM {
position:absolute; margin-top:-85px; margin-left:713px; width:0; height:0;
border-style:solid; border-width:10px 17.3px 10px 0; border-color:transparent;
border-right-color:white; /* MODIFIABLE */
}
/* BLOC DERNIER MESSAGE FORUM */
.lmsgFRM {
display:inline-block; vertical-align:top;
width:70px; height:150px;
}
/* DERNIER MESSAGE FORUM */
.lmsgFRM div{
margin-top:40px;
width:150px; height:50px; padding:10px 0; overflow:hidden;
font-size:10px; text-align:center; text-transform:uppercase;
background:white; color:black; /* MODIFIABLE */
transform:rotate(90deg); -webkit-transform:rotate(90deg);
}
/* COULEUR TITRE DERNIER SUJET FORUM */
.lmsgFRM a{
color:black !important; /* MODIFIABLE */
}
/* ICÔNES FORUM */
.imgFRM{
width:800px; height:10px;
}

Largeur du forum : 800px

Instructions :

[50] Catégories LASTAV
Revenir en haut Aller en bas
[50] Catégories Empty Ven 30 Déc - 21:45
[50] Catégories TCAT50

Remplacer l'intégralité du code par :
Code:
<table width="800px" 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="tleCAT">{catrow.tablehead.L_FORUM}</div>
        <div class="mdlCAT"><span style="display:block; height:1px; clear:both;"></span>
        <!-- END tablehead -->

        <!-- BEGIN cathead -->
        <!-- END cathead -->
       
        <!-- BEGIN forumrow -->
        <div id="FRM"><div class="FRM"><div class="boxFRM"><div class="tleFRM"><a href="{catrow.forumrow.U_VIEWFORUM}">{catrow.forumrow.FORUM_NAME}</a></div><div class="stsFRM"><div class="nbFRM"><div>{catrow.forumrow.TOPICS}</div><div>{catrow.forumrow.POSTS}</div></div><div class="lmsgFRM">{catrow.forumrow.LAST_POST}</div></div></div><img class="imgFRM" src="{catrow.forumrow.FORUM_FOLDER_IMG}" /><div class="boxDESC"></div><div class="descFRM">{catrow.forumrow.FORUM_DESC}</div></div><div class="sfFRM"><span></span><p class="triSF"></p><div>{catrow.forumrow.L_LINKS}{catrow.forumrow.LINKS}</div><p class="triIISF"></p></div></div>
        <!-- END forumrow -->
        <!-- BEGIN catfoot -->

        <!-- BEGIN inc -->
        <!-- END inc -->
   
        <!-- END catfoot -->
        <!-- BEGIN tablefoot -->
          <br clear="all" /></div>
        <!-- END tablefoot --><!-- END catrow -->

Partie CSS :
Code:
/* BLOC TITRE CATEGORIE */
.tleCAT{
margin:10px auto 5px;
width:780px; padding:15px 10px; text-align:right;
background:rgba(0,0,0,0.3); /* MODIFIABLE */
}
/* TTTRE CATEGORIE */
.tleCAT h2{
margin:0;
font-size:32px; text-transform:uppercase; letter-spacing:2px; font-style:italic;
font-family:Arial; color:white; text-shadow:1px 1px 0px rgba(0,0,0,0.2); /* MODIFIABLE */
}
/* BLOC CATEGORIE */
.mdlCAT {
margin:auto; width:800px;
}
/* BORDURE BLOC FORUM */
#FRM {
float:left; margin:5px 0; width:385px; padding:5px; overflow:hidden;
background:rgba(0,0,0,0.5); /* MODIFIABLE */
transition:all 0.65s ease; -webkit-transition:all 0.65s ease;
}
#FRM:nth-of-type(odd) {
margin-right:10px;
}
/* FOND BLOC FORUM */
.FRM {
background:#DEDEDE; /* MODIFIABLE */
}
/* ICÔNES FORUM */
.imgFRM{
position:absolute; z-index:3; margin-left:285px;
transition:all 0.65s ease; -webkit-transition:all 0.65s ease;
}
#FRM:hover .imgFRM {
opacity:0;
}
/* BLOC TITRE / NOMBRE SUJETS & MESSAGES / DERNIER MESSAGE FORUM */
.boxFRM {
position:absolute; z-index:5; margin-top:25px;
width:375px; text-align:right;
}
/* BLOC TITRE FORUM */
.tleFRM {
position:absolute; right:0; width:auto; padding:5px;
font-size:16px; font-weight:bold; text-transform:uppercase;
background:red; /* MODIFIABLE */
}
/* TITRE FORUM */
.tleFRM a{
font-family:Arial; color:white !important; text-shadow:1px 1px 0px rgba(0,0,0,0.2); /* MODIFIABLE */
}
/* NOMBRE SUJETS & MESSAGES / DERNIER MESSAGE FORUM */
.stsFRM {
margin-top:37px; height:50px; overflow:hidden;
}
/* BLOC NOMBRE SUJETS & MESSAGES */
.nbFRM {
margin-bottom:5px;
transition:all 0.65s ease; -webkit-transition:all 0.65s ease;
}
.FRM:hover .nbFRM {
margin-top:-55px;
}
.nbFRM div {
display:inline-block; vertical-align:top;
width:80px; height:40px; padding-top:10px;
font-size:20px; text-align:center;
}
/* NOMBRE SUJETS FORUM */
.nbFRM div:nth-of-type(1){
background:#FEFEFE; color:black; /* MODIFIABLE */
}
/* NOMBRE MESSAGES FORUM */
.nbFRM div:nth-of-type(2){
margin-left:10px;
background:#CCC; color:black; /* MODIFIABLE */
}
/* DERNIER MESSAGE FORUM */
.lmsgFRM {
margin-left:205px; width:160px; padding:5px; font-size:10px; text-transform:uppercase;
background:#FDFDFD; color:black; /* MODIFIABLE */
}
/* COULEUR TITRE DERNIER SUJET FORUM */
.lmsgFRM a{
color:black !important; /* MODIFIABLE */
}
/* BLOC IMAGE DESCRIPTIVE */
.boxDESC {
margin-bottom:15px; width:385px; height:100px;
background:rgba(255,255,255,0.5); /* MODIFIABLE */
}
/* IMAGE DESCRIPTIVE FORUM */
.descFRM img {
position:absolute; z-index:2; margin-top:-115px; margin-left:-5px;
width:385px; height:100px;
opacity:0.5; filter:grayscale(1); -webkit-filter:grayscale(1);
transition:all 0.65s ease; -webkit-transition:all 0.65s ease;
}
#FRM:hover .descFRM img{
opacity:1; filter:grayscale(0); -webkit-filter:grayscale(0);
}
/* DESCRIPTION FORUM */
.descFRM {
width:375px; height:90px; padding:0 5px 5px; overflow:hidden;
font-size:10px; text-align:justify; line-height:15px;
color:black; /* MODIFIABLE */
}
.descFRM:hover {
overflow:auto;
}
/* SOUS-FORUMS */
.sfFRM span{
display:inline-block; vertical-align:top; width:250px; height:15px; padding:5px 0; overflow:hidden;
font-size:10px; text-transform:uppercase; text-align:center;
background:#DEDEDE; /* MODIFIABLE */
}
/* TRIANGLE SOUS-FORUMS */
.triSF {
display:inline-block; vertical-align:top; margin:0;
width:0; height:0; border-style:solid; border-width:25px 40px 0 0; border-color:transparent;
border-top-color:#DEDEDE; /* MODIFIABLE */
}
/* CONTENU SOUS-FORUMS */
.sfFRM div{
position:absolute; z-index:5; margin-top:-25px;
width:0px; height:13px; padding:7px 0 5px; overflow:hidden;
text-align:left; font-size:9px; text-transform:uppercase;
background:#DEDEDE; color:black; /* MODIFIABLE */
transition:all 0.35s linear; -webkit-transition:all 0.35s linear;
}
#FRM:hover .sfFRM div{
width:345px; padding:7px 5px 5px; overflow-y:auto;
opacity:1;
}
/* TRIANGLE CONTENU SOUS-FORUMS */
.triIISF {
position:absolute; margin-top:-25px; margin-left:5px;
width:0; height:0; border-style:solid; border-width:25px 30px 0 0; border-color:transparent;
border-top-color:#DEDEDE; /* MODIFIABLE */
opacity:0; transition:all 0.35s linear; -webkit-transition:all 0.35s linear;
}
#FRM:hover .sfFRM .triIISF {
margin-left:355px;
opacity:1;
}
/* LIENS SOUS-FORUMS */
.sfFRM a{
font-family:Arial; font-size:9px; color:black !important; /* MODIFIABLE */
}

Largeur du forum : 800px

Instructions :

[50] Catégories IMGDESC

Forme des icônes du forum :
Appliquer une image à l'intérieur à l'aide d'un masque d'écrêtage ou se contenter d'en modifier la couleur

[50] Catégories IDFCAT50
Revenir en haut Aller en bas
Revenir en haut Aller en bas
Vous ne pouvez pas répondre aux sujets dans ce forum