[50] Catégories

Sam 24 Jan - 6:37

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="blocFRM"><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 id="lsfFRM"><div class="lmsgFRM">{catrow.forumrow.LAST_POST}</div><div class="sfFRM">+<div>{catrow.forumrow.L_LINKS}{catrow.forumrow.LINKS}</div></div><script type="text/javascript">$('.sfFRM').each(function(){$(this).html($(this).html().replace(/>, /g,"><br /> "));});</script></div></div>
    <!-- END forumrow -->
    <!-- BEGIN catfoot -->

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

Partie CSS :
Code:
/* BLOC TITRE CATEGORIE */
.tleCAT{
margin:10px auto;
width:800px; padding:10px 0; border-radius:10px; text-align:center;
background:peru; /* 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 */
.blocFRM {
margin-bottom:10px; text-align:center;
font-family:Arial; /* MODIFIABLE */
}
/* BLOC TITRE / NOMBRE SUJETS & MESSAGES / DESCRIPTION FORUM */
.boxFRM {
display:inline-block; vertical-align:top;
width:595px; height:105px; 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-weight:bold; font-size:14px; text-transform:uppercase;
background:#D4975C; /* MODIFIABLE */
}
/* TITRE FORUM */
.tleFRM a {
color:white !important; /* MODIFIABLE */
}
/* NOMBRE SUJETS & MESSAGES FORUM */
.nbFRM {
display:inline-block; vertical-align:top;
width:165px; height:17px; padding-top:5px; border-top:3px solid;
text-align:center; font-size:10px; text-transform:uppercase;
background:rgba(250,250,250,0.3); color:#191919; /* MODIFIABLE */
border-top-color:#D4975C; /* MODIFIABLE */
}
/* DESCRIPTION FORUM */
.descFRM {
height:70px; padding:5px; overflow:auto;
text-align:justify; font-size:11px;
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:105px; border-radius:10px;
}
/* BLOC DERNIER MESSAGE / SOUS-FORUMS */
#lsfFRM {
display:inline-block; vertical-align:top;
}
/* DERNIER MESSAGE FORUM */
.lmsgFRM {
width:125px; height:65px; padding:20px 5px 0; border-radius:10px 10px 0 0; overflow:hidden;
font-size:11px; text-align:center; line-height:16px;
background:rgba(250,250,250,0.8); color:black; /* MODIFIABLE */
}
/* BANDE SOUS-FORUMS */
.sfFRM {
width:135px; height:20px; border-radius:0 0 10px 10px; text-align:center;
background:#D4975C; color:black; /* MODIFIABLE */
}
/* CONTENU SOUS-FORUMS */
.sfFRM div {
position:absolute; z-index:2; margin-top:-105px;
width:135px; height:0; overflow:hidden; border-radius:10px 10px 0 0;
text-align:center; font-size:11px;
background:#DEDEDE; /* MODIFIABLE */
transition:all 0.45s linear; -webkit-transition:all 0.45s linear;
}
.sfFRM:hover div {
width:125px; height:75px; padding:5px; overflow-y:auto;
}
/* LIENS SOUS-FORUMS */
.sfFRM div a{
text-transform:uppercase; color:black !important; /* MODIFIABLE */
}

Largeur du forum : 800px
Revenir en haut Aller en bas
Sam 24 Jan - 7:11

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="blocFRM"><div class="boxFRM"><div class="tleFRM"><a class="forumlink" 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="lnbFRM"><div class="lmsgFRM"><div class="sfFRM">+<div>{catrow.forumrow.L_LINKS}{catrow.forumrow.LINKS}</div></div>{catrow.forumrow.LAST_POST}</div><div class="nbFRM">{catrow.forumrow.TOPICS} sujets ◄► {catrow.forumrow.POSTS} réponses</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; padding:10px 0; text-align:center;
background:#300909; /* MODIFIABLE */
}
/* TITRE CATEGORIE */
.tleCAT h2{
margin:0 auto;
font-family:Arial; font-size:42px; text-transform:uppercase; letter-spacing:3px;
color:white; /* MODIFIABLE */
}
/* BLOC FORUM */
.blocFRM {
margin-bottom:10px; text-align:center; font-family:Arial;
}
/* OMBRES SURVOL BLOC FORUM */
.blocFRM:hover .boxFRM {
box-shadow:0px 0px 3px rgba(0,0,0,0.3);  /* MODIFIABLE */
}
.blocFRM:hover .imgFRM {
box-shadow:0px 0px 3px rgba(0,0,0,0.3);  /* MODIFIABLE */
}
.blocFRM:hover .lnbFRM {
box-shadow:0px 0px 3px rgba(0,0,0,0.3);  /* MODIFIABLE */
}
/* BLOC TITRE & DESCRIPTION FORUM */
.boxFRM {
display:inline-block; vertical-align:top;
width:545px;
}
/* BLOC TITRE FORUM */
.tleFRM {
height:15px; padding:5px 0;
text-align:center; letter-spacing:3px; font-size:14px; text-transform:uppercase; line-height:16px;
background:#400C0C; /* MODIFIABLE */
}
/* TITRE FORUM */
.tleFRM a {
color:white !important; /* MODIFIABLE */
}
/* DESCRIPTION FORUM */
.descFRM {
height:65px; padding:5px; overflow:auto;
font-size:10px; text-align:justify;
background:rgba(250,250,250,0.6); color:black; /* MODIFIABLE */
}
/* ICÔNES FORUM */
.imgFRM {
display:inline-block; vertical-align:top; margin:0 10px;
width:65px; height:100px;
}
/* BLOC DERNIER MESSAGE & SOUS-FORUMS */
.lnbFRM {
display:inline-block; vertical-align:top;
}
/* DERNIER MESSAGE FORUM */
.lmsgFRM {
width:150px; height:50px; padding:15px 10px 10px; overflow:hidden;
font-size:11px; text-align:center;
background:rgba(250,250,250,0.3); color:black; /* MODIFIABLE */
}
/* NOMBRE SUJETS & MESSAGES FORUM */
.nbFRM {
width:170px; height:15px; padding:5px 0;
font-style:italic; font-size:10px; text-align:center; text-transform:uppercase;
background:#400C0C; color:white; /* MODIFIABLE */
}
/* SOUS-FORUMS */
.sfFRM {
position:absolute; margin-top:-15px; margin-left:135px;
width:5px; height:15px; padding:5px 10px; border-bottom-left-radius:15px; line-height:16px;
background:#400C0C; color:white; /* MODIFIABLE */
}
/* CONTENU SOUS-FORUMS */
.sfFRM div {
position:absolute; margin-top:-21px; margin-left:-155px;
width:170px; height:0; overflow:hidden; line-height:normal;
background:white; color:black; /* MODIFIABLE */
transition:all 0.75s linear; -webkit-transition:all 0.75s linear;
}
.sfFRM:hover div {
width:150px; height:55px; padding:10px;
}
/* LIENS SOUS-FORUMS */
.sfFRM div a{
text-transform:uppercase; color:black !important; /* MODIFIABLE */
}

Largeur du forum : 800px
Revenir en haut Aller en bas
Jeu 2 Avr - 22:21

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
Jeu 2 Avr - 23:05

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
Jeu 2 Avr - 23:40

Remplacer l'intégralité du code par celui-ci :
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="imgFRM"><img src="{catrow.forumrow.FORUM_FOLDER_IMG}" /><div>{catrow.forumrow.TOPICS} S.<br/>{catrow.forumrow.POSTS} R.</div></div><div class="lmsgFRM">{catrow.forumrow.LAST_POST}</div><div class="descFRM">{catrow.forumrow.FORUM_DESC}</div></div><div class="sfFRM"><span>SOUS-FORUMS</span><div>{catrow.forumrow.L_LINKS}{catrow.forumrow.LINKS}</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; margin-top:5px;
width:900px; padding:15px 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:860px; padding:10px 0; padding-left:40px;
background:#CCC; /* MODIFIABLE */
}
/* BAS CATEGORIE */
.btmCAT {
margin:0 auto 10px;
width:900px; height:25px; border-radius:0 0 15px 15px;
background:#191919; /* MODIFIABLE */
}
/* BLOC FORUM */
.FRM{
float:left; margin:20px;
width:240px; height:240px;
}
/* TITRE / ICÔNES / DERNIER MESSAGE / DESCRIPTION FORUM */
.boxFRM {
width:240px; height:220px;
background:#191919;  /* MODIFIABLE */
}
/* BLOC TITRE FORUM */
.tleFRM {
height:20px; padding:5px;
background:#778188; box-shadow:inset 0 0 25px rgba(0,0,0,0.1);  /* MODIFIABLE */
text-transform:uppercase; font-family:Arial; text-align:right;
}
/* TITRE FORUM */
.tleFRM a{
color:white !important; /* MODIFIABLE */
}
/* ICÔNES FORUM */
.imgFRM{
position:absolute; margin-left:-25px; margin-top:5px;
width:80px; height:80px;
}
.imgFRM img{
width:80px; height:80px; border-radius:10px;
box-shadow:0 0 3px rgba(0,0,0,0.3); /* MODIFIABLE */
}
/* NOMBRE SUJETS & MESSAGES FORUM */
.imgFRM div {
position:absolute; z-index:2; margin-top:-80px;
width:70px; height:45px; padding:25px 5px 10px 5px; border-radius:10px;
background:rgba(250,250,250,0.6); color:black;  /* MODIFIABLE */
font-size:11px; text-align:center;
opacity:0; transition:opacity 0.45s ease; -webkit-transition:opacity 0.45s ease;
}
.imgFRM:hover div{
opacity:1;
}
/* DERNIER MESSAGE FORUM */
.lmsgFRM {
position:absolute; margin-left:65px; margin-top:15px;
width:165px; height:45px; border-radius:10px; padding:10px 0;
text-align:center; font-size:11px;
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 {
position:absolute; margin-top:90px;
width:230px; height:90px; padding:5px; overflow:auto;
font-size:11px; text-align:justify;
color:white; text-shadow:0 0 3px rgba(0,0,0,0.3); /* MODIFIABLE */
}
/* SOUS-FORUMS */
.sfFRM span{
display:block; margin:auto;
width:115px; padding:3px; border-radius:0 0 10px 10px;
background:#191919; color:rgba(250,250,250,0.6); /* MODIFIABLE */
font-size:10px; text-align:center;
}
/* CONTENU SOUS-FORUMS */
.sfFRM div{
position:absolute; margin-top:-125px;
width:220px; height:85px; padding:10px; overflow-y:auto;
background:#191919; /* MODIFIABLE */
color:rgba(0,0,0,0); line-height:4px;
opacity:0; transform:scale(0.1); -webkit-transform:scale(0.1);
transition:all .65s linear; -webkit-transition:all .65s linear;
}
/* LIENS SOUS-FORUMS */
.sfFRM a{
display:block; margin:auto; padding:2px 0;
line-height:normal; text-align:center; text-transform:uppercase; font-size:10px;
background:white; color:black !important; /* MODIFIABLE */
}
.sfFRM:hover div{
opacity:1; transform:scale(1); -webkit-transform:scale(1);
}

Largeur du forum : 900px
Revenir en haut Aller en bas
Mer 29 Avr - 2:21

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
Jeu 30 Avr - 4:51

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
Mer 6 Mai - 4:54

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>
    <div class="mdlCAT"><span style="display:block; height:1px; clear:both;"></span><!-- END tablehead -->

    <!-- BEGIN cathead -->
    <!-- END cathead -->
   
    <!-- BEGIN forumrow -->
    <div class="blocFRM"><div class="FRM"><div class="tleFRM"><a href="{catrow.forumrow.U_VIEWFORUM}">{catrow.forumrow.FORUM_NAME}</a></div>
    <div class="dsfFRM"><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="sjtFRM">{catrow.forumrow.TOPICS}</div><div class="repFRM">{catrow.forumrow.POSTS}</div><div class="avaFRM"><!-- BEGIN avatar -->{catrow.forumrow.avatar.LAST_POST_AVATAR}<!-- END avatar --></div><div class="limgFRM"><div class="lmsgFRM">{catrow.forumrow.LAST_POST}</div><img class="imgFRM" src="{catrow.forumrow.FORUM_FOLDER_IMG}" /></div></div></div>   
    <!-- END forumrow -->
   
    <!-- BEGIN catfoot -->
    <!-- END catfoot -->
   
    <!-- BEGIN tablefoot -->
    <br clear="all" /></div>
    <!-- END tablefoot --><!-- END catrow -->

Partie CSS :
Code:
/* BLOC TITRE CATEGORIES */
.tleCAT{
margin:10px auto 0;
width:800px; padding:15px 0; text-align:center; 
background:teal; /* MODIFIABLE */
}
/* TITRE CATEGORIES */
.tleCAT h2{
margin:0;
font-size:32px; text-transform:uppercase; letter-spacing:3px;
font-family:Arial; color:white;  /* MODIFIABLE */
}
/* BLOC CATEGORIES */
.mdlCAT {
margin:auto;
width:800px; padding:10px 0;
border-radius:0 0 50px 50px; background:rgba(250,250,250,0.5); /* MODIFIABLE */
}
/* BLOC FORUMS */
.blocFRM{
margin:auto;
width:788px; padding-left:12px; text-align:center;
}
/* BLOC FORUM */
.FRM{
float:left; margin:10px;
width:370px;
}
/* TITRE FORUM */
.tleFRM {
margin:auto;
width:345px; height:20px; padding:5px; overflow:hidden;
font-family:Arial; background:teal; /* MODIFIABLE */
text-transform:uppercase; text-align:center;
}
.tleFRM a{
color:white !important; /* MODIFIABLE */
}
/* BLOC DESCRIPTION + SOUS-FORUMS */
.dsfFRM {
width:335px; margin:10px auto; padding:10px;
background:rgba(250,250,250,0.8); box-shadow:0 0 3px rgba(0,0,0,0.5); /* MODIFIABLE */
}
/* DESCRIPTION FORUM */
.descFRM {
display:inline-block; margin-right:10px;
width:150px; height:115px; padding:0px 5px; overflow:auto;
font-size:11px; text-align:justify;
color:black; /* MODIFIABLE */
}
/* IMAGE DESCRIPTIVE FORUM */
.descFRM img {
position:absolute; z-index:3; margin-left:165px;
width:160px; height:115px;
}
/* SOUS-FORUMS */
.sfFRM{
display:inline-block; position:relative; z-index:5;
width:150px; height:105px; padding:5px; overflow:auto; text-align:left;
background:teal; /* MODIFIABLE */
opacity:0; transition:all .65s linear; -webkit-transition:all .65s linear;
}
/* LIEN SOUS-FORUM */
.sfFRM a{
color:white !important; /* MODIFIABLE */
}
.sfFRM:hover {
opacity:1;
}
/* NOMBRE SUJETS FORUM */
.sjtFRM{
display:inline-block; 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 */
.repFRM { 
display:inline-block;
width:50px; height:35px; padding-top:20px;
background:rgba(250,250,250,0.6); color:black; /* MODIFIABLE */
font-size:11px; text-align:center;
}
/* AVATAR DERNIER POSTEUR */
.avaFRM {
display:inline-block; vertical-align:top; margin:0 5px;
width:50px; height:55px; overflow:hidden;
}
.avaFRM img {
width:50px;
}
/* ICÔNES FORUM */
.limgFRM{
display:inline-block; vertical-align:bottom;
width:165px; height:55px;
}
.imgFRM {
width:165px; height:55px;
}
/* DERNIER MESSAGE FORUM */
.lmsgFRM {
position:absolute;
width:165px; height:45px; padding:5px 0;
background:rgba(250,250,250,0.7); color:black; /* MODIFIABLE */
text-align:center; font-size:11px;
opacity:0; transition:all .65s linear; -webkit-transition:all .65s linear;
}
.lmsgFRM:hover {
opacity:1;
}

Largeur du forum : 800px

Paramètres à modifier :


Instructions :
Revenir en haut Aller en bas
Sam 9 Mai - 1:40

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 :
Revenir en haut Aller en bas
Dim 10 Mai - 2:43

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>
 <center><!-- END tablehead -->
   
        <!-- BEGIN cathead -->
        <!-- END cathead -->
   
        <!-- BEGIN forumrow -->
      <div class="lmsgFRM"><img class="imgFRM" src="{catrow.forumrow.FORUM_FOLDER_IMG}" /><p>{catrow.forumrow.LAST_POST}</p></div><div class="tleFRM"><a href="{catrow.forumrow.U_VIEWFORUM}">{catrow.forumrow.FORUM_NAME}</a></div><div class="boxFRM"><div class="sjrpFRM"><div class="sjtFRM">{catrow.forumrow.TOPICS}</div><div class="repFRM">{catrow.forumrow.POSTS}</div></div><div class="descFRM">{catrow.forumrow.FORUM_DESC}</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>
        <!-- END forumrow -->
   
        <!-- BEGIN catfoot -->
        <!-- BEGIN inc -->
        <!-- END inc -->
        <!-- END catfoot -->
        <!-- BEGIN tablefoot -->
    </center><!-- END tablefoot --><!-- END catrow -->

Partie CSS :
Code:
/* TITRE CATEGORIES */
.tleCAT{
margin:auto;
width:800px; padding:25px 0; text-align:center;
background:#191919; /* MODIFIABLE */
}
.tleCAT h2{
margin:0;
font-size:24px; text-transform:uppercase; letter-spacing:3px;
font-family:Arial; color:white; /* MODIFIABLE */
}
/* ICÔNES FORUM */
.imgFRM{
width:165px; height:55px;
}
/* DERNIER MESSAGE FORUM */
.lmsgFRM {
display:inline-block;
width:165px; height:55px;
}
.lmsgFRM p{
position:absolute; margin-top:-55px;
width:165px; height:45px; padding:5px 0;
background:rgba(250,250,250,0.7); color:black; /* MODIFIABLE */
text-align:center; font-size:11px;
opacity:0; transition:all .65s linear; -webkit-transition:all .65s linear;
}
.lmsgFRM:hover p {
opacity:1;
}
/* TITRE FORUM */
.tleFRM {
display:inline-block;
height:35px; padding-top:20px; width:635px; overflow:hidden;
font-family:Arial; background:#578593; /* MODIFIABLE */
text-transform:uppercase; text-align:center; font-size:14px;
}
.tleFRM a{
color:white !important; /* MODIFIABLE */
}
/* BLOC POSITIONNEMENT FORUM */
.boxFRM {
display:inline-block; width:640px;
}
/* BLOC SUJETS & MESSAGES FORUM */
.sjrpFRM {
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;
width:47px; height:15px; padding:5px;
background:rgba(250,250,250,0.8); color:black; /* MODIFIABLE */
font-size:11px; text-align:center; display:inline-block;
}
/* NOMBRE MESSAGES FORUM */
.repFRM {
display:inline-block;
width:48px; height:15px; padding:5px;
background:rgba(250,250,250,0.6); color:black; /* MODIFIABLE */
font-size:11px; text-align:center; 
}
/* DESCRIPTION FORUM */
.descFRM {
display:inline-block; margin-left:25px;
height:105px; width:605px; padding:5px; overflow:auto;
background:rgba(250,250,250,0.8); color:black; /* MODIFIABLE */
font-size:11px; text-align:justify;
}
/* BLOC IMAGE DESCRIPTIVE FORUM */
.boxDESC {
display:inline-block; vertical-align:top;
width:160px; height:115px;
background:#578593; /* MODIFIABLE */
}
/* IMAGE DESCRIPTIVE FORUM */
.descFRM img {
position:absolute; z-index:2; margin-left:610px; margin-top:-5px;
width:160px; height:115px;
}
/* BLOC SOUS-FORUMS */
.sfFRM{
position:absolute; z-index:3;
width:150px; height:105px; padding:5px; overflow:auto; text-align:left;
background:#578593; /* MODIFIABLE */
opacity:0; transition:all .65s linear; -webkit-transition:all .65s linear;
}
/* LIEN SOUS-FORUM */
.sfFRM a{
color:white !important; /* MODIFIABLE */
}
.sfFRM:hover {
opacity:1;
}

Largeur du forum : 800px

Instructions :

Revenir en haut Aller en bas
Mar 19 Mai - 12:52

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="topCAT"><div class="triCAT"><div class="tlTRIC"></div><div class="blTRIC"></div></div><div class="tleCAT">{catrow.tablehead.L_FORUM}</div></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><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="triFRM"><div class="trTRIF"></div><div class="brTRIF"></div></div><div class="TRIF"></div><div class="lmsgFRM"><div class="nbFRM">{catrow.forumrow.TOPICS} sujets<br/>{catrow.forumrow.POSTS} messages</div><img class="imgFRM" src="{catrow.forumrow.FORUM_FOLDER_IMG}" /><p>{catrow.forumrow.LAST_POST}</p></div></div>
        <!-- END forumrow -->
   
        <!-- BEGIN catfoot -->
        <!-- BEGIN inc -->
        <!-- END inc -->
        <!-- END catfoot -->
        <!-- BEGIN tablefoot -->
        <!-- END tablefoot --><!-- END catrow -->

Partie CSS :
Code:
/* BLOC TITRE CATEGORIES */
.topCAT {
margin:auto; width:800px;
}
/* TRIANGLES CATEGORIES */
.triCAT {
display:inline-block; vertical-align:top; width:35px;
}
/* TRIANGLE HAUT */
.tlTRIC {
width:0; height:0; border-style:solid; border-width:0 35px 35px 0; border-color:transparent;
border-right-color:#191919; /* MODIFIABLE */
}
/* TRIANGLE BAS */
.blTRIC {
width:0; height:0; border-style:solid; border-width:0 0 35px 35px; border-color:transparent;
border-bottom-color:#191919; /* MODIFIABLE */
}
/* BANDE CATEGORIES */
.tleCAT{
height:70px; width:765px; text-align:center; display:inline-block;
background:#191919; /* MODIFIABLE */
}
/* TITRE CATEGORIES */
.tleCAT h2{
font-size:24px; text-transform:uppercase; letter-spacing:3px;
font-family:Arial; color:white;  /* MODIFIABLE */
}
/* BLOC FORUM */
.FRM {
margin:10px auto; width:800px;
}
/* BLOC POSITIONNEMENT */
.boxFRM {
display:inline-block;
}
/* TITRE FORUM */
.tleFRM {
width:495px; height:25px; padding-top:10px; overflow:hidden;
font-size:14px; text-transform:uppercase; text-align:center;
font-family:Arial; background:#757575; /* MODIFIABLE */
}
.tleFRM a{
color:white !important; /* MODIFIABLE */
}
/* BLOC SOUS-FORUMS */
.sfFRM{
display:inline-block;
padding:5px; width:110px; height:105px; overflow:auto;
text-align:left; color:rgba(0,0,0,0);
background:#757575; /* MODIFIABLE */
transition:color .65s linear; -webkit-transition:color .65s linear;
}
/* LIEN SOUS-FORUM */
.sfFRM a{
opacity:0; transition:opacity .65s linear; -webkit-transition:opacity .65s linear;
color:white !important; /* MODIFIABLE */
}
.sfFRM:hover a{
opacity:1;
}
/* DESCRIPTION FORUM */
.descFRM {
display:inline-block;
height:105px; width:365px; padding:5px; overflow:auto;
background:#f4f4f4; color:black; /* MODIFIABLE */
font-size:11px; text-align:justify;
}
/* TRIANGLES FORUM */
.triFRM {
display:inline-block; vertical-align:top; width:75px;
}
/* TRIANGLE HAUT FORUM */
.trTRIF {
width:0; height:0; border-style:solid; border-width:75px 76px 0 0; border-color:transparent;
border-top-color:#757575; /* MODIFIABLE */
}
/* TRIANGLE BAS FORUM */
.brTRIF {
width:0; height:0; border-style:solid; border-width:75px 0 0 76px; border-color:transparent;
border-left-color:#757575; /* MODIFIABLE */
}
/* POINTE DERNIER MESSAGE */
.TRIF {
display:inline-block; width:0; height:0; border-style:solid; border-width:75px 65px 75px 0; border-color:transparent;
border-right-color:#f4f4f4; /* MODIFIABLE */
}
/* BLOC ICÔNES / NOMBRE SUJETS & MESSAGES / DERNIER MESSAGE FORUM */
.lmsgFRM {
display:inline-block;
width:165px; height:150px;
background:#f4f4f4; /* MODIFIABLE */
}
/* NOMBRE SUJETS ET MESSAGES */
.nbFRM {
position:absolute; z-index:3; margin-top:17px; margin-left:10px;
height:40px; width:135px; padding:10px 5px 0px 5px; overflow:hidden;
background:rgba(250,250,250,0.8); color:black; /* MODIFIABLE */
font-size:11px; text-transform:uppercase; text-align:center;
opacity:0; transition:all .65s linear; -webkit-transition:all .65s linear;
}
.nbFRM:hover {
opacity:1;
}
/* ICÔNES FORUM */
.imgFRM{
position:absolute; margin-top:17px; margin-left:10px;
width:145px; height:50px;
}
/* DERNIER MESSAGE FORUM */
.lmsgFRM p{
position:absolute; margin-top:78px; margin-left:10px;
width:145px; height:45px; padding:5px 0; overflow:hidden;
background:#757575; color:white; /* MODIFIABLE */
text-align:center; font-size:11px;
}

Largeur du forum : 800px
Revenir en haut Aller en bas
Mer 25 Nov - 2:32

Remplacer l'intégralité du code par celui-ci :
Code:
<table width="100%" border="0" cellspacing="1" cellpadding="0" align="center">
 <tr>
 <td valign="bottom">
 <!-- BEGIN switch_user_logged_in -->
 <span class="gensmall">{LAST_VISIT_DATE}<br />
 {CURRENT_TIME}<br />
 </span>
 <!-- END switch_user_logged_in -->
 <div class="nav"><a class="nav" href="{U_INDEX}">{L_INDEX}</a>{NAV_CAT_DESC}</div>
 </td>
 <td class="gensmall" align="right" valign="bottom">
 <!-- BEGIN switch_user_logged_in -->
 <a class="gensmall" href="{U_SEARCH_NEW}">{L_SEARCH_NEW}</a><br />
 <a class="gensmall" href="{U_SEARCH_SELF}">{L_SEARCH_SELF}</a><br />
 <!-- END switch_user_logged_in -->
 <a class="gensmall" href="{U_SEARCH_UNANSWERED}">{L_SEARCH_UNANSWERED}</a>
 </td>
 </tr>
 
</table><!-- BEGIN catrow --><!-- BEGIN tablehead -->
<div class="topCAT"><div class="tleCAT">{catrow.tablehead.L_FORUM}</div></div>
<div class="mdlCAT"><span style="display:block; height:1px; clear:both;"></span><!-- END tablehead -->

 <!-- BEGIN cathead -->
<div class="topCAT"></div>
 <!-- END cathead -->
 
<!-- BEGIN forumrow -->
<div class="blocFRM"><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="ismFRM"><div class="imgFRM"><img src="{catrow.forumrow.FORUM_FOLDER_IMG}" /><div id="lstavFRM"><div class="lmsgFRM">{catrow.forumrow.LAST_POST}</div><!-- BEGIN avatar --><div class="avaFRM">{catrow.forumrow.avatar.LAST_POST_AVATAR}</div><!-- END avatar --></div></div> <div class="sfFRM">SF<div>{catrow.forumrow.L_LINKS}{catrow.forumrow.LINKS}</div></div> <div class="sjtFRM">{catrow.forumrow.TOPICS}</div> <div class="repFRM">{catrow.forumrow.POSTS}</div></div>
</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 CATEGORIES */
.topCAT{
width:850px; height:95px; margin:auto;
background-image:url(http://www.aht.li/2776233/WFCAT_01.png); background-repeat:no-repeat;  /* MODIFIABLE */
}
/* MILIEU CATEGORIE */
.mdlCAT{
background:#DAE0E2; /* MODIFIABLE */
width:850px; margin:auto;
}
/* BAS CATEGORIE */
.btmCAT{
width:850px; height:25px; margin:auto;
border-radius:0 0 15px 15px; background:#c1cacd; /* MODIFIABLE */
}
/* TITRE CATEGORIES */
.tleCAT{
width:850px; text-align:center;
}
.tleCAT h2{
padding-top:25px;
font-size:42px; text-transform:uppercase; letter-spacing:3px;
font-family:Birch Std; color:white; text-shadow:1px 1px 0px rgba(0,0,0,0.3); /* MODIFIABLE */
}
/* BLOC FORUMS */
.blocFRM{
width:850px; padding-left:25px; text-align:center;
margin-left:auto; margin-right:auto; margin-top:5px;
}
/* BLOCS FORUMS */
.FRM{
float:left; margin:10px;  
width:245px; height:230px;  
}
/* TITRE BLOCS FORUMS */
.tleFRM {
margin:auto; height:20px; width:210px; padding:5px; overflow:hidden;
font-family:Verdana; font-size:16px; font-weight:bold; text-transform:uppercase; text-align:center;
background:rgba(250,250,250,0.6); /* MODIFIABLE */
}
.tleFRM a{
color:white !important; text-shadow:1px 1px 0px rgba(0,0,0,0.2); /* MODIFIABLE */
}
/* DESCRIPTIONS BLOCS FORUMS */
.descFRM {
margin:10px auto;
border:5px solid rgba(250,250,250,0.3); /* COULEUR MODIFIABLE */
width:200px; height:105px; padding:5px; overflow:auto;
background:rgba(250,250,250,0.3); color:black; text-shadow:0 0 3px rgba(0,0,0,0.3); /* MODIFIABLE */
font-size:10px; text-align:justify;
}
/* IMAGES DESCRIPTIVES BLOCS FORUMS */
.descFRM img {
position:absolute; margin-top:-5px; margin-left:-5px;
width:210px; height:115px;
transition:all .65s linear; -webkit-transition:all .65s linear;
}
.descFRM:hover img{
opacity:0; transform:scale(0); -webkit-transform:scale(0);
}
/* BLOC ICÔNES/SOUS-FORUMS/SUJETS/MESSAGES */
.ismFRM {
width:245px; height:50px;
}
/* ICÔNES BLOCS FORUMS */
.imgFRM{
width:50px; height:50px; display:inline-block;
}
.imgFRM img {
width:50px; height:50px;
}
/* BLOC DERNIER MESSAGE & AVATAR DERNIER POSTEUR */
#lstavFRM {
position:absolute; margin-top:-180px; margin-left:3px;
width:210px; height:115px;
background:#ccc; /* MODIFIABLE */
transform:scale(0); -webkit-transform:scale(0); opacity:0;
transition:all .65s linear; -webkit-transition:all .65s linear;
}
/* DERNIER MESSAGE */
.lmsgFRM {
display:inline-block; vertical-align:top;
width:140px; height:95px; padding:10px; overflow:hidden;
text-align:right; font-size:11px; text-transform:uppercase; line-height:24px;
background-color:rgba(250,250,250,0.5); /* MODIFIABLE */
}
.lmsgFRM img {
width:11px; height:9px;
}
/* AVATAR DERNIER POSTEUR */
.avaFRM {
display:inline-block; vertical-align:top;
width:50px; height:115px; overflow:hidden;
}
.avaFRM img{
width:50px; height:115px; opacity:0.7;
}
.imgFRM:hover #lstavFRM {
transform:scale(1); -webkit-transform:scale(1); opacity:1;
}
/* SOUS-FORUMS */
.sfFRM {
display:inline-block; vertical-align:top;
width:50px; height:35px; padding:15px 0px 0px 0px;
text-align:center; color:rgba(0,0,0,0.6); font-size:10px;
background:#c1cacd; /* MODIFIABLE */
}
/* BLOC LIENS SOUS-FORUMS */
.sfFRM div{
position:absolute; z-index:3; margin-top:-159px; margin-left:-52px;
width:200px; height:105px; padding:5px; overflow:auto;
font-size:10px; text-transform:uppercase; text-align:justify;
background:grey; /* 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);
}
/* LIENS SOUS-FORUMS */
.sfFRM a{
color:white !important; /* MODIFIABLE */
}
/* NOMBRE SUJETS ET MESSAGES */
.sjtFRM{
display:inline-block; vertical-align:top;
width:50px; height:35px; padding:15px 0px 0px 0px; font-size:11px;
background-color:rgba(250,250,250,0.8); color:rgba(0,0,0,0.5); /* MODIFIABLE */
}
.repFRM {  
display:inline-block; vertical-align:top;
width:50px; height:35px; padding:15px 0px 0px 0px; font-size:11px;
background-color:rgba(250,250,250,0.6); color:rgba(0,0,0,0.3); /* MODIFIABLE */
}

Largeur du forum : 850px

Paramètres à modifier :

Instructions :
Revenir en haut Aller en bas
Lun 30 Nov - 20:52

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="blocFRM"><div class="blocFRM"><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 id="dtlFRM"><div class="sfFRM" id="sfFRM">{catrow.forumrow.L_LINKS}{catrow.forumrow.LINKS}</div><div class="triFRM"></div><div class="descFRM">{catrow.forumrow.FORUM_DESC}</div><div class="lmsgFRM">{catrow.forumrow.LAST_POST}</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;
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; /* MODIFIABLE */
font-family:Arial; color:white; text-shadow:1px 1px 0px rgba(0,0,0,0.3); /* MODIFIABLE */
}
/* BLOC FORUM */
#blocFRM{
width:800px; height:165px; text-align:center; overflow:hidden;
margin:auto;
}
.blocFRM{
position:relative; width:800px; height:165px; overflow:hidden;
font-family:Arial; /* MODIFIABLE */
}
/* BLOC TITRE FORUM */
.tleFRM {
display:inline-block; height:20px; width:485px; padding:10px 5px 10px 10px; overflow:hidden;
font-size:16px; font-weight:bold; text-transform:uppercase; text-align:left;
background:#CECCDE; /* MODIFIABLE */
}
/* TITRE FORUM */
.tleFRM a{
font-family:Arial; 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:490px; margin-top:-40px;
width:0; height:0; border-style:solid; border-width:40px 20px 0 0; border-color:transparent;
border-top-color:#CECCDE; /* MODIFIABLE */
}
/* ICÔNES FORUM */
.imgFRM{
position:absolute; margin-left:-10px;
width:50px; height:40px;
}
/* TRIANGLE NOMBRE SUJETS & MESSAGES FORUM */
.triRFRM {
position:absolute; z-index:3; margin-left:520px; margin-top:-40px;
width:0; height:0; border-style:solid; border-width:0 0 40px 20px; border-color:transparent;
border-bottom-color:#F1F0F4; /* MODIFIABLE */
}
/* NOMBRE SUJETS & MESSAGES FORUM */
.nbFRM{
display:inline-block; vertical-align:top;
height:20px; width:290px; padding:13px 5px 7px 5px; overflow:hidden;
text-align:center; font-size:11px; text-transform:uppercase;
background:#F1F0F4; color:rgba(0,0,0,0.5); /* MODIFIABLE */
}
/* BLOC SOUS-FORUMS / DESCRIPTION / DERNIER MESSAGE */
#dtlFRM {
width:800px; height:125px;
}
/* SOUS-FORUMS */
.sfFRM {
display:inline-block; vertical-align:top;
width:205px; height:115px; padding:5px 125px 5px 5px; overflow-y:auto;
font-size:10px; text-transform:uppercase; text-align:left;
background:#EAE3F4; /* MODIFIABLE */
}
/* LIENS SOUS-FORUMS */
.sfFRM a{
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:auto;
background:#DEDEDE; color:black; /* MODIFIABLE */
font-size:11px; text-align:justify;
}
/* 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;
}
#dtlFRM:hover .descFRM img{
transform:translateX(-335px); -webkit-transform:translateX(-335px);
}
/* DERNIER MESSAGE FORUM */
.lmsgFRM {
display:inline-block; vertical-align:top;
width:130px; height:105px; padding:10px; overflow:hidden;
text-align:right; font-size:11px; text-transform:uppercase; line-height:24px;
background:rgba(250,250,250,0.7); color:black; /* MODIFIABLE */
}
/* COULEUR TITRE DERNIER MESSAGE FORUM */
.lmsgFRM a{
color:black; /* MODIFIABLE */
}

Largeur du forum : 800px

Instructions :

Revenir en haut Aller en bas
Dim 6 Déc - 23:23

Remplacer l'intégralité du code par :

Code:
<table width="100%" border="0" cellspacing="1" cellpadding="0" align="center">
    <tr>
    <td valign="bottom">
    <!-- BEGIN switch_user_logged_in -->
    <span class="gensmall">{LAST_VISIT_DATE}<br />
    {CURRENT_TIME}<br />
    </span>
    <!-- END switch_user_logged_in -->
    <div class="nav"><a class="nav" href="{U_INDEX}">{L_INDEX}</a>{NAV_CAT_DESC}</div>
    </td>
    <td class="gensmall" align="right" valign="bottom">
    <!-- BEGIN switch_user_logged_in -->
    <a class="gensmall" href="{U_SEARCH_NEW}">{L_SEARCH_NEW}</a><br />
    <a class="gensmall" href="{U_SEARCH_SELF}">{L_SEARCH_SELF}</a><br />
    <!-- END switch_user_logged_in -->
    <a class="gensmall" href="{U_SEARCH_UNANSWERED}">{L_SEARCH_UNANSWERED}</a>
    </td>
    </tr>
    </table>
 
    <!-- BEGIN catrow --><!-- BEGIN tablehead -->
    <div class="topCAT"><div class="tleCAT">{catrow.tablehead.L_FORUM}</div></div>
    <div class="mdlCAT"><!-- END tablehead -->

    <!-- BEGIN cathead -->
    <div class="topCAT"></div>
    <!-- END cathead -->
   
    <!-- BEGIN forumrow -->
    <div id="blocFRM"><div class="blocFRM"><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 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>{catrow.forumrow.FORUM_DESC}</div>
 <div class="triFRM"></div><div class="lmsgFRM">{catrow.forumrow.LAST_POST}</div></div></div>
    <!-- END forumrow -->
    <!-- BEGIN catfoot -->

    <!-- BEGIN inc -->
    <!-- END inc -->
 
    <!-- END catfoot -->
    <!-- BEGIN tablefoot -->
    </div>
    <div class="btmCAT"></div><!-- END tablefoot --><!-- END catrow -->

Partie CSS :
Code:
/* TITRE CATEGORIE */
.tleCAT{
margin:15px auto;
width:825px; padding:10px 0; text-align:center;
background:teal; box-shadow:inset 0 0 15px rgba(0,0,0,0.1); /* MODIFIABLE */
}
.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 */
}
/* FOND CATEGORIE */
.mdlCAT {
margin:auto; margin-top:-15px;
width:825px; padding:10px 0 25px 0;
background:#ccc; /* MODIFIABLE */
}
/* BAS CATEGORIE */
.btmCAT {
width:825px; height:25px; margin:auto;
background:teal; /* MODIFIABLE */
}
/* BLOC FORUM */
#blocFRM{
width:825px; height:165px; text-align:center; overflow:hidden;
margin:auto;
}
.blocFRM{
position:relative; width:825px; height:165px; overflow:hidden;
}
/* TITRE FORUMS */
.tleFRM {
margin:auto; position:relative; z-index:5; height:20px; width:745px; padding:10px; overflow:hidden;
font-family:Arial; font-size:16px; font-weight:bold; text-transform:uppercase; text-align:right;
}
.tleFRM a{
color:white !important; text-shadow:1px 1px 0px rgba(0,0,0,0.2); /* MODIFIABLE */
}
/* ICÔNES FORUMS */
.imgFRM{
position:absolute; z-index:4; margin-top:-5px;
width:765px;
}
/* NOMBRE SUJETS ET MESSAGES */
.nbFRM{
position:absolute; z-index:4; margin-left:15px; margin-top:35px;
height:20px; width:95px; 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 */
}
/* SOUS-FORUMS */
.sfFRM {
position:absolute; z-index:5; margin-top:15px; margin-left:15px;
width:145px; height:85px; padding:5px; overflow:auto;
font-size:10px; text-transform:uppercase; text-align:justify;
background:#e7eaea; /* MODIFIABLE */
opacity:0;
}
.sfFRM:hover {
opacity:1;
}
/* LIENS SOUS-FORUMS */
.sfFRM a{
color:#191919 !important; /* MODIFIABLE */
}
/* DESCRIPTIONS FORUMS */
#descFRM {
display:inline-block; vertical-align:top;
width:600px; height:125px; overflow:hidden;
background:#dedede; /* MODIFIABLE */
font-size:11px; text-align:justify;
}
/* IMAGES DESCRIPTIONS FORUMS */
#descFRM img {
position:absolute; z-index:2;
width:600px; height:125px;
}
/* CONTENU DESCRIPTIONS FORUMS */
.descFRM {
position:absolute; z-index:3; margin-top:10px; margin-left:200px;
width:290px; height:105px; padding:0px 5px; overflow:auto;
background:rgba(250,250,250,0.7);  font-family:Arial; color:black; /* MODIFIABLE */
opacity:0; transition:all .85s ease; -webkit-transition:all .85s ease;
}
.descFRM:hover {
opacity:1;
}
/* TRIANGLE DERNIER MESSAGE FORUMS */
.triFRM {
position:absolute; z-index:3; margin-top:-125px; margin-left:565px;
width:0; height:0; border-style:solid; border-width:0 65px 125px 0;
border-color: transparent #191919 transparent transparent; /* MODIFIABLE */
}
/* DERNIER MESSAGE FORUMS */
.lmsgFRM {
display:inline-block; vertical-align:top;
width:145px; height:100px; padding:15px 10px 10px 10px; overflow:hidden;
text-align:right; font-size:11px; text-transform:uppercase; line-height:24px;
background-color:#191919; color:#dedede; /* MODIFIABLE */
}

Largeur du forum : 825px

Instructions :


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

Icônes du forum :
Panneau d'administration > Affichage > Images et Couleurs > Gestion des images > Mode Avancé

Revenir en haut Aller en bas
Mer 9 Déc - 1:34

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 id="blocFRM"><div class="boxFRM"><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="nbFRM">{catrow.forumrow.TOPICS} S.  ▼  {catrow.forumrow.POSTS} R.</div></div><div class="lmsgFRM">{catrow.forumrow.LAST_POST}</div><div id="descFRM"><div class="sfFRM">{catrow.forumrow.L_LINKS}{catrow.forumrow.LINKS}</div><div class="descFRM">{catrow.forumrow.FORUM_DESC}</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:15px auto 0;
width:770px; padding:10px 0; text-align:center;
background:#8346b5; border-radius:15px 100px/100px 15px; /* 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 */
#blocFRM {
margin:10px auto;
width:770px; height:125px; padding:10px 0; overflow:hidden; text-align:center;
background:rgba(250,250,250,0.2); /* MODIFIABLE */
}
/* BLOC ICÔNES / TITRE / STATISTIQUES */
.boxFRM {
display:inline-block; vertical-align:top;
}
/* TITRE FORUM */
.tleFRM {
margin:auto; width:160px; max-height:65px; padding:10px 5px; overflow:hidden;
font-family:Arial; font-size:16px; font-weight:bold; text-transform:uppercase; text-align:center;
}
.tleFRM a{
color:white !important; text-shadow:1px 1px 0px rgba(0,0,0,0.2); /* MODIFIABLE */
}
/* ICÔNES FORUM */
.imgFRM {
position:absolute; z-index:4; margin-top:35px; margin-left:-125px;
width:50px; height:50px; border-radius:15px 100px/100px 15px;
}
/* NOMBRE SUJETS & MESSAGES FORUM */
.nbFRM {
margin:auto; 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:top; margin:0 10px;
width:145px; height:100px; padding:25px 10px 0 5px; overflow:hidden;
text-align:right; font-size:11px; text-transform:uppercase; line-height:24px;
background-color:rgba(0,0,0,0.3); box-shadow:inset 0 0 15px rgba(0,0,0,0.1); color:#DEDEDE; /* MODIFIABLE */
}
/* COULEUR TITRE DERNIER SUJET FORUM */
.lmsgFRM a{
color:#CCC !important; /* MODIFIABLE */
}
/* BLOC SOUS-FORUMS & DESCRIPTION FORUM */
#descFRM {
display:inline-block; vertical-align:top;
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: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:auto;
color:black; /* MODIFIABLE */
font-size:11px; text-align:justify; font-family:Arial; 
}
/* 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 :

Revenir en haut Aller en bas
Ven 18 Déc - 23:28

Remplacer l'intégralité du code par celui-ci :
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 id="blocFRM"><div class="blocFRM"><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="itsFRM"><img class="imgFRM" src="{catrow.forumrow.FORUM_FOLDER_IMG}" /><div class="lmsgFRM">{catrow.forumrow.LAST_POST}</div></div><div class="defFRM"><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></div>
        <!-- END forumrow -->
        <!-- BEGIN catfoot -->

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

Partie CSS :
Code:
/* BLOC TITRE CATEGORIE */
.tleCAT {
margin:15px 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 CATEGORIE */
.mdlCAT {
margin:auto; width:800px;
}
/* BLOC FORUM */
#blocFRM {
margin:10px auto;
width:800px; overflow:hidden; text-align:center;
}
.blocFRM {
position:relative; width:800px; overflow:hidden; text-align:center;
}
/* BLOC TITRE FORUM */
.tleFRM {
display:inline-block; vertical-align:top;
margin-right:10px; width:455px; padding:10px 5px; overflow:hidden;
font-family:Arial; font-size:16px; font-weight:bold; text-transform:uppercase; text-align:center;
background:#81614b; /* MODIFIABLE */
}
/* TITRE FORUM */
.tleFRM a{
color:white !important; text-shadow:1px 1px 0px rgba(0,0,0,0.2); /* MODIFIABLE */
}
/* NOMBRE SUJETS & MESSAGES FORUM */
.nbFRM{
display:inline-block; vertical-align:top;
height:20px; width:315px; padding:13px 5px 7px 5px; overflow:hidden;
font-family:Arial; font-size:11px; text-transform:uppercase; text-align:center;
background:#3E2524; color:white; /* MODIFIABLE */
opacity:0.7;
}
/* BLOC ICÔNES / DERNIER MESSAGE FORUM */
.itsFRM {
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;
}
#blocFRM:hover .imgFRM {
opacity:0; transform:scale(0); -webkit-transform:scale(0);
}
/* DERNIER MESSAGE FORUM */
.lmsgFRM {
width:130px; height:80px; padding:10px; overflow:hidden;
text-align:center; font-size:11px; text-transform:uppercase; line-height:20px;
background-color:rgba(0,0,0,0.3); box-shadow:inset 0 0 15px rgba(0,0,0,0.1); color:#dedede; /* MODIFIABLE */
}
/* BLOC DESCRIPTION / SOUS-FORUMS */
.defFRM {
display:inline-block; vertical-align:top; margin-left:10px; margin-top:10px;
}
/* DESCRIPTION FORUM */
.descFRM {
display:inline-block; vertical-align:top; margin-right:10px;
width:420px; height:90px; padding:5px; overflow:auto;
background:#DEDEDE; color:black; /* MODIFIABLE */
font-family:Arial; font-size:11px; text-align:justify; line-height:15px;
}
/* IMAGE DESCRIPTIVE FORUM */
.descFRM img {
position:absolute; z-index:3; margin-top:-5px; margin-left:435px;
width:200px; height:100px;
transition:all .85s ease; -webkit-transition:all .85s ease;
}
.defFRM:hover .descFRM img{
transform:translatex(200px); -webkit-transform:translatex(200px);
}
/* SOUS-FORUMS */
.sfFRM {
display:inline-block; vertical-align:top;
width:190px; height:90px; padding:5px; overflow:auto;
font-size:10px; text-transform:uppercase; text-align:justify;
background:#CCC; /* MODIFIABLE */
}
/* LIEN SOUS-FORUM */
.sfFRM a{
color:#191919 !important; /* MODIFIABLE */
}

Largeur du forum : 800px

Instructions :

Revenir en haut Aller en bas
Dim 20 Déc - 1:44

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 id="FRM"><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"><div>{catrow.forumrow.L_LINKS}{catrow.forumrow.LINKS}</div></div></div><div class="itsFRM"><div class="lmsgFRM">{catrow.forumrow.LAST_POST}</div><img class="imgFRM" src="{catrow.forumrow.FORUM_FOLDER_IMG}" /><div class="nbFRM">{catrow.forumrow.TOPICS}<br/>SUJETS</div><div class="nbIIFRM">{catrow.forumrow.POSTS}<br/>MESSAGES</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 -10px;
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; text-shadow:1px 1px 0px rgba(0,0,0,0.3); /* MODIFIABLE */
}
/* BLOC CATEGORIE */
.mdlCAT {
margin:auto; width:800px; padding-bottom:5px;
}
/* BLOC FORUM */
#FRM{
float:left; margin:5px 0;
width:395px; height:235px; overflow:hidden;
text-align:center; font-family:Arial;
}
#FRM:nth-of-type(even) {
margin:5px 0 5px 10px;
}
.FRM {
position:relative; width:395px; overflow:hidden; text-align:center;
}
/* BLOC TITRE FORUM */
.tleFRM {
width:395px; padding:10px 0; overflow:hidden;
font-family:Arial; font-size:16px; font-weight:bold; text-transform:uppercase; text-align:center;
background:teal; /* MODIFIABLE */
}
/* TITRE FORUM */
.tleFRM a{
color:white !important; text-shadow:1px 1px 0px rgba(0,0,0,0.2); /* MODIFIABLE */
}
/* DESCRIPTION FORUM */
.descFRM {
width:385px; height:85px; padding:5px; overflow-y:auto;
background:#DEDEDE; font-family:Arial; color:black; /* MODIFIABLE */
font-size:11px; text-align:justify;
}
/* IMAGE DESCRIPTIVE FORUM */
.descFRM img {
position:absolute; z-index:3; margin-top:90px; 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:195px; height:100px;
}
/* CONTENU SOUS-FORUMS */
.sfFRM div{
width:175px; height:80px; padding:10px; overflow-y:auto;
font-size:10px; text-transform:uppercase; text-align:left;
background:black; color:#CCC; /* MODIFIABLE */
transition:transform 0.65s ease; -webkit-transition:transform 0.65s ease;
transform:scale(0); -webkit-transform:scale(0);
}
.sfFRM:hover div{
transform:scale(1); -webkit-transform:scale(1);
}
/* LIENS SOUS-FORUMS */
.sfFRM a{
color:#CCC !important; /* MODIFIABLE */
}
/* BLOC ICÔNES / DERNIER MESSAGE / NOMBRE SUJETS & MESSAGES */
.itsFRM {
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.5); color:#DEDEDE; /* MODIFIABLE */
}
/* TITRE DERNIER SUJET FORUM */
.lmsgFRM a {
color:#DEDEDE !important; /* MODIFIABLE */
}
/* ICÔNES FORUM */
.imgFRM{
position:absolute; z-index:4; margin-left:-25px; margin-top:25px;
width:50px; height:50px; border-radius:50px;
transition:all 0.65s ease; -webkit-transition:all 0.65s ease;
}
.itsFRM:hover .imgFRM {
transform:rotate(90deg); -webkit-transform:rotate(90deg);
}
/* NOMBRE SUJETS FORUM */
.nbFRM{
display:inline-block; vertical-align:top;
width:90px; height:35px; padding:5px 5px 0; overflow:hidden;
text-align:center; font-size:11px; text-transform:uppercase;
background:#168989; color:white; /* MODIFIABLE */
}
/* NOMBRE MESSAGES FORUM */
.nbIIFRM{
display:inline-block; vertical-align:top;
width:90px; height:35px; padding:5px 5px 0; overflow:hidden;
text-align:center; font-size:11px; text-transform:uppercase;
background:#419B9B; color:white; /* MODIFIABLE */
}

Largeur du forum : 800px

Instructions :

Revenir en haut Aller en bas
Mar 22 Déc - 4:22

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="blocFRM"><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 id="lmsgFRM"><img class="imgFRM" src="{catrow.forumrow.FORUM_FOLDER_IMG}" /><div class="lmsgFRM">{catrow.forumrow.LAST_POST}</div></div><div class="boxFRM"><div class="nbFRM">{catrow.forumrow.TOPICS}<br/>SUJETS</div><div class="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 -->

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

Partie CSS :
Code:
/* BLOC TITRE CATEGORIE */
.tleCAT{
margin:10px auto;
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; text-shadow:1px 1px 0px rgba(0,0,0,0.3); /* MODIFIABLE */
}
/* BLOC CATEGORIE */
.mdlCAT {
margin:auto; width:800px; padding-bottom:5px;
}
/* BLOC FORUM */
.blocFRM {
margin:auto; width:800px; overflow:hidden; text-align:center;
}
/* BLOC POSITIONNEMENT */
.boxFRM {
display:inline-block; vertical-align:top;
}
/* BLOC TITRE FORUM */
.tleFRM {
width:600px; height:35px; padding-top:15px; overflow:hidden;
font-family:Arial; font-size:16px; font-weight:bold; text-transform:uppercase; text-align:center;
background:teal; /* MODIFIABLE */
}
/* TITRE FORUM */
.tleFRM a{
color:white !important; text-shadow:1px 1px 0px rgba(0,0,0,0.2); /* MODIFIABLE */
}
/* SOUS-FORUMS */
.sfFRM {
display:inline-block; vertical-align:top;
width:590px; height:20px; padding:5px; overflow:auto; line-height:20px;
font-size:10px; text-transform:uppercase; text-align:left;
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:80px;
}
/* DERNIER MESSAGE FORUM */
.lmsgFRM {
width:180px; height:60px; padding:10px; overflow:hidden;
text-align:center; font-size:11px; text-transform:uppercase; line-height:20px;
background:#CCC; color:black; /* MODIFIABLE */
}
/* ICÔNES FORUM */
.imgFRM{
position:absolute; margin-left:-100px;
width:200px; height:80px;
transition:all 0.65s ease; -webkit-transition:all 0.65s ease;
}
.blocFRM:hover .imgFRM {
opacity:0; transform:scale(0); -webkit-transform:scale(0);
}
/* NOMBRE SUJETS FORUM */
.nbFRM{
height:40px; width:70px; padding:10px 5px 0px; overflow:hidden;
text-align:center; font-size:11px; text-transform:uppercase;
font-family:Arial; background:teal; color:white; /* MODIFIABLE */
}
/* NOMBRE MESSAGES FORUM */
.nbIIFRM{
height:40px; width:70px; padding:10px 5px 0px; overflow:hidden;
text-align:center; font-size:11px; text-transform:uppercase;
font-family:Arial; background:#CCC; color:black; /* MODIFIABLE */
}
/* BLOC IMAGE DESCRIPTIVE */
.boxDESC {
display:inline-block; vertical-align:top; margin:0 5px;
width:200px; height:100px;
background:white; /* MODIFIABLE */
}
/* IMAGE DESCRIPTIVE FORUM */
.descFRM img {
position:absolute; z-index:3; margin-top:-5px; margin-left:-210px;
width:200px; height:100px;
}
/* DESCRIPTION FORUM */
.descFRM {
display:inline-block; vertical-align:top;
width:500px; height:90px; padding:5px; overflow:auto;
background:#DEDEDE; font-family:Arial; color:black; /* MODIFIABLE */
font-size:11px; text-align:justify;
}

Largeur du forum : 800px

Instructions :

Revenir en haut Aller en bas
Sam 26 Déc - 3:51

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 -->
        <div class="topCAT"></div>
        <!-- END cathead -->
       
        <!-- BEGIN forumrow -->
        <div class="blocFRM"><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"><span>sous-forums</span><div>{catrow.forumrow.L_LINKS}{catrow.forumrow.LINKS}</div></div><div id="lstavFRM"><!-- BEGIN avatar --><div class="lstavFRM">{catrow.forumrow.avatar.LAST_POST_AVATAR}</div><!-- END avatar --></div><div class="lmsgFRM">{catrow.forumrow.LAST_POST}</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: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; text-shadow:1px 1px 0px rgba(0,0,0,0.3); /* MODIFIABLE */
}
/* BLOC CATEGORIE */
.mdlCAT {
margin:auto; width:800px; padding-bottom:5px;
background:none; /* MODIFIABLE */
}
/* BLOC FORUM */
.blocFRM {
float:left; margin:5px 0; width:395px; overflow:hidden;
}
.blocFRM:nth-of-type(even) {
margin:5px 0 5px 10px;
}
/* BLOC TITRE FORUM */
.tleFRM {
margin-bottom:5px;
width:385px; padding:15px 5px; overflow:hidden;
font-family:Arial; font-size:16px; font-weight:bold; text-transform:uppercase; text-align:center;
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:#CCC; /* MODIFIABLE */
}
/* NOMBRE SUJETS */
.nbFRM{
margin:5px;
height:28px; width:45px; padding-top:12px; overflow:hidden;
text-align:center; font-size:11px; text-transform:uppercase;
font-family:Arial; background:#8884AA; color:white; /* MODIFIABLE */
}
/* NOMBRE MESSAGES */
.nbIIFRM{
margin:5px;
height:30px; width:45px; padding-top:15px; overflow:hidden;
text-align:center; font-size:11px; text-transform:uppercase;
font-family:Arial; background:grey; color:black; /* MODIFIABLE */
}
/* DESCRIPTION FORUM */
.descFRM {
display:inline-block; vertical-align:top; margin:0 5px 5px;
width:260px; height:90px; padding:5px; overflow:auto;
background:#DEDEDE; font-family:Arial; color:black; /* MODIFIABLE */
font-size:11px; text-align:justify;
}
/* 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 {
opacity:0; transform:scale(0); -webkit-transform:scale(0);

/* ICÔNES FORUM */
.imgFRM{
display:inline-block; vertical-align:top;
height:100px; width:60px;
}
/* SOUS-FORUMS */
.sfFRM {
display:inline-block; vertical-align:top;
width:150px; height:40px; padding-top:20px; overflow:hidden;
font-size:11px; text-transform:uppercase; text-align:center;
background:#191919; color:white; /* MODIFIABLE */
}
/* INTITULE SOUS-FORUMS */
.sfFRM span{
padding-top:3px; letter-spacing:1px;
}
/* CONTENU SOUS-FORUMS */
.sfFRM div{
position:absolute; margin-top:-35px;
width:0px; height:50px; padding:5px; overflow:hidden;
text-align:justify;
background:grey; /* MODIFIABLE */
opacity:0; transition:all 0.65s linear; -webkit-transition:all 0.65s linear;
}
.sfFRM:hover div{
width:385px; overflow-y:auto;
opacity:1;
}
/* LIENS SOUS-FORUMS */
.sfFRM a{
color:white !important; /* MODIFIABLE */
}
/* AVATAR DERNIER POSTEUR FORUM */
#lstavFRM {
display:inline-block; vertical-align:top; margin:0 5px;
width:50px; height:60px; overflow:hidden;
background:#CCC; /* MODIFIABLE */
}
.lstavFRM {
margin:5px auto 0;
width:40px; height:50px; overflow:hidden;
}
.lstavFRM img {
width:40px;
}
/* DERNIER MESSAGE FORUM */
.lmsgFRM {
display:inline-block; vertical-align:top;
width:165px; height:53px; padding:7px 10px 0; overflow:hidden;
text-align:center; font-size:11px; text-transform:uppercase;
background:#CCC; color:black; /* MODIFIABLE */
}

Largeur du forum : 800px

Instructions :
Images descriptives en 265*100


Revenir en haut Aller en bas
Mer 30 Déc - 4:03

Remplacer l'intégralité du code par celui-ci :
Code:
<table width="100%" border="0" cellspacing="1" cellpadding="0" align="center">
    <tr>
    <td valign="bottom">
    <!-- BEGIN switch_user_logged_in -->
    <span class="gensmall">{LAST_VISIT_DATE}<br />
    {CURRENT_TIME}<br />
    </span>
    <!-- END switch_user_logged_in -->
    <div class="nav"><a class="nav" href="{U_INDEX}">{L_INDEX}</a>{NAV_CAT_DESC}</div>
    </td>
    <td class="gensmall" align="right" valign="bottom">
    <!-- BEGIN switch_user_logged_in -->
    <a class="gensmall" href="{U_SEARCH_NEW}">{L_SEARCH_NEW}</a><br />
    <a class="gensmall" href="{U_SEARCH_SELF}">{L_SEARCH_SELF}</a><br />
    <!-- END switch_user_logged_in -->
    <a class="gensmall" href="{U_SEARCH_UNANSWERED}">{L_SEARCH_UNANSWERED}</a>
    </td>
    </tr>
    </table>

        <!-- BEGIN catrow --><!-- BEGIN tablehead -->
        <div class="topCAT"><div class="tleCAT">{catrow.tablehead.L_FORUM}</div></div>
        <div class="mdlCAT"><br clear="all" />
        <!-- END tablehead -->

        <!-- BEGIN cathead -->
        <div class="topCAT"></div>
        <!-- END cathead -->
       
        <!-- BEGIN forumrow -->
        <div class="blocFRM"><div id="tlmFRM"><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></div>
 <div id="descFRM">{catrow.forumrow.FORUM_DESC}</div>
 <div class="boxFRM"><div class="sfFRM">sous-forums<div>{catrow.forumrow.L_LINKS}{catrow.forumrow.LINKS}</div></div><div class="nbFRM">{catrow.forumrow.TOPICS} S.</div><div class="nbIIFRM">{catrow.forumrow.POSTS} M.</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:
/* TITRE CATEGORIES */
.tleCAT{
position:relative; margin:10px auto 0;
width:805px; padding:10px; text-align:left;
background:rgba(0,0,0,0.3); /* MODIFIABLE */
}
.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 CATEGORIE */
.mdlCAT {
margin:auto; width:825px;
background:rgba(250,250,250,0.5); /* MODIFIABLE */
}
/* BLOC FORUM */
.blocFRM {
float:left; margin:-5px 0 15px 8px; width:400px; overflow:hidden;
}
/* BLOC DESCRIPTION FORUMS */
#descFRM {
width:390px; height:190px; padding:5px; overflow:hidden;
background:#dedede; /* MODIFIABLE */
}
/* IMAGE DESCRIPTIVE FORUMS */
#descFRM img {
position:absolute; z-index:2; margin-top:-5px; margin-left:-5px;
width:400px; height:200px;
transition:all 0.65s ease; -webkit-transition:all 0.65s ease;

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

/* DESCRIPTION FORUMS */
.descFRM {
position:absolute; z-index:3; margin-left:5px; margin-top:3px;
width:175px; height:175px; padding:5px; overflow:auto;
background:rgba(0,0,0,0.5); color:white; /* MODIFIABLE */
font-size:11px; text-align:justify; font-family:Arial;
opacity:0; transition:all 0.65s ease; -webkit-transition:all 0.65s ease;
}
#descFRM:hover .descFRM {
opacity:1;
}
/* BLOC ICÔNES/TITRE & DERNIER MESSAGE FORUMS */
#tlmFRM {
position:absolute; z-index:3; margin-left:210px;
width:180px; height:200px; text-align:center;
background:rgba(0,0,0,0.5); /* MODIFIABLE */
}
/* ICÔNES FORUMS */
.imgFRM{
margin:10px auto;
height:70px; width:70px; border-radius:70px;
}
/* TITRE FORUMS */
.tleFRM {
padding:0 5px;
font-family:Arial; font-size:16px; font-weight:bold; text-transform:uppercase;
}
.tleFRM a{
color:white !important; text-shadow:1px 1px 0px rgba(0,0,0,0.2); /* MODIFIABLE */
}
/* DERNIER MESSAGE FORUMS */
.lmsgFRM {
padding:5px;
font-size:11px; text-transform:uppercase;
color:white; /* MODIFIABLE */
}
/* BLOC SOUS-FORUMS/NOMBRE SUJETS & MESSAGES */
.boxFRM {
display:inline-block; vertical-align:top; margin-top:5px;
background:rgba(250,250,250,0.5); /* MODIFIABLE */
}
/* SOUS-FORUMS */
.sfFRM {
display:inline-block; vertical-align:top; margin:5px;
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:-24px; margin-left:-15px;
width:0px; height:25px; padding:5px; overflow:hidden;
text-align:justify;
background:#2f4759; /* MODIFIABLE */
opacity:0; transition:all 0.65s linear; -webkit-transition:all 0.65s linear;
}
.sfFRM:hover div{
width:390px; overflow:auto;
opacity:1;
}
/* LIENS SOUS-FORUMS */
.sfFRM a{
color:white !important; /* MODIFIABLE */
}
/* NOMBRE SUJETS */
.nbFRM{
display:inline-block; vertical-align:top; margin:5px;
width:70px; height:15px; padding:5px; overflow:hidden;
text-align:center; font-size:11px; text-transform:uppercase;
background:#101e29; color:white; /* MODIFIABLE */
}
/* NOMBRE MESSAGES */
.nbIIFRM{
display:inline-block; vertical-align:top; margin:5px;
width:70px; height:15px; padding:5px; overflow:hidden;
text-align:center; font-size:11px; text-transform:uppercase;
background:#294154; color:white; /* MODIFIABLE */
}

Largeur du forum : 825px

Instructions :


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

Remplacer l'intégralité du code par celui-ci :
Code:
<table width="100%" border="0" cellspacing="1" cellpadding="0" align="center">
    <tr>
    <td valign="bottom">
    <!-- BEGIN switch_user_logged_in -->
    <span class="gensmall">{LAST_VISIT_DATE}<br />
    {CURRENT_TIME}<br />
    </span>
    <!-- END switch_user_logged_in -->
    <div class="nav"><a class="nav" href="{U_INDEX}">{L_INDEX}</a>{NAV_CAT_DESC}</div>
    </td>
    <td class="gensmall" align="right" valign="bottom">
    <!-- BEGIN switch_user_logged_in -->
    <a class="gensmall" href="{U_SEARCH_NEW}">{L_SEARCH_NEW}</a><br />
    <a class="gensmall" href="{U_SEARCH_SELF}">{L_SEARCH_SELF}</a><br />
    <!-- END switch_user_logged_in -->
    <a class="gensmall" href="{U_SEARCH_UNANSWERED}">{L_SEARCH_UNANSWERED}</a>
    </td>
    </tr>
    </table>

        <!-- BEGIN catrow --><!-- BEGIN tablehead -->
        <div class="topCAT"><div class="tleCAT">{catrow.tablehead.L_FORUM}</div></div>
        <!-- END tablehead -->

        <!-- BEGIN cathead -->
        <div class="topCAT"></div>
        <!-- END cathead -->
       
        <!-- BEGIN forumrow -->
        <div class="blocFRM"><div class="boxDESC"></div><div class="sfFRM"><div>{catrow.forumrow.L_LINKS}{catrow.forumrow.LINKS}</div><span></span></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">{catrow.forumrow.FORUM_DESC}</div></div>
 <div class="lmsgFRM"><div>{catrow.forumrow.LAST_POST}</div></div><div class="boxIIDESC"></div>
 <img class="imgFRM" src="{catrow.forumrow.FORUM_FOLDER_IMG}" />
    </div>
        <!-- END forumrow -->
        <!-- BEGIN catfoot -->

        <!-- BEGIN inc -->
        <!-- END inc -->
   
        <!-- END catfoot -->
        <!-- BEGIN tablefoot -->
 <div class="btmCAT"></div>
        <!-- END tablefoot --><!-- END catrow -->

Partie CSS :
Code:
/* TITRE CATEGORIES */
.tleCAT{
position:relative; margin:10px auto;
width:800px; padding:25px 0; text-align:center;
background:#101e29; /* MODIFIABLE */
}
.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 */
}
/* BAS CATEGORIE */
.btmCAT {
margin:auto;
width:400px; height:5px; background:black; /* MODIFIABLE */
}
/* BLOC FORUMS */
.blocFRM {
margin:10px auto; width:780px; height:150px; padding:10px; overflow:hidden;
background:#ccc; /* MODIFIABLE */
}
/* BLOC IMAGE DESCRIPTIVE */
.boxDESC {
position:relative; z-index:4; display:inline-block; vertical-align:top;
width:155px; height:150px;
background:grey; /* MODIFIABLE */
}
/* IMAGE DESCRIPTIVE FORUMS */
.imgDESC {
position:absolute; z-index:5; margin-top:-70px; margin-left:-200px;
width:155px; height:150px;
}
/* BANDE SOUS-FORUMS */
.sfFRM {
position:absolute; z-index:3; margin-left:155px; margin-top:-150px;
height:150px; width:15px;
background:#0D1217;  /* MODIFIABLE */
}
/* TRIANGLE SOUS-FORUMS */
.sfFRM span{
position:absolute; margin-left:15px; margin-top:5px;
width:0; height:0; border-style:solid; border-width:10px 0 10px 10px; border-color:transparent;
border-left-color:#0D1217; /* MODIFIABLE */
transition:all 0.65s linear; -webkit-transition:all 0.65s linear;
}
.sfFRM:hover span{
margin-left:345px;
}
/* CONTENU SOUS-FORUMS */
.sfFRM div{
position:absolute; margin-left:-10px;
width:0px; height:140px; padding:5px; overflow:hidden;
line-height:4px; color:rgba(0,0,0,0); font-size:10px; text-transform:uppercase;
background:#0D1217; /* MODIFIABLE */
transition:all 0.65s linear; -webkit-transition:all 0.65s linear;
}
.sfFRM:hover div{
margin-left:0px;
width:335px; overflow:auto;
}
/* LIENS SOUS-FORUMS */
.sfFRM div a{
display:block; width:95%; margin:5px auto 0;
padding:10px 0; text-align:center;
color:black !important; background:white !important; /* MODIFIABLE */
}
/* BLOC TITRE/NOMBRE SUJETS & MESSAGES/DESCRIPTION FORUMS */
.boxFRM {
display:inline-block; vertical-align:top; margin-left:35px;
width:310px;
}
/* BLOC TITRE & SUJETS/MESSAGES FORUMS */
.tleFRM {
width:300px; height:40px; padding:5px; overflow:hidden;
font-family:Arial; font-size:16px; font-weight:bold; text-transform:uppercase; text-align:center;
background:black; /* MODIFIABLE */
}
/* TITRE FORUMS */
.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 */
.nbFRM{
text-align:center; font-size:10px; text-transform:uppercase;
font-family:Arial; color:white; /* MODIFIABLE */
}
/* BLOC DESCRIPTION FORUMS */
#descFRM {
margin-top:10px;
width:290px; height:70px; padding:10px; overflow:hidden;
background:black; /* MODIFIABLE */
}
/* DESCRIPTION FORUMS */
.descFRM {
width:280px; height:60px; padding:5px; overflow:auto;
background:white; color:black; /* MODIFIABLE */
font-size:11px; text-align:justify; font-family:Arial;
}
/* DERNIER MESSAGE FORUMS */
.lmsgFRM {
display:inline-block; vertical-align:top; margin:0 10px;
height:70px; width:140px; padding:10px;
background:black; /* MODIFIABLE */
}
/* CONTENU DERNIER MESSAGE FORUMS */
.lmsgFRM div{
height:60px; padding:5px;
text-align:center; font-size:11px; text-transform:uppercase;
background:white; color:black; /* MODIFIABLE */
}
/* BLOC IMAGE DESCRIPTIVE NOIR & BLANC FORUMS */
.boxIIDESC {
position:absolute; margin-left:510px; margin-top:-50px;
width:160px; height:50px;
background:#191919; /* MODIFIABLE */
}
/* IMAGE DESCRIPTIVE NOIR & BLANC FORUMS */
.bwDESC {
position:absolute; z-index:2; margin-top:-40px; margin-left:310px;
width:160px; height:50px; overflow:hidden;
}
.bwDESC img {
width:160px;
filter:grayscale(1); -webkit-filter:grayscale(1);
}
/* ICÔNES FORUMS */
.imgFRM{
display:inline-block; vertical-align:top;
height:150px; width:100px;
}

Largeur du forum : 800px

Instructions :

Code:
<!-- IMAGE DESCRIPTIVE - VEILLER A LAISSER LA CLASS --><img src=" lien image " class="imgDESC" /><!-- TEXTE DESCRIPTIF --><div class="descFRM">Texte descriptif.</div><!-- IMAGE DESCRIPTIVE NOIR & BLANC --><div class="bwDESC"><img src=" lien image " /></div>
Revenir en haut Aller en bas
Dim 3 Jan - 1:18

Remplacer l'intégralité du code par celui-ci :
Code:
<table width="100%" border="0" cellspacing="5" 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="blocFRM"><div class="boxFRM"><div class="nbFRM">{catrow.forumrow.TOPICS} S.</div><div class="nbFRM nbIIFRM">{catrow.forumrow.POSTS} M.</div><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><div class="boxDESC"></div><div id="descFRM">{catrow.forumrow.FORUM_DESC}</div><div class="lmsgFRM">{catrow.forumrow.LAST_POST}</div><div class="sfFRM">sous-forums<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:
/* TITRE CATEGORIES */
.tleCAT{
margin:auto; margin-top:10px;
width:800px; height:50px; padding:10px 0; text-align:center;
background:#8F616B; /* MODIFIABLE */
}
.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 */
.blocFRM {
margin:auto; width:800px; overflow:hidden;
}
/* BLOC NOMBRE SUJETS/MESSAGES & TITRE */
.boxFRM {
display:inline-block; vertical-align:top;
padding:10px 0;
background:#CBB1B4; /* MODIFIABLE */
}
/* NOMBRE SUJETS FORUM */
.nbFRM{
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:rgba(0,0,0,0.2); color:white; /* MODIFIABLE */
}
/* NOMBRE MESSAGES FORUM */
.nbIIFRM{
background:rgba(250,250,250,0.2); color:black; /* MODIFIABLE */
}
/* ICÔNES FORUMS */
.imgFRM{
display:inline-block; vertical-align:top; margin:0 5px;
height:25px; width:100px;
}
/* TITRE FORUM */
.tleFRM {
display:inline-block; vertical-align:top;
width:470px; height:20px; padding:0 10px;
font-size:16px; font-weight:bold; text-transform:uppercase; text-align:right;
}
.tleFRM a{
color:white !important; text-shadow:1px 1px 0px rgba(0,0,0,0.2); /* 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:auto;
background:#ccc; color:#black; /* MODIFIABLE */
font-size:11px; text-align:justify; font-family:Arial;
}
/* DERNIER MESSAGE FORUM */
.lmsgFRM {
display:inline-block; vertical-align:top;
width:140px; height:65px; padding:5px; line-height:16px;
font-size:11px; text-transform:uppercase; text-align:center;
background:#dedede; color:black; /* MODIFIABLE */
}
/* SOUS-FORUMS */
.sfFRM {
position:absolute; margin-top:-25px; margin-left:650px;
height:15px; width:150px; padding:5px 0;
font-size:10px; text-transform:uppercase; text-align:center;
background:#3e3e3e; color:white; /* MODIFIABLE */
}
/* CONTENU SOUS-FORUMS */
.sfFRM div{
position:absolute; margin-top:-94px;
width:140px; height:0px; padding:5px; overflow:hidden;
text-align:justify;
background:#dedede; color:black; /* MODIFIABLE */
opacity:0; transition:all 0.65s linear; -webkit-transition:all 0.65s linear;
}
.sfFRM:hover div{
height:90px; overflow:auto;
opacity:1;
}
/* LIENS SOUS-FORUMS */
.sfFRM a{
color:black !important; /* MODIFIABLE */
}

Largeur du forum : 800px

Instructions :

Revenir en haut Aller en bas
Lun 11 Jan - 5:35

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

        <!-- BEGIN cathead -->
        <!-- END cathead -->
       
        <!-- BEGIN forumrow -->
        <div class="blocFRM"><div class="boxFRM"><div id="tldFRM"><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 -->

Partie CSS :
Code:
/* BLOC TITRE CATEGORIE */
.tleCAT{
margin:15px auto;
width:900px; text-align:center;
background:white; /* MODIFIABLE */
}
/* TITRE CATEGORIE */
.tleCAT h2{
margin:0; padding:10px 0;
font-size:42px; text-transform:uppercase; font-family:Fjalla One;
color:back;  /* MODIFIABLE */
}
/* BLOC FORUM */
.blocFRM{
margin:15px auto;
width:900px;
}
/* BLOCS POSITIONNEMENT */
.boxFRM {
display:inline-block; vertical-align:top;
}
/* BLOC TITRE & DESCRIPTION FORUM */
#tldFRM {
height:100px; width:405px; padding:10px; overflow:hidden;
background:#449165; /* MODIFIABLE */
}
/* BORDURE TITRE FORUM */
.tleFRM {
width:395px; height:30px; overflow:hidden;
text-align:left; border-bottom:5px solid;
border-color:white; /* MODIFIABLE */
}
/* TITRE FORUM */
.tleFRM a{
text-transform:uppercase; font-style:italic; font-size:24px; font-family:Fjalla One;
color:white !important; /* MODIFIABLE */
}
/* DESCRIPTION FORUM */
.descFRM {
margin-top:10px;
width:390px; height:55px; padding:0 5px; overflow:auto;
color:black; /* MODIFIABLE */
font-size:9px; text-align:justify;
}
/* DERNIER MESSAGE */
.lmsgFRM {
margin-top:15px;
width:405px; height:55px; padding:5px 10px;
text-transform:uppercase; font-style:italic; text-align:center; font-size:14px; font-family:Fjalla One;
background:#1E1E1E; color:white; /* MODIFIABLE */
}
.lmsgFRM a{
color:white !important; /* MODIFIABLE */
}
/* TAILLE PSEUDONYME DERNIER POSTEUR */
.lmsgFRM .gensmall {
font-size:14px; /* MODIFIABLE */
}
/* NOMBRE SUJETS & MESSAGES FORUM */
.nbFRM {
margin-bottom:5px; padding-bottom:2px; font-size:18px;
border-bottom:5px solid #449165; /* MODIFIABLE */
}
/* BLOC IMAGE DESCRIPTIVE */
.boxDESC{
display:inline-block; margin:0 15px;
width:250px; height:200px;
background:#978a76; /* MODIFIABLE */
}
/* IMAGE DESCRIPTIVE FORUM */
.descFRM img {
position:absolute; margin-left:425px; margin-top:-55px;
width:250px; height:200px;
}
/* BLOC SOUS-FORUMS */
.sfFRM {
padding:5px 5px 0; height:105px; width:185px; overflow:auto;
background:#a80200; color:rgba(250,250,250,0); /* MODIFIABLE */
text-align:left;
}
/* LIEN SOUS-FORUM */
.sfFRM a{
text-transform:uppercase; font-family:Fjalla One; font-size:16px;
color:white !important; /* MODIFIABLE */
}
/* ICÔNES FORUM */
.imgFRM {
margin-top:15px;
width:195px; height:75px;
}

Largeur du forum : 900px

Instructions :
Revenir en haut Aller en bas
Mer 3 Fév - 23:53

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"><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"><a href="{catrow.forumrow.U_VIEWFORUM}">{catrow.forumrow.FORUM_NAME}</a><div class="nbFRM">{catrow.forumrow.TOPICS} S. & {catrow.forumrow.POSTS} M.</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>'));});</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; text-align:center;
background:black; /* MODIFIABLE */
}
/* TITRE CATEGORIE */
.tleCAT h2{
margin:0;
font-size:42px; text-transform:uppercase;
padding:15px 0; color:white; font-family:Arial;  /* 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 */
}
/* BLOC SOUS-FORUMS */
.sfFRM div{
position:absolute; z-index:2; margin-top:-105px; margin-left:95px;
width:0px; height:30px; overflow:hidden;
background:#a80200; color:white; /* MODIFIABLE */
text-align:left; font-size:9px;
transition:all 0.45s linear; -webkit-transition:all 0.45s linear;
}
.sfFRM:hover div{
width:610px; height:20px; padding:10px 5px 0 25px;
}
/* LIEN SOUS-FORUM */
.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; transform:rotate(45deg); -webkit-transform:rotate(45deg);
background:white; /* MODIFIABLE */
}
/* 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:25%; text-align:left; font-size:12px;
color:#DEDEDE; /* MODIFIABLE */
}
/* TITRE FORUM */
.tleFRM a{
display:inline-block; vertical-align:middle; width:75%;
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; font-style:italic; text-align:right; font-size:12px; font-family:Arial;
background:grey; color:white; /* MODIFIABLE */
}
/* LIEN DERNIER SUJET FORUM */
.lmsgFRM a{
color:white !important; opacity:0.8; /* MODIFIABLE */
}
/* TAILLE PSEUDONYME DERNIER POSTEUR FORUM */
.lmsgFRM .gensmall {
font-size:12px; /* 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:auto;
color:black; background:#ccc; /* MODIFIABLE */
font-size:9px; text-align:justify;
}

Largeur du forum : 800px

Instructions :

Code:
<div class="descIMG"><div><!-- IMAGE 175*175 --><img src="liendelimage.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

Revenir en haut Aller en bas
Mar 9 Fév - 23:32

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>
    <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"><div class="lmsgFRM">{catrow.forumrow.LAST_POST}<img src="{catrow.forumrow.FORUM_FOLDER_IMG}" class="imgFRM" /><div class="nbFRM">{catrow.forumrow.TOPICS} S. & {catrow.forumrow.POSTS} M.</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></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:20px 0 5px;
background:#3a3a3a; /* MODIFIABLE */
}
/* BAS CATEGORIE */
.btmCAT {
margin:auto; margin-bottom:10px; width:800px; height:35px;
background:black; /* MODIFIABLE */
}
/* BLOC FORUM */
.blocFRM{
width:800px; margin:auto; text-align:center;
}
/* BLOC TITRE FORUM */
.tleFRM {
margin:auto; width:725px; padding:10px 0 10px 25px;
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:65px; width:685px; font-weight:bold;
}
/* BLOC DERNIER MESSAGE / AVATAR DERNIER POSTEUR / DESCRIPTION / SOUS-FORUMS */
.FRM {
margin:auto; margin-bottom:15px;
width:730px; height:100px; padding:10px 10px 15px;
background:rgba(0,0,0,0.5); /* MODIFIABLE */
}
/* DERNIER MESSAGE FORUM */
.lmsgFRM {
display:inline-block; vertical-align:top;
width:155px; height:93px; padding:7px 5px 0;
text-align:center; font-size:10px; border:2px solid;
background-color:rgba(250,250,250,0.6); border-color:rgba(250,250,250,0.3); /* MODIFIABLE */
}
/* ICÔNES FORUM */
.imgFRM{
margin-top:8px;
width:150px; height:35px;
}
/* NOMBRE SUJETS & MESSAGES FORUM */
.nbFRM {
position:absolute; margin-top:-35px; margin-left:2px;
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;
background:#ccc; border-color:rgba(250,250,250,0.3); /* MODIFIABLE */
}
.avaFRM img {
height:100px;
}
/* DESCRIPTION FORUM */
.descFRM {
display:inline-block;
width:295px; height:90px; padding:5px; overflow:auto;
font-size:10px; text-align:justify; border:2px solid;
background:rgba(250,250,250,0.3); border-color:rgba(250,250,250,0.3); color:black; /* MODIFIABLE */
}
/* BLOC IMAGE DESCRIPTIVE & SOUS-FORUMS */
.sfFRM {
display:inline-block; margin-left:10px;
width:160px; height:100px; overflow:hidden; border:2px solid;
background:#ccc; border-color:rgba(250,250,250,0.3); /* MODIFIABLE */
}
/* IMAGE DESCRIPTIVE FORUM */
.descFRM img {
position:absolute; margin-left:314px; margin-top:-5px;
width:160px; height:100px;
}
.sfFRM div {
position:relative;
width:160px; height:100px; overflow:hidden;
}
/* CONTENU SOUS-FORUMS */
.sfFRM div div{
width:150px; height:90px; padding:5px; overflow:auto;
text-align:left; font-size:11px;
background:#191919; /* MODIFIABLE */
transform:translateX(160px); -webkit-transform:translateX(160px);
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 :

Revenir en haut Aller en bas
Mer 24 Fév - 6:55

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 -->
    <div class="topCAT"></div>
    <!-- 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"><div id="descFRM"><div>{catrow.forumrow.FORUM_DESC}</div></div><div id="avaFRM"><!-- BEGIN avatar --><div class="avaFRM">{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>{catrow.forumrow.LAST_POST}</div></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 0; width:800px; padding:20px 0; text-align:center;
border-radius:35px 35px 0 0; background:white; /* MODIFIABLE */
}
/* TITRE CATEGORIE */
.tleCAT h2{
margin:0; font-size:32px; text-transform:uppercase;
font-family:Arial; color:black; /* MODIFIABLE */
}
/* CONTENU CATEGORIE */
.mdlCAT {
margin:auto; margin-bottom:5px;
width:800px; padding:15px 0 10px;
border-radius:0 0 35px 35px; background:#575760; /* MODIFIABLE */
}
/* BLOC FORUM */
.blocFRM{
width:800px; margin:auto; text-align:center;
}
/* TITRE FORUM */
.tleFRM a{
color:black !important; /* MODIFIABLE */
transition:all 0.45s linear; -webkit-transition:all 0.45s linear;
}
/* BORDURE TITRE FORUM */
.tleFRM {
margin:auto; margin-bottom:10px;
width:750px; padding-bottom:5px;
font-family:Arial; text-align:left; font-size:18px; text-transform:uppercase; letter-spacing:5px;
border-bottom:5px dotted black; /* MODIFIABLE */
transition:all 0.45s linear; -webkit-transition:all 0.45s linear;
}
/* SURVOL TITRE FORUM */
.tleFRM:hover a{
color:#A9A9AD !important; /* MODIFIABLE */
}
/* BORDURE SURVOL TITRE FORUM */
.tleFRM:hover {
width:715px; padding-left:35px;
border-color:#A9A9AD; /* MODIFIABLE */
}
/* BLOC DESCRIPTION / AVATAR DERNIER POSTEUR / SOUS-FORUMS / DERNIER MESSAGE / NOMBRE SUJETS & MESSAGES */
.FRM {
margin:auto; margin-bottom:15px;
width:755px;
}
/* BLOC 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 div {
position:relative;
width:400px; height:100px; overflow:hidden;
}
/* DESCRIPTION FORUM */
.descFRM{
width:390px !important; height:90px !important; padding:5px !important; overflow:auto !important;
font-size:10px; text-align:justify;
}
/* IMAGE DESCRIPTIVE FORUM */
#descFRM img {
position:absolute; z-index:5; margin-left:-200px;
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 */
#avaFRM {
display:inline-block; vertical-align:top; margin:0 10px;
width:50px; height:90px; border:5px solid;
background:#CCC; border-color:rgba(250,250,250,0.3); /* MODIFIABLE */
}
/* AVATAR DERNIER POSTEUR */
.avaFRM {
width:50px; height:90px; overflow:hidden;
}
.avaFRM img {
width:60px;
}
/* BLOC SOUS-FORUMS */
.sfFRM {
display:inline-block; vertical-align:top; margin-right:10px;
width:105px; height:90px; padding:5px; overflow-y:auto; overflow-x:hidden;
line-height:6px; color:rgba(0,0,0,0);
background:rgba(250,250,250,0.5);  /* MODIFIABLE */
}
/* LIENS SOUS-FORUMS */
.sfFRM a{
display:block; padding:3px 0; line-height:12px;
text-transform:uppercase; background:white !important; color:black !important; /* MODIFIABLE */
}
/* SURVOL LIEN SOUS-FORUM */
.sfFRM a:hover {
color:#A9A9AD !important; /* MODIFIABLE */
}
/* BLOC ICÔNES FORUM / DERNIER MESSAGE FORUM / NOMBRE SUJETS & MESSAGES */
.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:150px; height:60px; padding-top:15px;
text-align:center; font-size:10px;
background-color:rgba(250,250,250,0.9); color:black; /* MODIFIABLE */
opacity:0; transition:opacity 0.45s ease; -webkit-transition:opacity 0.45s ease;
}
.lmsgFRM:hover div {
opacity:1;
}
/* NOMBRE SUJETS & MESSAGES FORUM */
.nbFRM {
width:150px; height:17px; padding-top:3px; overflow:hidden;
text-transform:uppercase; font-size:10px; letter-spacing:-1px;
background:rgba(250,250,250,0.3); color:black; /* MODIFIABLE */
}

Largeur du forum : 800px

Instructions :

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

Revenir en haut Aller en bas
Mer 24 Fév - 6:55

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>
   <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 -->

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:2px 0;
width:399px;
opacity:0.8; transition:opacity 0.45s linear; -webkit-transition:opacity 0.45s linear;
}
.FRM:nth-of-type(even) {
margin-left:2px;
}
.FRM:hover {
opacity:1;
}
/* BLOC TITRE FORUM */
.tleFRM {
width:374px; padding:10px 0 10px 25px;
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:264px; height:90px; padding:5px; overflow:auto;
font-size:9px; text-align:justify;
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 */
}
/* LIEN SOUS-FORUM */
.sfFRM a{
color:black !important; /* MODIFIABLE */
}
/* BLOC DERNIER MESSAGE FORUM */
.lmsgFRM {
display:inline-block; vertical-align:top;
width:264px; 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:264px; height:18px; padding-top:7px;
font-size:9px; text-transform:uppercase;
background:rgba(0,0,0,0.8); color:white; /* MODIFIABLE */
}
/* TAILLE PSEUDONYME DERNIER POSTEUR FORUM */
.lmsgFRM .gensmall {
font-size:8px; /* MODIFIABLE */
}
/* ICÔNES FORUM */
.imgFRM{
display:inline-block; vertical-align:top;
width:125px; height:50px;
}

Largeur du forum : 800px
Revenir en haut Aller en bas
Lun 29 Fév - 5:05

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 :
Revenir en haut Aller en bas
Sam 5 Mar - 5:46

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="tleFRM"><a href="{catrow.forumrow.U_VIEWFORUM}">{catrow.forumrow.FORUM_NAME}</a><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="nbFRM">{catrow.forumrow.TOPICS}</div><div class="nbIIFRM">{catrow.forumrow.POSTS}</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><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:auto; margin-top:5px; width:800px; height:75px;
text-align:center;
background:black; /* MODIFIABLE */
}
/* TITRE CATEGORIE */
.tleCAT h2{
margin:0; padding-top:20px;
font-size:32px; text-transform:uppercase; letter-spacing:3px;
font-family:Arial; color:white; /* MODIFIABLE */
}
/* BLOC FORUM */
.FRM {
margin:5px auto;
width:800px;
}
/* BLOC TITRE FORUM */
.tleFRM {
display:inline-block; vertical-align:top; margin-bottom:5px;
width:675px; padding:10px 0 10px 25px;
text-transform:uppercase; text-align:left;
background:black; /* MODIFIABLE */
}
/* TITRE FORUM */
.tleFRM a{
color:white !important; /* MODIFIABLE */
}
/* BLOC DERNIER MESSAGE FORUM */
.lmsgFRM {
float:right; margin-right:10px;
height:15px; padding:5px; overflow:hidden;
text-align:center; font-size:10px;
background:rgba(250,250,250,0.6); color:black; /* MODIFIABLE */
}
/* TAILLE PSEUDONYME DERNIER POSTEUR */
.lmsgFRM .gensmall {
font-size:8px; /* MODIFIABLE */
}
/* NOMBRE SUJETS FORUM */
.nbFRM {
display:inline-block; vertical-align:top; margin-left:5px;
width:45px; height:30px; padding-top:15px;
font-size:10px; text-transform:uppercase; text-align:center;
background:rgba(0,0,0,0.8); color:white; /* MODIFIABLE */
}
/* NOMBRE MESSAGES FORUM */
.nbIIFRM {
display:inline-block; vertical-align:top; margin-left:5px;
width:45px; height:30px; padding-top:15px;
font-size:10px; text-transform:uppercase; text-align:center;
background:rgba(0,0,0,0.6); color:white; /* MODIFIABLE */
}
/* DESCRIPTION FORUM */
.descFRM {
display:inline-block; vertical-align:top;
width:590px; height:90px; padding:5px; overflow:auto;
font-size:10px; text-align:justify;
background:rgba(250,250,250,0.3); color:black; /* MODIFIABLE */
}
/* BLOC SOUS-FORUMS */
.sfFRM {
display:inline-block; vertical-align:top; margin-left:5px;
width:130px; height:90px; padding:5px; overflow:hidden;
text-align:left; text-transform:uppercase; font-size:11px;
background:#ccc; color:black;  /* MODIFIABLE */
}
/* LIEN SOUS-FORUM */
.sfFRM a{
color:black !important; /* MODIFIABLE */
}
/* ICÔNES FORUM */
.imgFRM{
display:inline-block; vertical-align:top; margin-left:5px;
width:50px; height:100px;
}

Largeur du forum : 800px
Revenir en haut Aller en bas
Dim 6 Mar - 21:47

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="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="nbFRM">{catrow.forumrow.TOPICS} sujets<br/>{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 -->

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-family:Arial; font-size:32px; text-transform:uppercase; 
color:#DEDEDE; /* MODIFIABLE */
}
/* BLOC CATEGORIE */
.mdlCAT {
margin:auto; width:800px; padding:3px 0 5px;
background:#DEDEDE; /* MODIFIABLE */
}
/* BAS CATEGORIE */
.btmCAT {
margin:0 auto 10px; width:800px;
height:10px; background:#191919; /* MODIFIABLE */
}
/* BLOC FORUM */
.FRM{
width:750px; margin:15px auto; font-family:Arial; text-align:left;
}
/* TITRE FORUM */
.tleFRM {
margin:auto; width:735px; padding-bottom:5px;
text-transform:uppercase; text-align:right; font-style:italic; font-size:14px;
}
.tleFRM a{
letter-spacing:0px; color:black !important; /* MODIFIABLE */
transition:all 0.45s linear; -webkit-transition:all 0.45s linear;
}
/* SURVOL TITRE FORUM */
.FRM:hover .tleFRM a {
letter-spacing:2px; /* MODIFIABLE */
}
/* BLOC IMAGE DESCRIPTIVE */
.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; padding-left:25px; height:100px; overflow:hidden;
background:#ECECEC; /* MODIFIABLE */
}
/* DESCRIPTION FORUM */
.descFRM {
margin-left:10px; margin-top:10px;
width:405px; padding:0 5px; height:65px; overflow:auto;
font-size:10px; text-align:justify; line-height:13px;
color:black; /* MODIFIABLE */
}
/* SOUS-FORUMS */
.sfFRM{
position:absolute; z-index:3; margin-left:-10px; margin-top:-17px;
width:465px; height:13px; padding-top:2px; overflow:auto; border-top:2px solid;
font-size:8px; text-transform:uppercase;
border-color:black; color:black; /* MODIFIABLE */
}
/* LIENS 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 DERNIER MESSAGE / NOMBRE SUJETS & MESSAGES FORUM */
.lmsgFRM {
display:inline-block; vertical-align:top;
width:195px; height:90px; padding:10px 5px 0 0; overflow:hidden;
text-align:right; font-size:10px;
color:black; background:grey; /* MODIFIABLE */
}
/* NOMBRE SUJETS & MESSAGES FORUM */
.nbFRM{
margin-bottom:5px;
color:black;  /* MODIFIABLE */
font-size:11px; text-transform:uppercase;
}

Largeur du forum : 800px

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

Revenir en haut Aller en bas
Sam 19 Mar - 22:22

Remplacer l'intégralité du code par celui-ci :
Code:
<table width="895px" 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>
    <br clear="all" />
        <!-- END tablehead -->

        <!-- BEGIN cathead -->
        <!-- END cathead -->
       
        <!-- BEGIN forumrow -->
        <div class="blocFRM"><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>{catrow.forumrow.L_LINKS}{catrow.forumrow.LINKS}</div></div><div class="nbFRM">{catrow.forumrow.TOPICS}</div><div class="nbIIFRM">{catrow.forumrow.POSTS}</div><div class="lmsgFRM">{catrow.forumrow.LAST_POST}</div><img src="{catrow.forumrow.FORUM_FOLDER_IMG}" class="imgFRM" /></div></div>
        <!-- END forumrow -->
       
        <!-- BEGIN catfoot -->
        <!-- END catfoot -->
        <!-- BEGIN tablefoot -->
    <br clear="all" />
        <!-- END tablefoot --><!-- END catrow -->

Partie CSS :
Code:
/* CADRE TITRE CATEGORIES */
.tleCAT{
margin:10px auto -10px;
width:880px; height:75px; padding:6px;
text-align:center; border:1px solid;
background:white; border-color:grey; /* MODIFIABLE */
}
/* TITRE CATEGORIES */
.tleCAT h2{
margin-top:0;
width:880px; height:55px; padding-top:20px;
font-size:32px; text-transform:uppercase; letter-spacing:3px;
background:black; font-family:Arial; color:white; /* MODIFIABLE */
}
/* BLOC FORUMS */
.blocFRM {
width:900px; margin:auto; text-align:center;
}
/* BLOC FORUM */
.FRM {
float:left; margin:4px;
width:280px; padding:5px; border:1px solid;
background:white; border-color:grey; /* MODIFIABLE */
}
/* TITRE FORUM */
.tleFRM {
display:inline-block; vertical-align:top;
width:265px; padding:10px 15px 10px 0;
text-transform:uppercase; text-align:right;
background:black; /* MODIFIABLE */
}
.tleFRM a{
color:white !important; /* MODIFIABLE */
}
/* DESCRIPTION FORUM */
.descFRM {
width:280px; height:80px; overflow:auto;
font-size:9px; text-align:justify;
color:black; /* MODIFIABLE */
}
/* BANDE SOUS-FORUMS */
.sfFRM {
margin-bottom:5px;
width:280px; height:20px;
background:#ccc;  /* MODIFIABLE */
}
/* BLOC SOUS-FORUMS */
.sfFRM div{
position:absolute; margin-top:25px;
width:280px; height:0; overflow:auto;
text-align:left; text-transform:uppercase; font-size:9px;
background:#efefef; color:black;  /* MODIFIABLE */
opacity:0; transition:all 0.45s linear; -webkit-transition:all 0.45s linear;
}
.sfFRM:hover div {
width:270px; height:35px; padding:5px;
opacity:1;
}
/* LIEN SOUS-FORUM */
.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;
font-size:10px; text-transform:uppercase; text-align:center;
background:rgba(0,0,0,0.8); color:white; /* MODIFIABLE */
}
/* NOMBRE MESSAGES FORUM */
.nbIIFRM {
display:inline-block; vertical-align:top; margin-left:5px;
width:45px; height:30px; padding-top:15px;
font-size:10px; text-transform:uppercase; text-align:center;
background:rgba(0,0,0,0.6); color:white; /* MODIFIABLE */
}
/* DERNIER MESSAGE FORUM */
.lmsgFRM {
display:inline-block; vertical-align:top; margin-left:5px;
width:105px; height:43px; padding:2px 0 0; overflow:hidden;
text-align:left; font-size:9px; line-height:10px;
color:black; /* MODIFIABLE */
}
/* TAILLE PSEUDONYME DERNIER POSTEUR FORUM */
.lmsgFRM .gensmall {
font-size:9px; /* MODIFIABLE */
}
/* ICÔNES FORUM */
.imgFRM{
display:inline-block; vertical-align:top; margin-left:5px;
width:70px; height:45px;
}

Largeur du forum : 900px
Revenir en haut Aller en bas
Sam 19 Mar - 22:22

Remplacer l'intégralité du code par celui-ci :
Code:
<link href="https://fonts.googleapis.com/css?family=Fjalla+One" rel="stylesheet" type="text/css">
 <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="topCAT"><div class="tleCAT">{catrow.tablehead.L_FORUM}</div></div>
    <div class="mdlCAT"><!-- END tablehead -->

     <!-- BEGIN cathead -->
     <!-- END cathead -->
    
    <!-- BEGIN forumrow -->
      <div class="blocFRM"><div class="FRM"><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="lmsgFRM">{catrow.forumrow.LAST_POST}</div></div><div class="boxFRM"><div class="nbFRM"><p><b>{catrow.forumrow.TOPICS}</b><br/>sujets</p></div><div class="nbFRM nbIIFRM"><p><b>{catrow.forumrow.POSTS}</b><br/>messages</p></div></div></div><div id="descFRM"><div class="descFRM">{catrow.forumrow.FORUM_DESC}</div><div class="sfFRM"><div>{catrow.forumrow.L_LINKS}{catrow.forumrow.LINKS}</div></div><script type="text/javascript">$('.sfFRM').each(function(){$(this).html($(this).html().replace(/>, /g,"><br /> "));});</script></div></div>  
     <!-- END forumrow -->
    
    <!-- BEGIN catfoot -->
    <!-- END catfoot -->
    <!-- BEGIN tablefoot -->
 </div>
    <!-- END tablefoot --><!-- END catrow -->

Partie CSS :
Code:
/* HAUT CATEGORIE */
.topCAT {
margin:auto; width:900px; height:55px; padding-top:40px;
background:#d8e698; border-bottom:5px solid #cad78e; /* MODIFIABLE */
}
/* TITRE CATEGORIE */
.tleCAT{
text-align:right; padding-right:35px;
}
.tleCAT h2{
margin:0; font-size:36px; text-transform:uppercase; font-style:italic; letter-spacing:2px;
font-family:Fjalla One; color:white; text-shadow:1px 1px 0 rgba(0,0,0,0.1); /* MODIFIABLE */
}
/* CONTENU CATEGORIE */
.mdlCAT {
margin:auto; margin-bottom:15px;
width:898px; height:auto; padding-bottom:35px; border-top:none; border:1px solid;
background:white; border-color:#d8e698; /* MODIFIABLE */
}
/* BLOC FORUM */
.blocFRM{
width:900px; margin:auto; text-align:center;
}
/* BLOC ICÔNES / TITRE / DERNIER MESSAGE / NOMBRE SUJETS & MESSAGES FORUM */
.FRM {
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:#efefef; /* MODIFIABLE */
}
/* BLOC POSITIONNEMENT */
.boxFRM {
display:inline-block; vertical-align:middle; margin-left:35px;
}
/* TITRE FORUM */
.tleFRM {
margin-bottom:10px; width:175px;
text-align:center; font-size:18px; text-transform:uppercase; letter-spacing:1px;
}
.tleFRM a{
font-family:Fjalla One;  color:#d8e698 !important; /* MODIFIABLE */
}
/* DERNIER MESSAGE FORUM */
.lmsgFRM {
width:175px; font-size:10px;
color:black; /* MODIFIABLE */
}
/* TITRE DERNIER MESSAGE FORUM */
.lmsgFRM a {
text-transform:uppercase;
}
/* NOMBRE SUJETS FORUM */
.nbFRM {
width:86px; height:76px; padding:2px; overflow:hidden;
text-transform:uppercase; font-size:11px;
background:#efefef; color:rgba(0,0,0,0.5); /* MODIFIABLE */
}
/* BORDURE NOMBRE SUJETS FORUM */
.nbFRM p{
margin:0; height:59px; padding-top:15px; border:1px solid;
border-color:white; /* MODIFIABLE */
}
/* NOMBRE MESSAGES FORUM */
.nbIIFRM {
margin-top:20px;
background:#efefef; color:rgba(0,0,0,0.5); /* MODIFIABLE */
}
/* BORDURE NOMBRE MESSAGES FORUM */
.nbIIFRM p{
border-color:white; /* MODIFIABLE */
}
/* TAILLE 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;
background:#cad78e; border-color:#d8e698; /* MODIFIABLE */
}
/* DESCRIPTION FORUM */
.descFRM{
margin:auto; margin-top:19px;
width:350px; height:128px; padding:5px; overflow:auto;
font-size:11px; text-align:justify; border:1px solid;
background:white; border-color:#d8e698; color:black; /* MODIFIABLE */
}
/* TRIANGLE SOUS-FORUMS */
.sfFRM {
margin-left:190px; margin-top:1px;
width:0; height:0; border-style:solid; border-width:0 10px 17.3px 10px; border-color:transparent;
border-bottom-color:white; /* MODIFIABLE */
}
/* BLOC SOUS-FORUMS */
.sfFRM div{
position:absolute; margin-top:-140px; margin-left:-180px;
width:350px; height:128px; padding:5px; overflow:auto;
background:white; /* MODIFIABLE */
opacity:0; transform:scale(0); -webkit-transform:scale(0);
transition:all 0.45s ease-in-out; -webkit-transition:all 0.45s ease-in-out;
}
.sfFRM:hover div{
opacity:1; transform:scale(1); -webkit-transform:scale(1);
}
/* LIEN SOUS-FORUM */
.sfFRM a{
font-size:16px; font-family:Fjalla One; text-transform:uppercase; color:#d8e698 !important; /* MODIFIABLE */
}

Largeur du forum : 900px
Revenir en haut Aller en bas
Mer 23 Mar - 5:40

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 :

Revenir en haut Aller en bas
Mer 23 Mar - 5:40

Remplacer l'intégralité du code par celui-ci :
Code:
<table width="850px" 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">
 <!-- 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="boxDESC"><div class="lmsgFRM"><div>{catrow.forumrow.LAST_POST}</div></div></div><div class="FRM"><div class="descFRM">{catrow.forumrow.FORUM_DESC}</div><div class="boxFRM"><div class="sfFRM"><img src="{catrow.forumrow.FORUM_FOLDER_IMG}" class="imgFRM" /><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 class="sjtFRM">{catrow.forumrow.TOPICS} sujets</div><div class="repFRM">{catrow.forumrow.POSTS} messages</div></div></div></div>   
    <!-- END forumrow -->
   
    <!-- BEGIN catfoot -->
    <!-- END catfoot -->
    <!-- BEGIN tablefoot -->
 </div>
    <!-- END tablefoot --><!-- END catrow -->

Partie CSS :
Code:
/* TITRE CATEGORIES */
.tleCAT{
margin:auto; margin-top:5px;
width:850px; padding:15px 0; text-align:center;
background:#57979C; /* MODIFIABLE */
}
.tleCAT h2{
margin:0;
font-size:42px; text-transform:uppercase;
font-family:Arial; color:black; /* MODIFIABLE */
}
/* BLOC CATEGORIES */
.mdlCAT {
margin:auto; margin-bottom:10px;
width:850px; padding:20px 0;
background:#f2f2f2; /* MODIFIABLE */
}
/* BLOC FORUM */
.blocFRM{
margin:10px auto; width:800px;
}
/* TITRE FORUM */
.tleFRM {
margin-left:80px; margin-bottom:-30px;
width:700px; padding-right:15px; text-align:right;
background:#57979C; /* MODIFIABLE */
}
.tleFRM a{
text-transform:uppercase; font-size:18px; letter-spacing:3px;
font-family:Arial; color:white !important; /* MODIFIABLE */
}
/* BLOC IMAGE DESCRIPTIVE & DERNIER MESSAGE FORUM */
.boxDESC {
position:relative;
display:inline-block; vertical-align:top; margin-top:5px;
width:200px; height:200px; border-radius:200px;
background:#D6D6D6; /* MODIFIABLE */
}
/* IMAGE DESCRIPTIVE */
.descFRM img{
position:absolute; z-index:3; margin-top:-35px; margin-left:-215px;
width:200px; height:200px; border-radius:200px;
}
/* DERNIER MESSAGE FORUM */
.lmsgFRM {
position:absolute; z-index:4;
width:200px; height:200px;
}
.lmsgFRM div{
position:absolute; z-index:5; margin-top:15px; margin-left:15px;
width:170px; height:130px; padding-top:40px; border-radius:170px;
text-align:center; font-size:16px;
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;
}
.lmsgFRM:hover div{
transform:rotate(0deg) scale(1); -webkit-transform:rotate(0deg) scale(1);
}
/* BLOC DESCRIPTION / NOMBRE SUJETS & MESSAGES / SOUS-FORUMS */
.FRM{
display:inline-block; margin-top:35px;
}
/* DESCRIPTION FORUM */
.descFRM {
display:inline-block; margin-left:-105px;
width:405px; height:120px; padding:5px; padding-left:120px; overflow:auto;
font-size:11px; text-align:justify;
background:#e0e0e0; color:#999999;  /* MODIFIABLE */
}
/* BLOC POSITIONNEMENT */
.boxFRM {
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:auto;
text-align:left; font-size:11px;
background:#57979C; /* MODIFIABLE */
transform:translateX(165px); -webkit-transform:translateX(165px);
transition:all .65s linear; -webkit-transition:all .65s linear;
}
/* LIEN SOUS-FORUM */
.sfFRM a{
color:white !important; /* MODIFIABLE */
}
.sfFRM:hover div div{
transform:translateX(0px); -webkit-transform:translateX(0px);
}
/* NOMBRE SUJETS FORUM */
.sjtFRM {
display:inline-block; margin-top:5px; margin-right:5px;
width:80px; height:15px; padding:5px 0;
font-size:10px; letter-spacing:-1px; text-align:center;
background:#57979C; color:white; /* MODIFIABLE */
}
/* NOMBRE MESSAGES FORUM */
.repFRM {
display:inline-block; margin-top:5px;
width:80px; height:15px; padding:5px 0;
font-size:10px; letter-spacing:-1px; text-align:center;
background:white; color:#57979C; /* MODIFIABLE */
}

Largeur du forum : 850px

Instructions :

Revenir en haut Aller en bas
Ven 8 Avr - 0:26

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 :


Encadrer le texte descriptif des balises suivantes :
Code:
<div class="descFRM">Texte descriptif.</div>
Revenir en haut Aller en bas
Lun 11 Avr - 18:38

Remplacer l'intégralité du code par celui-ci :
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="lmsgFRM"><div class="avaFRM"><!-- BEGIN avatar -->{catrow.forumrow.avatar.LAST_POST_AVATAR}<!-- END avatar --></div>{catrow.forumrow.LAST_POST}</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; font-family:Arial; text-transform:uppercase;
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;
}
/* TITRE FORUM */
.tleFRM {
width:750px; padding:10px 0 5px;
text-align:left; font-size:16px; font-family:Arial;
text-transform:uppercase; letter-spacing:1px;
}
.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 */
#descFRM {
display:inline-block; vertical-align:top; margin:0 10px;
width:375px; height:100px; overflow:hidden; text-align:justify;
background:white; /* 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: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;
}
/* DERNIER MESSAGE FORUM */
.lmsgFRM {
display:inline-block; vertical-align:top;
width:310px; height:75px; padding:25px 5px 0;
text-align:center; text-transform:uppercase; font-size:12px; line-height:normal;
background:white; color:black; /* MODIFIABLE */
}
/* TITRE 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 {
float:right; margin-top:-12px; margin-right:7px;
width:60px; height:75px; 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 */
}
/* LIENS 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 :




Encadrer le texte descriptif des balises suivantes :
Code:
<div class="descFRM">Texte descriptif.</div>
Revenir en haut Aller en bas
Lun 11 Avr - 18:39

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>
    <div class="mdlCAT"><!-- END tablehead -->

    <!-- BEGIN cathead -->
    <!-- END cathead -->
   
    <!-- BEGIN forumrow -->
    <div class="tleFRM"><a href="{catrow.forumrow.U_VIEWFORUM}">{catrow.forumrow.FORUM_NAME}</a></div><div class="FRM"><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="lmsgFRM"><div id="avaFRM"><!-- BEGIN avatar --><div class="avaFRM">{catrow.forumrow.avatar.LAST_POST_AVATAR}</div><!-- END avatar --></div>{catrow.forumrow.LAST_POST}</div><div class="sfFRM">{catrow.forumrow.L_LINKS}{catrow.forumrow.LINKS}</div></div></div>
    <!-- END forumrow -->
   
    <!-- BEGIN catfoot -->
    <!-- END catfoot -->
    <!-- BEGIN tablefoot -->
 </div>
 <div class="btmCAT"></div>
    <!-- END tablefoot --><!-- END catrow -->

Partie CSS :
Code:
/* TITRE CATEGORIE */
.tleCAT{
margin:5px auto 0;
width:800px; padding:10px 0; border-radius:100px 100px 0 0; text-align:center;
background:#151315; /* MODIFIABLE */
}
.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 20px;
background:#ccc; /* MODIFIABLE */
}
/* BAS CATEGORIE */
.btmCAT {
margin:auto; margin-bottom:10px;
width:800px; height:20px; border-radius:0 0 100px 100px;
background:#151315; /* MODIFIABLE */
}
/* TITRE FORUM */
.tleFRM {
margin:10px 0 5px; width:750px;
text-align:right; font-size:22px; text-transform:uppercase;
}
.tleFRM a{
letter-spacing:1px;
font-family:Arial; color:#594c4d !important; /* MODIFIABLE */
transition:all 0.35s linear; -webkit-transition:all 0.35s linear;
}
/* SURVOL TITRE FORUM */
.tleFRM:hover a{
letter-spacing:5px; color:rgba(0,0,0,0.5) !important; /* MODIFIABLE */
}
/* BLOC FORUM */
.FRM {
margin:auto; margin-bottom:5px; width:750px; text-align:center;
}
/* BLOC DESCRIPTION + NOMBRE SUJETS & MESSAGES FORUM */
#descFRM {
display:inline-block;
width:365px; height:140px; overflow:hidden; border-radius:5px;
background:#434242; /* MODIFIABLE */
}
/* DESCRIPTION FORUM */
.descFRM {
margin:auto; margin-top:10px;
width:330px; height:90px; padding:5px; overflow:auto; border-radius:5px 5px 0 0;
font-size:10px; text-align:justify;
background:#7c7c7c; color:black; /* MODIFIABLE */
}
/* NOMBRE SUJETS & MESSAGES FORUM */
.nbFRM {
margin:auto; margin-top:10px;
width:300px; padding-top:1px; border-top:2px solid;
text-transform:uppercase; font-size:10px; letter-spacing:2px;
color:white; border-top-color:#ccc; /* MODIFIABLE */
}
/* ICÔNES FORUM */
.imgFRM {
display:inline-block; margin:0 10px;
width:120px; height:140px; border-radius:5px;
}
/* BLOC POSITIONNEMENT */
.boxFRM {
display:inline-block;
}
/* DERNIER MESSAGE FORUM */
.lmsgFRM {
display:inline-block; vertical-align:top;
width:210px; height:50px; padding:10px 5px; overflow:hidden; border-radius:5px;
text-align:left; font-size:12px;
background:#7d7d7d; color:black; /* MODIFIABLE */
}
/* BLOC AVATAR DERNIER POSTEUR */
#avaFRM {
float:right; margin-top:-5px;
width:50px; height:60px; overflow:hidden; border-radius:5px;
background:black; /* MODIFIABLE */
}
/* AVATAR DERNIER POSTEUR */
#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 */
.lmsgFRM:hover #avaFRM img{
filter:grayscale(0); -webkit-filter:grayscale(0);
}
/* SOUS-FORUMS */
.sfFRM {
margin-top:10px;
width:210px; height:50px; padding:5px; overflow:auto; border-radius:5px;
text-align:right; font-size:12px;
background:rgba(0,0,0,0.5); color:black; /* MODIFIABLE */
}
/* LIEN SOUS-FORUM */
.sfFRM a{
text-transform:uppercase; color:black !important; /* MODIFIABLE */
}

Largeur du forum : 800px

Instructions :

Revenir en haut Aller en bas
Mar 12 Avr - 21:03

Remplacer l'intégralité du code par celui-ci :
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"><!-- 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"><img src="{catrow.forumrow.FORUM_FOLDER_IMG}" class="imgFRM" /><div>{catrow.forumrow.L_LINKS}{catrow.forumrow.LINKS}</div></div><div class="descFRM">{catrow.forumrow.FORUM_DESC}</div></div><div id="avaFRM"><!-- BEGIN avatar --><div class="avaFRM">{catrow.forumrow.avatar.LAST_POST_AVATAR}</div><!-- END avatar --></div><div class="lmsgFRM"><div class="nbFRM">{catrow.forumrow.TOPICS} sujets  & {catrow.forumrow.POSTS} messages</div><p>{catrow.forumrow.LAST_POST}<p></div></div>
    <!-- END forumrow -->
   
    <!-- BEGIN catfoot -->
    <!-- END catfoot -->
    <!-- BEGIN tablefoot -->
 </div>
 <div class="btmCAT"></div>
    <!-- END tablefoot --><!-- END catrow -->

Partie CSS :
Code:
/* TITRE CATEGORIE */
.tleCAT{
margin:5px auto 0;
width:850px; padding:10px 0; border-radius:50px 50px 0 0; border:5px solid; border-bottom:none;
text-align:center;
background:#111730; border-color:white; /* MODIFIABLE */
}
.tleCAT h2{
margin:0;
font-size:62px; text-transform:uppercase; letter-spacing:2px;
font-family:Calibri; color:white; /* MODIFIABLE */
}
/* CONTENU CATEGORIE */
.mdlCAT {
margin:auto;
width:850px; padding:15px 0 10px; border:5px solid; border-top:none; border-bottom:none;
background:#dedede; border-color:white; /* MODIFIABLE */
}
/* BAS CATEGORIE */
.btmCAT {
margin:auto; margin-bottom:10px;
width:850px; height:50px; border-radius:0 0 50px 50px; border:5px solid; border-top:none;
background:#111730; border-color:white; /* MODIFIABLE */
}
/* BLOC FORUM */
.FRM {
margin:25px auto; width:825px; height:140px; text-align:center;
}
/* BLOC TITRE / ICÔNES / DESCRIPTIONS / SOUS-FORUMS */
.boxFRM {
display:inline-block; vertical-align:top;
width:350px; height:140px;
}
/* TITRE FORUM */
.tleFRM {
display:inline-block; vertical-align:top; margin-right:10px;
width:275px; height:31px; padding:5px; border:2px solid;
text-align:left; font-size:20px; text-transform:uppercase;
border-color:black; /* MODIFIABLE */
}
.tleFRM a{
font-family:Calibri; color:black !important; /* MODIFIABLE */
}
/* SURVOL TITRE FORUM */
.tleFRM:hover {
font-weight:bold;
}
/* BLOC ICÔNES & SOUS-FORUMS */
.sfFRM {
display:inline-block; vertical-align:top;
}
/* ICÔNES FORUM */
.imgFRM {
width:50px; height:45px;
}
/* DESCRIPTION FORUM */
.descFRM {
margin-top:10px;
width:340px; height:75px; padding:5px; overflow:auto;
font-size:10px; text-align:justify;
background:black; color:#7c7c7c; /* MODIFIABLE */
}
/* CONTENU SOUS-FORUMS */
.sfFRM div{
position:absolute; margin-top:10px; margin-left:-300px;
width:350px; height:70px; padding-top:15px; overflow:auto;
text-align:center; font-size:12px; color:rgba(0,0,0,0);
background:#dedede; /* MODIFIABLE */
transform:scale(0); -webkit-transform:scale(0);
transition:all 1s linear; -webkit-transition:all 1s linear;
}
.sfFRM:hover div{
transform:scale(1); -webkit-transform:scale(1);
transition:all 0.25s linear; -webkit-transition:all 0.25s linear;
}
/* LIEN SOUS-FORUM */
.sfFRM div a{
display:inline-block; margin-bottom:5px;
width:155px; height:15px; padding:5px; overflow:hidden; border-radius:5px;
background:#121217; text-transform:uppercase; color:#9B9B9D !important; /* MODIFIABLE */
}
/* SURVOL LIEN SOUS-FORUM */
.sfFRM div a:hover {
font-weight:bold;
}
/* BLOC AVATAR DERNIER POSTEUR */
#avaFRM {
display:inline-block; vertical-align:top; margin:0 20px;
width:100px; height:140px; overflow:hidden; border-radius:5px;
background:black; /* MODIFIABLE */
}
/* AVATAR DERNIER POSTEUR */
#avaFRM img{
width:100px;
}
/* BLOC NOMBRE SUJETS & MESSAGES / DERNIER MESSAGE FORUM */
.lmsgFRM {
display:inline-block; vertical-align:top;
width:275px; height:120px; padding:10px 5px; overflow:hidden;
text-align:center; 
background:white; /* MODIFIABLE */
}
/* NOMBRE SUJETS & MESSAGES FORUM */
.nbFRM {
margin:10px auto;
text-transform:uppercase; font-size:12px;
color:#9B9B9D; /* MODIFIABLE */
}
/* DERNIER MESSAGE FORUM */
.lmsgFRM p{
margin:0;
text-transform:uppercase; font-size:20px;
color:#9B9B9D; /* MODIFIABLE */
}
/* TAILLE PSEUDONYME DERNIER POSTEUR FORUM */
.lmsgFRM .gensmall{
font-size:20px;
}

Largeur du forum : 850px

Instructions :

Revenir en haut Aller en bas
Mar 12 Avr - 21:12

Remplacer l'intégralité du code par celui-ci :
Code:
<table width="825px" 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"><!-- END tablehead -->

    <!-- BEGIN cathead -->
    <!-- END cathead -->
   
    <!-- BEGIN forumrow -->
    <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="FRM"><div class="descFRM">{catrow.forumrow.FORUM_DESC}</div><div class="boxDESC"></div><div class="sfFRM">{catrow.forumrow.L_LINKS}{catrow.forumrow.LINKS}</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 5px;"> </span>'));});</script><img src="{catrow.forumrow.FORUM_FOLDER_IMG}" class="imgFRM" /></div>
    <!-- END forumrow -->
   
    <!-- BEGIN catfoot -->
    <!-- END catfoot -->
    <!-- BEGIN tablefoot -->
   </div>
    <!-- END tablefoot --><!-- END catrow -->

Partie CSS :
Code:
/* BLOC TITRE CATEGORIE */
.tleCAT{
margin:5px auto 0;
width:825px; 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:#548b78; /* MODIFIABLE */
}
/* CONTENU CATEGORIE */
.mdlCAT {
margin:auto; width:825px; padding:10px 0;
background:none; /* MODIFIABLE */
}
/* NOMBRE SUJETS & MESSAGES FORUM */
.nbFRM {
display:inline-block; vertical-align:middle; margin-right:15px;
text-transform:uppercase; font-size:10px;
color:#1B1B1B; /* MODIFIABLE */
}
/* TITRE FORUM */
.tleFRM {
margin:auto; width:815px; padding:5px;
text-align:right; font-size:20px; text-transform:uppercase;
}
.tleFRM a{
display:inline-block; vertical-align:middle;
color:#548b78 !important; /* MODIFIABLE */
}
/* BLOC FORUM */
.FRM {
margin:0 auto 10px; width:825px; text-align:center;
}
/* DESCRIPTION FORUM */
.descFRM {
display:inline-block;
width:305px; height:124px; padding:5px; overflow:auto;
font-size:10px; text-align:justify;
background:#1B1B1B; color:#c3c3c3; /* MODIFIABLE */
}
/* BLOC IMAGE DESCRIPTIVE FORUM */
.boxDESC {
display:inline-block; margin:0 15px;
width:275px; height:130px; border:2px solid
background:black; border-color:#1B1B1B; /* MODIFIABLE */
}
/* IMAGE DESCRIPIVE FORUM */
.descFRM img{
position:absolute; margin-top:-3px; margin-left:327px;
width:275px; height:130px;
filter:grayscale(1); -webkit-filter:grayscale(1);
transition:all 0.75s linear; -webkit-transition:all 0.75s linear;
}
/* SURVOL IMAGE DESCRIPTIVE */
.descFRM img:hover {
filter:grayscale(0); -webkit-filter:grayscale(0);
}
/* SOUS-FORUMS */
.sfFRM {
display:inline-block;
width:200px; height:134px; overflow:auto;
text-align:center; font-size:12px; line-height:4px; color:rgba(0,0,0,0);
}
/* LIEN SOUS-FORUM */
.sfFRM a{
display:block; margin:auto; margin-bottom:5px;
width:95%; height:15px; padding:5px; overflow:hidden;
text-transform:uppercase; line-height:12px;
border-radius:5px; background:#1B1B1B; color:#C3C3C3 !important; /* MODIFIABLE */
}
/* ICÔNES FORUM */
.imgFRM {
margin-top:10px;
width:825px; height:25px;
}
/* DERNIER MESSAGE FORUM */
.lmsgFRM {
position:absolute; margin-top:10px; margin-left:5px;
padding:5px; text-align:left; font-size:11px; text-transform:uppercase;
color:#c3c3c3; /* MODIFIABLE */
}

Largeur du forum : 825px

Instructions :

Revenir en haut Aller en bas
Mar 14 Juin - 5:46

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">{catrow.forumrow.LAST_POST}<div id="avaFRM"><!-- BEGIN avatar -->{catrow.forumrow.avatar.LAST_POST_AVATAR}<!-- END avatar --></div></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 -->

Partie CSS :
Code:
/* HAUT CATEGORIE */
.tleCAT{
margin:5px auto 0; width:800px; padding:10px 0; text-align:center;
background:#90B6BE; /* MODIFIABLE */
}
/* TITRE CATEGORIE */
.tleCAT h2{
margin:0; font-size:32px; text-transform:uppercase; letter-spacing:3px;
color:white; font-family:Arial; /* MODIFIABLE */
}
/* BLOC CATEGORIE */
.mdlCAT {
margin:auto; width:800px; padding:25px 0 10px;
background:lightgrey; /* MODIFIABLE */
}
/* BAS CATEGORIE */
.btmCAT {
margin:0 auto 10px; width:800px;
height:20px; border-radius:0 0 15px 15px; background:#191919; /* MODIFIABLE */
}
/* BLOC FORUM */
.FRM {
margin:auto; margin-bottom:15px;
width:800px; text-align:center;
}
/* ICÔNES FORUM */
.imgFRM{
display:inline-block; vertical-align:bottom;
width:50px; height:95px;
}
/* BLOC POSITIONNEMENT FORUM */
.boxFRM {
display:inline-block; vertical-align:top;
}
/* BLOC TITRE FORUM */
.tleFRM {
margin:auto; margin-bottom:5px;
width:415px; height:15px; padding:5px 0 5px 10px;
text-transform:uppercase; text-align:left; font-size:11px;
background:#90B6BE; /* MODIFIABLE */
}
/* TITRE FORUM */
.tleFRM a{
color:black !important;  /* MODIFIABLE */
transition:all 1.25s; -webkit-transition:all 1.25s;
}
/* SURVOL TITRE FORUM */
.tleFRM:hover a {
padding-left:10px; color:white !important; /* MODIFIABLE */
}
/* DESCRIPTION FORUM */
.descFRM {
margin:0 10px;
width:415px; height:55px; padding:5px; overflow:auto;
font-size:11px; text-align:justify;
background:#191919; color:white; /* MODIFIABLE */
}
/* DERNIER MESSAGE FORUM */
.lmsgFRM {
display:inline-block; vertical-align:top;
width:225px; height:58px; padding:7px 0 0 15px;
text-align:left; font-size:12px; text-transform:uppercase;
background:#191919; color:white; /* MODIFIABLE */
}
/* COULEUR TITRE DERNIER SUJET FORUM */
.lmsgFRM a {
color:#CCC; /* MODIFIABLE */
}
/* NOMBRE SUJETS & MESSAGES FORUM */
.nbFRM {
margin-top:5px; height:15px; padding:5px; padding-left:10px;
font-size:11px; text-transform:uppercase; text-align:left;
background:#90B6BE; color:white; /* MODIFIABLE */
}
/* AVATAR DERNIER POSTEUR FORUM */
#avaFRM {
position:absolute; margin-left:170px; margin-top:-41px;
width:45px; height:70px; overflow:hidden;
}
#avaFRM img {
width:50px;
}
/* SOUS-FORUMS */
.sfFRM {
margin:5px auto 0; width:735px;
text-align:left; color:rgba(0,0,0,0);
}
/* LIEN SOUS-FORUM */
.sfFRM a{
display:inline-block; vertical-align:top; margin-right:-4px; padding:5px 10px;
text-transform:uppercase; text-align:center; font-size:10px;
background:grey; color:white !important; /* MODIFIABLE */
}

Largeur du forum : 800px

Instructions :

Revenir en haut Aller en bas
Sam 2 Juil - 0:50

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"><div class="lftCAT"></div>{catrow.tablehead.L_FORUM}<div class="rgtCAT"></div></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="nbFRMII">{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>
    <!-- END tablefoot --><!-- END catrow -->

Partie CSS :
Code:
/* HAUT CATEGORIE */
.tleCAT{
margin:5px auto 0; width:800px; padding:15px 0; text-align:center;
background:coral; /* MODIFIABLE */
}
/* BANDE GAUCHE TITRE CATEGORIE */
.lftCAT {
display:inline-block; vertical-align:middle; margin-right:10px; height:5px; width:150px;
background:white; /* MODIFIABLE */
}
/* TITRE CATEGORIE */
.tleCAT h2{
display:inline-block; vertical-align:middle; margin:0;
font-size:32px; text-transform:uppercase; letter-spacing:3px;
color:white; font-family:Arial; /* MODIFIABLE */
}
/* BANDE DROITE TITRE CATEGORIE */
.rgtCAT {
display:inline-block; vertical-align:middle; margin-left:10px; height:5px; width:150px;
background:white; /* MODIFIABLE */
}
/* BLOC CATEGORIE */
.mdlCAT {
margin:auto; margin-bottom:15px; width:800px; padding:25px 0 15px;
background:#BABABA; /* MODIFIABLE */
}
/* BLOC FORUM */
.FRM {
margin:auto; margin-bottom:10px;
width:750px; text-align:center;
}
/* 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;
text-transform:uppercase; text-align:left; font-size:11px;
background:coral; /* 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:auto;
text-align:center; line-height:0px; color:rgba(0,0,0,0);
background:white; /* MODIFIABLE */
}
/* LIEN SOUS-FORUM */
.sfFRM a{
display:block; margin:auto; margin-bottom:3px; width:95%; padding-bottom:5px;
text-transform:uppercase; text-align:left; font-size:10px; line-height:12px;
border-bottom:1px solid coral; color:coral !important; /* MODIFIABLE */
}
/* DESCRIPTION FORUM */
.descFRM {
display:inline-block; vertical-align:top; margin:0 10px;
width:185px; height:115px; padding:5px; overflow:auto;
font-size:11px; text-align:justify;
background:white; color:coral; /* MODIFIABLE */
}
/* DERNIER MESSAGE FORUM */
.lmsgFRM {
position:relative; z-index:3;
display:inline-block; vertical-align:top;
width:225px; height:118px; padding:7px 0 0 10px;
text-align:left; font-size:12px; text-transform:uppercase;
background:#dedede; color:darkgrey; /* 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:coral; color:white; /* MODIFIABLE */
}
/* NOMBRE MESSAGES FORUM */
.nbFRMII {
margin:5px 0; width:60%; height:18px; padding:2px 5px 0 10px;
font-size:10px; text-transform:uppercase; text-align:left;
background:coral; color:white; /* MODIFIABLE */
}
/* AVATAR DERNIER POSTEUR FORUM */
.avaFRM {
position:absolute; margin-left:160px; margin-top:-50px;
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 :

Revenir en haut Aller en bas
Mar 5 Juil - 5:35

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 :



Revenir en haut Aller en bas
Jeu 21 Juil - 7:20

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="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="nbFRMII">{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;
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:5px;
width:800px; text-align:center;
}
/* 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:auto;
background:white; color:black; /* MODIFIABLE */
font-size:11px; text-align:justify;
}
/* 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:14px; text-align:center; text-transform:uppercase;
}
/* TAILLE PSEUDONYME DERNIER POSTEUR FORUM */
.lmsgFRM .gensmall {
font-size:14px;
}
/* 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;
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-top:10px; margin-left:10px;
width:160px; height:40px; padding-top:10px;
font-size:24px; text-transform:uppercase; text-align:center;
background:#64B3AC; color:white; /* MODIFIABLE */
}
/* BLOC TITRE FORUM */
.tleFRM {
margin:10px auto;
width:330px; height:35px; padding-top:15px;
text-align:center; text-transform:uppercase; font-size:18px; font-family:Arial;
background:#191919; /* MODIFIABLE */
}
/* TITRE FORUM */
.tleFRM a{
color:#64B3AC !important;  /* MODIFIABLE */
}
/* BLOC IMAGE DESCRIPTIVE */
.boxDESC {
display:inline-block; vertical-align:top; margin-left:10px;
width:200px; height:200px;
background:darkgrey; /* MODIFIABLE */
}
/* IMAGE DESCRIPTIVE */
.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:auto;
background:#191919; /* MODIFIABLE */
text-align:center; line-height:0px; color:rgba(0,0,0,0);
opacity:0; transition:opacity 0.65s ease-in-out; -webkit-transition:opacity 0.65s ease-in-out;
}
.sfFRM:hover {
opacity:1;
}
/* 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:#64B3AC; color:#191919; /* MODIFIABLE */
}

Largeur du forum : 800px

Instructions :



Revenir en haut Aller en bas
Jeu 28 Juil - 19:48

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><!-- END tablehead -->

        <!-- BEGIN cathead -->
        <!-- END cathead -->
       
        <!-- BEGIN forumrow -->
        <div class="FRM"><div class="boxDESC"><img src="{catrow.forumrow.FORUM_FOLDER_IMG}" class="imgFRM" /></div><div class="tleFRM"><a href="{catrow.forumrow.U_VIEWFORUM}">{catrow.forumrow.FORUM_NAME}</a><div class="lmsgFRM">{catrow.forumrow.LAST_POST}</div></div><div class="boxFRM"><div class="descFRM">{catrow.forumrow.FORUM_DESC}</div><div class="sfFRM">{catrow.forumrow.L_LINKS}{catrow.forumrow.LINKS}</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 -->

Partie CSS :
Code:
/* BLOC TITRE CATEGORIE */
.tleCAT{
margin:10px auto 0; width:900px; padding:10px 0; text-align:right;
background:lightblue; /* 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; text-align:center;
width:898px; padding:10px 0; border:1px solid;
background:#dedede; border-color:lightgrey; /* MODIFIABLE */
}
/* BLOC IMAGE DESCRIPTIVE */
.boxDESC {
display:inline-block;
width:240px; height:170px; border:1px solid;
border-color:lightgrey; background:white; /* MODIFIABLE */
}
/* IMAGE DESCRIPTIVE */
.descFRM img{
position:absolute; z-index:3; margin-left:-484px;
width:220px; height:150px;
transition:opacity 0.75s ease-in-out; -webkit-transition:opacity 0.75s ease-in-out;
}
.descFRM img:hover {
opacity:0;
}
/* ICÔNES FORUM */
.imgFRM{
margin:10px auto 0; width:220px; height:150px;
}
/* BLOC TITRE / DERNIER MESSAGE FORUM */
.tleFRM {
display:inline-block; vertical-align:top; margin:0 10px;
width:220px; height:115px; padding-top:55px; border:1px solid;
text-align:center; font-size:12px; text-transform:uppercase; line-height:16px;
border-color:lightgrey; background:white; /* MODIFIABLE */
}
/* TITRE FORUM */
.tleFRM a {
color:lightblue !important; /* MODIFIABLE */
}
/* DERNIER MESSAGE FORUM */
.lmsgFRM {
margin:10px auto 0; width:80%; padding:5px;
text-align:center; font-size:9px; border-top:1px solid;
border-top-color:lightgrey; color:black; /* MODIFIABLE */
}
/* COULEUR TITRE DERNIER MESSAGE FORUM */
.lmsgFRM a {
color:grey !important; /* MODIFIABLE */
}
/* DESCRIPTION FORUM */
.descFRM {
margin-bottom:5px; margin-right:10px;
width:260px; height:103px; padding:10px; overflow:auto; border:1px solid;
font-size:10px; text-align:justify;
border-color:lightgrey; background:white; color:black;  /* MODIFIABLE */
}
/* BLOC SOUS-FORUMS */
.sfFRM {
margin-top:5px;
width:270px; height:30px; padding:5px; overflow:auto; border:1px solid;
border-color:lightgrey; background:white; color:grey;  /* MODIFIABLE */
font-size:10px; text-align:left; text-transform:uppercase;
}
/* LIEN SOUS-FORUM */
.sfFRM a{
color:grey !important; /* MODIFIABLE */
}
/* BLOC POSITIONNEMENT */
.boxFRM {
display:inline-block; vertical-align:top;
}
/* NOMBRE SUJETS FORUM */
.nbFRM {
width:100px; height:65px; padding-top:15px; border:1px solid;
text-align:center; font-size:36px;
border-color:grey; color:black; /* MODIFIABLE */
}
/* NOMBRE MESSAGES FORUM */
.nbFRMII {
margin-top:7px;
border-color:grey; color:grey; /* MODIFIABLE */
}

Largeur du forum : 900px

Instructions :

Revenir en haut Aller en bas
Lun 5 Sep - 6:10

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="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">{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 -->
        <!-- 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; text-align:left;
}
.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:18px; padding-top:7px; overflow:hidden;
background:white; color:black; /* MODIFIABLE */
font-size:10px; text-align:center;
}
/* 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;
height:105px; width:260px; padding:5px; overflow:auto;
background:rgba(250,250,250,0.8); color:black; /* MODIFIABLE */
font-size:11px; text-align:justify;
}
/* BLOC SOUS-FORUMS */
.sfFRM{
margin-top:5px;
width:355px; height:15px; padding:5px; overflow:auto;
background:rgba(250,250,250,0.3); color:black; /* MODIFIABLE */
text-align:left; font-size:11px; text-transform:uppercase;
}
/* LIEN SOUS-FORUM */
.sfFRM a{
color:black !important; /* MODIFIABLE */
}
/* BLOC AVATAR DERNIER POSTEUR / SUJETS & MESSAGES FORUM */
.boxIIFRM {
display:inline-block; vertical-align:top; margin-left:5px;
width:60px;
}
/* BLOC AVATAR DERNIER POSTEUR FORUM */
.avaFRM {
width:60px; height:85px; overflow:hidden;
background:#ccc; /* MODIFIABLE */
}
.avaFRM img{
width:65px; 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:60px; height:20px; padding-top:5px; overflow:hidden;
background:rgba(250,250,250,0.8); color:black; /* MODIFIABLE */
font-size:11px; text-align:center;
}
/* NOMBRE MESSAGES FORUM */
.nbFRM:nth-of-type(3) {
background:rgba(250,250,250,0.9); color:black; /* MODIFIABLE */
}
/* BLOC TITRE FORUM */
.tleFRM {
display:inline-block; vertical-align:top;
width:15px; height:175px;
}
.tleFRM div {
margin-top:75px; margin-left:-70px;
width:175px; height:22px; padding:3px 0 0; overflow:hidden;
font-family:Arial; background:#191919; /* MODIFIABLE */
text-transform:uppercase; text-align:center; font-size:14px;
transform:rotate(90deg); -webkit-transform:rotate(90deg);
transition:all .65s linear; -webkit-transition:all .65s linear;
}
/* TITRE FORUM */
.tleFRM a{
color:white !important; /* MODIFIABLE */
}
/* SURVOL BLOC TITRE FORUM */
.FRM:hover .tleFRM div {
background:#64B3AC; /* MODIFIABLE */
}

Largeur du forum : 800px

Instructions :

Revenir en haut Aller en bas
Mer 7 Sep - 6:50

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"><!-- 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="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 class="nbFRM">{catrow.forumrow.TOPICS} sujets | {catrow.forumrow.POSTS} messages</div></div><div class="avaFRM"><!-- BEGIN avatar -->{catrow.forumrow.avatar.LAST_POST_AVATAR}<!-- END avatar --></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:900px; padding:20px 0; border-radius:15px 15px 0 0; text-align:center;
background:#6A95A1; /* MODIFIABLE */
}
/* TITRE CATEGORIE */
.tleCAT h2{
margin:0; font-size:32px; text-transform:uppercase; letter-spacing:3px;
color:white; font-family:Arial; /* MODIFIABLE */
}
/* BLOC CATEGORIE */
.mdlCAT {
margin:auto; width:900px; padding:25px 0 15px;
background:#EBEBEB; /* MODIFIABLE */
}
/* BAS CATEGORIE */
.btmCAT {
margin:auto; margin-bottom:10px; width:900px; height:35px; border-radius:0 0 15px 15px;
background:#6A95A1; /* MODIFIABLE */
}
/* BLOC FORUM */
.blocFRM{
width:850px; margin:auto;
text-align:center; font-family:Arial;
}
/* BLOC TITRE FORUM */
.tleFRM {
margin:0 auto 5px;
width:805px; padding:5px 25px 5px 0; border-radius:10px;
text-align:right; text-transform:uppercase; letter-spacing:3px;
background:#6A95A1; /* MODIFIABLE */
}
/* TITRE FORUM */
.tleFRM a{
color:white !important; /* MODIFIABLE */
}
/* BLOC FORUM ARRONDI */
.FRM {
margin:auto; margin-bottom:10px;
width:830px; height:100px; overflow:hidden; border-radius:10px;
}
/* ICÔNES FORUM */
.imgFRM{
display:inline-block; vertical-align:top;
width:50px; height:100px;
}
/* DESCRIPTION FORUM */
.descFRM {
display:inline-block; vertical-align:top;
width:295px; height:90px; padding:5px; overflow:auto;
font-size:10px; text-align:justify; line-height:13.5px;
background:white; color:black; /* MODIFIABLE */
}
/* IMAGE DESCRIPTIVE FORUM */
.descFRM img{
position:absolute; margin-top:-5px; margin-left:300px;
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:90px; padding:5px 0; overflow: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; line-height:16px;
background:white; color:grey !important; text-transform:uppercase; /* MODIFIABLE */
}
/* DERNIER MESSAGE FORUM */
.lmsgFRM {
display:inline-block; vertical-align:top;
width:165px; height:80px; padding:20px 5px 0;
text-align:center; font-size:10px; text-transform:uppercase;
background:white; color:black; /* MODIFIABLE */
}
/* TITRE DERNIER MESSAGE FORUM */
.lmsgFRM a {
color:black; /* MODIFIABLE */
}
/* NOMBRE SUJETS & MESSAGES FORUM */
.nbFRM {
padding-top:10px;
color:black; /* MODIFIABLE */
}
/* BLOC 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;
}
.blocFRM:hover .avaFRM img {
filter:grayscale(0); -webkit-filter:grayscale(0);
}

Largeur du forum : 900px

Instructions :


Revenir en haut Aller en bas
Jeu 8 Sep - 7:05

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
Sam 1 Oct - 17:50

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 :

Revenir en haut Aller en bas
Ven 14 Oct - 23:20

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 :

Revenir en haut Aller en bas
Ven 30 Déc - 21:45

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 :


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

Revenir en haut Aller en bas
Revenir en haut Aller en bas
Vous ne pouvez pas répondre aux sujets dans ce forum