[50] Catégories

 :: Libre service :: Codage :: Templates Voir le sujet précédent Voir le sujet suivant Aller en bas
Message[50] Catégories Sam 24 Jan 2015 - 6:37
avatar
Nombre de messages : 892
Date d'inscription : 04/07/2007
Logiciels : Photoshop CS6 - Flash CS6 - Notepad

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
MessageRe: [50] Catégories Sam 24 Jan 2015 - 7:11
avatar
Nombre de messages : 892
Date d'inscription : 04/07/2007
Logiciels : Photoshop CS6 - Flash CS6 - Notepad

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
MessageRe: [50] Catégories Jeu 2 Avr 2015 - 22:21
avatar
Nombre de messages : 892
Date d'inscription : 04/07/2007
Logiciels : Photoshop CS6 - Flash CS6 - Notepad

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 class="FRM"><div class="tleFRM"><a href="{catrow.forumrow.U_VIEWFORUM}">{catrow.forumrow.FORUM_NAME}</a></div><div class="imgFRM"><img src="{catrow.forumrow.FORUM_FOLDER_IMG}" /><div>{catrow.forumrow.TOPICS} sujets • {catrow.forumrow.POSTS} messages</div></div><div class="lmsgFRM">{catrow.forumrow.LAST_POST}</div><div class="descFRM">{catrow.forumrow.FORUM_DESC}</div><div class="sfFRM">SOUS<br/>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>      
     <!-- END forumrow -->
    
    <!-- BEGIN catfoot -->
     <!-- END catfoot -->
     <!-- BEGIN tablefoot -->
    <br clear="all" /></div>
    <!-- END tablefoot --><!-- END catrow -->

Partie CSS :
Code:
/* HAUT CATEGORIES */
.topCAT{
position:relative; margin:10px auto 0; width:825px;
background:grey; /* MODIFIABLE */
}
/* MILIEU CATEGORIE */
.mdlCAT{
background:rgba(250,250,250,0.3); /* MODIFIABLE */
width:825px; margin:-10px auto 0;
}
/* TITRE CATEGORIES */
.tleCAT{
width:825px; padding:15px 0;
text-align:center;
}
.tleCAT h2{
font-size:32px; text-transform:uppercase;
color:white;  /* MODIFIABLE *
}
/* BLOC FORUMS */
.blocFRM{
width:825px; margin:auto;
}
/* BLOC FORUM */
.FRM{
float:left; margin:10px 0 10px 20px;
width:250px; height:205px;
}
/* BLOC TITRE FORUM */
.tleFRM {
height:70px; width:90px; padding:30px 5px 0; 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 FORUMS */
.imgFRM{
position:absolute; z-index:2; margin-left:100px; margin-top:-100px;
width:45px; height:200px;
}
.imgFRM img{
width:45px; height:200px;
}
/* NOMBRE SUJETS ET MESSAGES */
.imgFRM div {
position:absolute; z-index:3; margin-top:-123px; margin-left:-75px;
width:200px; height:35px; padding-top:10px;
color:white; text-shadow:1px 1px 0px black; /* MODIFIABLE */
font-size:11px; text-align:center;
opacity:0; transform:rotate(-90deg); -webkit-transform:rotate(-90deg);
}
.imgFRM:hover div{
opacity:1;
}
/* DERNIER MESSAGE FORUM */
.lmsgFRM {
position:absolute; margin-left:145px; margin-top:-100px;
width:90px; height:85px; padding:15px 5px 0;
text-align:center; font-size:11px;
background:#ccc; color:black; /* MODIFIABLE */
}
.lmsgFRM a{
color:black !important; /* MODIFIABLE */
}
/* DESCRIPTION FORUM */
.descFRM {
position:absolute; margin-left:145px;
width:90px; height:90px; padding:5px; overflow:hidden;
background:teal; color:white; /* MODIFIABLE */
font-size:9px; text-align:justify;
transition:all .65s linear; -webkit-transition:all .65s linear;
}
/* SURVOL DESCRIPTION FORUM */
.descFRM:hover {
position:absolute;  z-index:5; margin-left:-5px; margin-top:-100px;
height:190px; width:240px; overflow:auto;
background:#ccc; color:black; /* MODIFIABLE */
font-size:11px;
}
/* BLOC SOUS-FORUMS */
.sfFRM {
position:absolute;
padding-top:30px; height:70px; width:100px;
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:-58px;
padding:5px; width:90px; height:90px; 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;
}
/* SOUS-FORUM */
.sfFRM a{
color:black !important; /* MODIFIABLE */
}
.sfFRM:hover div{
opacity:1; transform:scale(1); -webkit-transform:scale(1);
}

Largeur du forum : 825px
Revenir en haut Aller en bas
MessageRe: [50] Catégories Jeu 2 Avr 2015 - 23:05
avatar
Nombre de messages : 892
Date d'inscription : 04/07/2007
Logiciels : Photoshop CS6 - Flash CS6 - Notepad

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="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="boxFRM"><div class="sfFRM">SOUS<br/>FORUMS<div>{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} S.<br/>{catrow.forumrow.POSTS} R.</div></div></div></div>     
    <!-- END forumrow -->
   
    <!-- BEGIN catfoot -->
    <!-- END catfoot -->
    <!-- BEGIN tablefoot -->
    <br clear="all" />
    <!-- END tablefoot --><!-- END catrow -->

Partie CSS :
Code:
/* TITRE CATEGORIES */
.tleCAT{
margin:10px auto -10px;
width:755px; padding:5px 0; text-align:center;
background:black; /* MODIFIABLE */
}
.tleCAT h2{
font-size:32px; font-family:Arial; text-transform:uppercase; letter-spacing:3px;
color:white; /* MODIFIABLE */
}
/* BLOC FORUMS */
.blocFRM{
margin:auto;
width:790px; padding-left:10px; text-align:center;
}
/* BLOC FORUM */
.FRM {
float:left; margin:10px 15px;
width:360px; height:235px;
}
/* TITRE FORUM */
.tleFRM {
margin:auto;
height:20px; width:85%; padding:3px 3px 3px 0px; border-radius:25px 25px 0 0; overflow:hidden;
background:rgba(250,250,250,0.3); /* MODIFIABLE */
text-transform:uppercase; font-weight:bold; text-align:center;
}
.tleFRM a{
color:white !important; /* MODIFIABLE */
}
/* CONTENEUR SOUS-FORUMS / DERNIER MESSAGE / DESCRIPTION FORUM */
.boxFRM {
height:180px;
background:#ccc; box-shadow:0 0 3px rgba(0,0,0,0.3); /* MODIFIABLE */
}
/* BLOC SOUS-FORUMS */
.sfFRM {
position:absolute; margin-top:15px; margin-left:20px;
height:50px; width:155px; padding:15px 0 0; border-radius:10px;
background:#191919; color:rgba(250,250,250,0.6); /* MODIFIABLE */
font-size:10px;
}
/* CONTENU SOUS-FORUMS */
.sfFRM div{
position:absolute; margin-top:-43px;
width:145px; height:55px; padding:5px; border-radius:10px;
text-align:left; font-size:10px;
background:#191919; /* MODIFIABLE */
opacity:0; transform:scale(0); -webkit-transform:scale(0);
transition:all .65s linear; -webkit-transition:all .65s linear;
}
/* LIEN SOUS-FORUM */
.sfFRM a{
color:white !important; /* MODIFIABLE */
}
.sfFRM:hover div{
opacity:1;
transform:scale(1); -webkit-transform:scale(1);
}
/* DERNIER MESSAGE FORUM */
.lmsgFRM {
position:absolute; margin-left:185px; margin-top: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 {
position:absolute; margin-top:90px; margin-left:25px;
width:305px; height:65px; padding:5px; overflow:auto;
font-size:10px; text-align:justify;
color:black; /* MODIFIABLE */
}
/* ICÔNES FORUM */
.imgFRM{
position:absolute; z-index:2; margin-left:140px; margin-top:-40px;
width:75px; height:75px;
}
.imgFRM img{
border-radius:75px; width:75px; height:75px;
box-shadow:0 0 3px rgba(0,0,0,0.2); /* MODIFIABLE */
}
/* NOMBRE SUJETS ET MESSAGES FORUM */
.imgFRM div {
position:absolute; z-index:3; margin-top:-75px;
border-radius:80px; width:65px; height:43px; padding:22px 5px 10px 5px;
background-color:rgba(250,250,250,0.6); /* MODIFIABLE */
opacity:0; font-size:11px;
}
.imgFRM:hover div{
opacity:1;
}

Largeur du forum : 800px
Revenir en haut Aller en bas
MessageRe: [50] Catégories Jeu 2 Avr 2015 - 23:40
avatar
Nombre de messages : 892
Date d'inscription : 04/07/2007
Logiciels : Photoshop CS6 - Flash CS6 - Notepad

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
MessageRe: [50] Catégories Mer 29 Avr 2015 - 2:21
avatar
Nombre de messages : 892
Date d'inscription : 04/07/2007
Logiciels : Photoshop CS6 - Flash CS6 - Notepad

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
MessageRe: [50] Catégories Jeu 30 Avr 2015 - 4:51
avatar
Nombre de messages : 892
Date d'inscription : 04/07/2007
Logiciels : Photoshop CS6 - Flash CS6 - Notepad

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>
    <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="tlsfFRM"><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="ismFRM"><div class="sjtFRM">{catrow.forumrow.TOPICS}</div><div class="repFRM">{catrow.forumrow.POSTS}</div><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" />
    <!-- END tablefoot --><!-- END catrow -->

Partie CSS :
Code:
/* TITRE CATEGORIES */
.tleCAT{
width:900px; padding:15px 0; border-radius:25px/100px;
text-align:center;
background:#778188; /* MODIFIABLE */
}
.tleCAT h2{
margin:0;
font-size:32px; text-transform:uppercase; letter-spacing:3px;
font-family:Arial; color:white;  /* MODIFIABLE */
}
/* BLOC FORUMS */
.blocFRM{
margin:auto;
width:890px; padding-left:10px; text-align:center;
}
/* BLOC FORUM */
.FRM{
float:left; margin:10px;
width:415px; height:205px;
}
/* BLOC TITRE / DESCRIPTION / SOUS-FORUMS */
.tlsfFRM {
display:inline-block; vertical-align:top;
width:285px; height:200px;
background:#ccc; /* MODIFIABLE */
}
/* TITRE FORUM */
.tleFRM {
height:20px; padding:5px; overflow:hidden;
background:#778188; font-family:Arial; /* MODIFIABLE */
font-weight:bold; text-transform:uppercase; text-align:center;
}
.tleFRM a{
color:white !important; /* MODIFIABLE */
}
/* DESCRIPTION FORUM */
.descFRM {
margin:10px auto 0px;
width:255px; height:125px; padding:0px 5px; overflow:auto; 
font-size:11px; text-align:justify;
background:rgba(250,250,250,0.3); color:#191919; /* MODIFIABLE */
}
/* SOUS-FORUMS */
.sfFRM {
margin-top:10px; height:15px; padding:5px;
text-align:center; font-size:10px;
background:#778188; color:rgba(250,250,250,0.6); /* MODIFIABLE */
}
/* CONTENU SOUS-FORUMS */
.sfFRM div{
position:absolute; margin-top:-195px; margin-left:295px;
padding:5px; width:105px; height:190px; overflow:auto;
background:#ccc; /* MODIFIABLE */
opacity:0; transform:scale(0); -webkit-transform:scale(0);
transition:all .65s linear; -webkit-transition:all .65s linear;
}
/* LIEN SOUS-FORUM */
.sfFRM a{
text-transform:uppercase; color:black !important; /* MODIFIABLE */
}
.sfFRM:hover div{
opacity:1;  transform:scale(1); -webkit-transform:scale(1);
}
/* BLOC NOMBRE SUJETS & MESSAGES / DERNIER MESSAGE / ICÔNES FORUM */
.ismFRM {
display:inline-block; margin-left:15px;
width:95px; height:180px; padding:10px; text-align:center;   
background:#ccc; /* MODIFIABLE */
}
/* NOMBRE SUJETS FORUM */
.sjtFRM{
display:inline-block;
width:45px; 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;
width:45px; 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:85px; height:70px; padding:5px; overflow:hidden;
text-align:center; font-size:10px;
background:white; box-shadow:inset 0 0 3px rgba(0,0,0,0.3); color:black; /* MODIFIABLE */
}
/* ICÔNES FORUM */
.imgFRM{
margin-top:10px;
width:95px; height:45px;
}

Largeur du forum : 900px
Revenir en haut Aller en bas
MessageRe: [50] Catégories Mer 6 Mai 2015 - 4:54
avatar
Nombre de messages : 892
Date d'inscription : 04/07/2007
Logiciels : Photoshop CS6 - Flash CS6 - Notepad

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
MessageRe: [50] Catégories Sam 9 Mai 2015 - 1:40
avatar
Nombre de messages : 892
Date d'inscription : 04/07/2007
Logiciels : Photoshop CS6 - Flash CS6 - Notepad

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
MessageRe: [50] Catégories Dim 10 Mai 2015 - 2:43
avatar
Nombre de messages : 892
Date d'inscription : 04/07/2007
Logiciels : Photoshop CS6 - Flash CS6 - Notepad

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
MessageRe: [50] Catégories Mar 19 Mai 2015 - 12:52
avatar
Nombre de messages : 892
Date d'inscription : 04/07/2007
Logiciels : Photoshop CS6 - Flash CS6 - Notepad

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
MessageRe: [50] Catégories Mer 25 Nov 2015 - 2:32
avatar
Nombre de messages : 892
Date d'inscription : 04/07/2007
Logiciels : Photoshop CS6 - Flash CS6 - Notepad

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
MessageRe: [50] Catégories Lun 30 Nov 2015 - 20:52
avatar
Nombre de messages : 892
Date d'inscription : 04/07/2007
Logiciels : Photoshop CS6 - Flash CS6 - Notepad

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
MessageRe: [50] Catégories Dim 6 Déc 2015 - 23:23
avatar
Nombre de messages : 892
Date d'inscription : 04/07/2007
Logiciels : Photoshop CS6 - Flash CS6 - Notepad

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
MessageRe: [50] Catégories Mer 9 Déc 2015 - 1:34
avatar
Nombre de messages : 892
Date d'inscription : 04/07/2007
Logiciels : Photoshop CS6 - Flash CS6 - Notepad

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
MessageRe: [50] Catégories Ven 18 Déc 2015 - 23:28
avatar
Nombre de messages : 892
Date d'inscription : 04/07/2007
Logiciels : Photoshop CS6 - Flash CS6 - Notepad

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
MessageRe: [50] Catégories Dim 20 Déc 2015 - 1:44
avatar
Nombre de messages : 892
Date d'inscription : 04/07/2007
Logiciels : Photoshop CS6 - Flash CS6 - Notepad

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
MessageRe: [50] Catégories Mar 22 Déc 2015 - 4:22
avatar
Nombre de messages : 892
Date d'inscription : 04/07/2007
Logiciels : Photoshop CS6 - Flash CS6 - Notepad

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
MessageRe: [50] Catégories Sam 26 Déc 2015 - 3:51
avatar
Nombre de messages : 892
Date d'inscription : 04/07/2007
Logiciels : Photoshop CS6 - Flash CS6 - Notepad

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
MessageRe: [50] Catégories Mer 30 Déc 2015 - 4:03
avatar
Nombre de messages : 892
Date d'inscription : 04/07/2007
Logiciels : Photoshop CS6 - Flash CS6 - Notepad

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
MessageRe: [50] Catégories Mer 30 Déc 2015 - 4:03
avatar
Nombre de messages : 892
Date d'inscription : 04/07/2007
Logiciels : Photoshop CS6 - Flash CS6 - Notepad

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
MessageRe: [50] Catégories Dim 3 Jan 2016 - 1:18
avatar
Nombre de messages : 892
Date d'inscription : 04/07/2007
Logiciels : Photoshop CS6 - Flash CS6 - Notepad

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
MessageRe: [50] Catégories Lun 11 Jan 2016 - 5:35
avatar
Nombre de messages : 892
Date d'inscription : 04/07/2007
Logiciels : Photoshop CS6 - Flash CS6 - Notepad

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
MessageRe: [50] Catégories Mer 3 Fév 2016 - 23:53
avatar
Nombre de messages : 892
Date d'inscription : 04/07/2007
Logiciels : Photoshop CS6 - Flash CS6 - Notepad

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
MessageRe: [50] Catégories Mar 9 Fév 2016 - 23:32
avatar
Nombre de messages : 892
Date d'inscription : 04/07/2007
Logiciels : Photoshop CS6 - Flash CS6 - Notepad

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
MessageRe: [50] Catégories Mer 24 Fév 2016 - 6:55
avatar
Nombre de messages : 892
Date d'inscription : 04/07/2007
Logiciels : Photoshop CS6 - Flash CS6 - Notepad

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
MessageRe: [50] Catégories Mer 24 Fév 2016 - 6:55
avatar
Nombre de messages : 892
Date d'inscription : 04/07/2007
Logiciels : Photoshop CS6 - Flash CS6 - Notepad

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
MessageRe: [50] Catégories Lun 29 Fév 2016 - 5:05
avatar
Nombre de messages : 892
Date d'inscription : 04/07/2007
Logiciels : Photoshop CS6 - Flash CS6 - Notepad

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="tleCAT">{catrow.tablehead.L_FORUM}</div>
    <!-- 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>{catrow.forumrow.L_LINKS}{catrow.forumrow.LINKS}</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 -->
    <!-- END tablefoot --><!-- END catrow -->

Partie CSS :
Code:
/* TITRE CATEGORIES */
.tleCAT{
margin:auto;
width:800px; padding:5px 0; text-align:center;
background:#242526; /* MODIFIABLE */
}
.tleCAT h2{
font-size:32px; text-transform:uppercase;
font-family:Arial; color:white; /* MODIFIABLE */
}
/* BLOC FORUM */
.FRM{
width:800px; margin:15px auto;
}
/* BLOC IMAGE DESCRIPTIVE */
.blocDESC {
display:inline-block; vertical-align:top;
width:100px; height:100px;
background:white; border:2px solid #242526; /* 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;
}
/* TITRE FORUM */
.tleFRM {
width:440px; height:20px; padding:5px; overflow:hidden;
text-transform:lowercase; text-align:left; font-style:italic; letter-spacing:1px; font-family:Arial;
background:grey;  /* MODIFIABLE */
}
.tleFRM a{
padding-left:25px;
color:white !important; /* MODIFIABLE */
transition:all 0.45s linear; -webkit-transition:all 0.45s linear;
}
.tleFRM:hover a {
padding-left:50px;
}
/* DESCRIPTION FORUM */
.descFRM {
width:467px; padding:5px; height:60px; overflow:auto;
font-size:10px; text-align:justify; 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;
}
/* LIEN SOUS-FORUM */
.sfFRM a{
text-transform:uppercase; color:white !important; /* MODIFIABLE */
}
.sfFRM:hover div{
margin-left:-490px;
width:460px; height:50px; padding:10px; opacity:1;
}
/* ICÔNES FORUM */
.imgFRM{
width:175px; height:25px;
}
.imgFRM img{
width:175px; height:25px;
}
/* NOMBRE SUJETS ET MESSAGES */
.imgFRM div {
position:absolute; z-index:2; margin-top:-25px;
width:165px; height:20px; padding:5px 5px 0;
background-color:rgba(250,250,250,0.6); color:black;  /* MODIFIABLE */
opacity:0; font-size:10px; text-align:center;
}
.imgFRM:hover div{
opacity:1;
}
/* DERNIER MESSAGE */
.lmsgFRM {
margin-top:5px;
width:173px; height:50px; padding:10px 0;
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
MessageRe: [50] Catégories Sam 5 Mar 2016 - 5:46
avatar
Nombre de messages : 892
Date d'inscription : 04/07/2007
Logiciels : Photoshop CS6 - Flash CS6 - Notepad

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
MessageRe: [50] Catégories Dim 6 Mar 2016 - 21:47
avatar
Nombre de messages : 892
Date d'inscription : 04/07/2007
Logiciels : Photoshop CS6 - Flash CS6 - Notepad

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="tleCAT">{catrow.tablehead.L_FORUM}<span></span></div>
    <!-- END tablehead -->

     <!-- BEGIN cathead -->
     <!-- END cathead -->
    
     <!-- BEGIN forumrow -->
    <div class="FRM"><div class="tleFRM"><a href="{catrow.forumrow.U_VIEWFORUM}">{catrow.forumrow.FORUM_NAME}</a></div><div class="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 -->
    <!-- END tablefoot --><!-- END catrow -->

Partie CSS :
Code:
/* TITRE CATEGORIES */
.tleCAT{
margin:auto;
width:800px; text-align:center;
background:none; /* MODIFIABLE */
}
.tleCAT h2{
position:relative; z-index:3;
font-size:32px; text-transform:uppercase; color:white; /* MODIFIABLE */
}
/* BANDE TITRE CATEGORIES */
.tleCAT span{
position:absolute; margin-top:-50px; margin-left:-350px;
width:700px; height:10px; opacity:0.5;
background:black; /* MODIFIABLE */
}
/* BLOC FORUM */
.FRM{
width:800px; margin:15px auto;
}
/* TITRE FORUM */
.tleFRM {
width:780px; height:20px; padding:5px; overflow:hidden;
text-transform:lowercase; text-align:right; font-style:italic;
}
.tleFRM a{
letter-spacing:0px; color:black !important; /* MODIFIABLE */
transition:all 0.45s linear; -webkit-transition:all 0.45s linear;
}
/* SURVOL TITRE FORUM */
.tleFRM:hover 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 */
#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;
}
#descFRM img:hover {
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:480px; padding-left:25px; height:100px; overflow:hidden;
background:#ececec; /* MODIFIABLE */
}
/* DESCRIPTION FORUM */
.descFRM {
margin-left:10px; margin-top:10px;
width:455px; padding:0 5px; height:65px; overflow:auto;
font-size:10px; text-align:justify;
color:black; /* MODIFIABLE */
}
/* SOUS-FORUMS */
.sfFRM{
position:absolute; z-index:3; margin-left:-10px; margin-top:-17px;
width:505px; height:15px; overflow:auto; border-top:2px solid;
font-size:8px; text-transform:uppercase;
font-family:Arial; border-color:black; color:black; /* MODIFIABLE */
}
/* LIEN SOUS-FORUM */
.sfFRM a{
color:black !important; /* MODIFIABLE */
}
/* TRIANGLE DESCRIPTION FORUM */
.triFRM {
position:absolute; margin-left:475px; 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 */
.lmsgFRM {
display:inline-block;
width:195px; height:90px; padding:10px 5px 0 0;
text-align:right; font-size:10px;
color:black; background:grey; /* MODIFIABLE */*
}
/* NOMBRE SUJETS & MESSAGES */
.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
MessageRe: [50] Catégories Sam 19 Mar 2016 - 22:22
avatar
Nombre de messages : 892
Date d'inscription : 04/07/2007
Logiciels : Photoshop CS6 - Flash CS6 - Notepad

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
MessageRe: [50] Catégories Sam 19 Mar 2016 - 22:22
avatar
Nombre de messages : 892
Date d'inscription : 04/07/2007
Logiciels : Photoshop CS6 - Flash CS6 - Notepad

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
MessageRe: [50] Catégories Mer 23 Mar 2016 - 5:40
avatar
Nombre de messages : 892
Date d'inscription : 04/07/2007
Logiciels : Photoshop CS6 - Flash CS6 - Notepad

Remplacer l'intégralité du code par celui-ci :
Code:
<link href="https://fonts.googleapis.com/css?family=Dancing+Script" rel="stylesheet" type="text/css">
      <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"><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">{catrow.forumrow.LAST_POST}</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 5px; border-radius:15px;
background:white; /* MODIFIABLE */
}
/* BLOC FORUM */
.blocFRM{
margin:auto; width:750px;
}
/* TITRE FORUM */
.tleFRM {
margin-bottom:-15px; padding-left:125px;
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 */
.tleFRM:hover {
padding-left:150px;
}
/* BLOC FORUM */
.FRM{
margin:20px auto; width:750px; text-align:center;
}
/* ICÔNES FORUM */
.imgFRM{
display:inline-block; vertical-align:top; margin-top:10px; margin-right:25px; margin-left:5px;
width:75px; height:75px;
transform:rotate(45deg); -webkit-transform:rotate(45deg);
}
/* BLOC POSITIONNEMENT */
.boxFRM {
display:inline-block; vertical-align:top;
}
/* DESCRIPTION FORUM */
.descFRM {
margin-bottom:5px;
width:365px; height:75px; padding:5px; overflow:auto; border-radius:10px;
font-size:10px; text-align:justify;
background:#f26d7d; color:black;  /* MODIFIABLE */
transition:all 0.55s linear; -webkit-transition:all 0.55s linear;
}
/* SOUS-FORUMS */
.sfFRM {
width:365px; height:15px; padding:5px; overflow:auto; border-radius:10px;
background:#f7a5ae; color:rgba(250,250,250,0.6); /* MODIFIABLE */
font-size:10px; text-align:left; text-transform:uppercase;
}
/* LIEN SOUS-FORUM */
.sfFRM a{
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:140px; height:65px; padding:20px 5px 0; border-radius:10px;
text-align:center; font-size:10px;
background:#f26d7d; color:white; /* MODIFIABLE */
}
/* NOMBRE SUJETS & MESSAGES FORUM */
.nbFRM {
width:150px; height:15px; padding:5px 0; border-radius:10px;
font-size:10px; letter-spacing:-1px; text-align:center;
background:#f7a5ae; color:black; /* MODIFIABLE */
}

Largeur du forum : 800px

Instructions :

Revenir en haut Aller en bas
MessageRe: [50] Catégories Mer 23 Mar 2016 - 5:40
avatar
Nombre de messages : 892
Date d'inscription : 04/07/2007
Logiciels : Photoshop CS6 - Flash CS6 - Notepad

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
MessageRe: [50] Catégories Ven 8 Avr 2016 - 0:26
avatar
Nombre de messages : 892
Date d'inscription : 04/07/2007
Logiciels : Photoshop CS6 - Flash CS6 - Notepad

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="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:
/* TITRE CATEGORIES */
.tleCAT{
margin:10px auto;
width:865px; padding:15px 35px 15px 0; text-align:right;
background:#191919;  /* MODIFIABLE */
}
.tleCAT h2{
margin:0; font-size:36px; text-transform:uppercase; font-style:italic; letter-spacing:2px;
font-family:Fjalla One; color:white; /* MODIFIABLE */
}
/* CONTENU CATEGORIES */
.mdlCAT {
margin:auto; width:895px; border-left:5px solid;
border-left-color:grey; /* MODIFIABLE */
}
/* BLOC FORUM */
.FRM {
width:895px; height:180px; overflow:hidden;
background:#dedede; /* MODIFIABLE */
}
/* TITRE FORUM */
.tleFRM {
width:870px; height:25px; padding-top:5px; padding-right:25px;
text-align:right; font-size:18px; text-transform:uppercase; letter-spacing:1px;
background:grey; /* MODIFIABLE */
}
.tleFRM a{
font-family:Fjalla One; color:black !important; /* MODIFIABLE */
}
/* NOMBRE SUJETS & MESSAGES FORUM */
.nbFRM {
position:absolute; margin-top:3px; padding-left:25px;
text-transform:uppercase; font-size:11px;
color:#ccc; /* MODIFIABLE */
}
/* IMAGE DESCRIPTIVE FORUM */
#descFRM img{
position:absolute; margin-top:-20px; margin-left:-440px;
width:895px; height:150px;
transition:all 0.45s ease-in-out; -webkit-transition:all 0.45s ease-in-out;
}
.FRM:hover #descFRM img{
opacity:0.5;
}
/* 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;
}
/* LIEN SOUS-FORUM */
.sfFRM a{
font-size:14px; font-family:Fjalla One; text-transform:uppercase; color:black !important; /* MODIFIABLE */
}
/* BLOC DESCRIPTION */
#descFRM {
display:inline-block; margin:20px 25px 0;
width:390px; height:175px; overflow:hidden; text-align:center;
}
/* DESCRIPTION FORUM */
.descFRM {
position:relative; z-index:3; margin:auto;
width:375px; height:100px; padding:5px; overflow:auto;
font-size:11px; 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;
}
.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;
}
/* 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
MessageRe: [50] Catégories Lun 11 Avr 2016 - 18:38
avatar
Nombre de messages : 892
Date d'inscription : 04/07/2007
Logiciels : Photoshop CS6 - Flash CS6 - Notepad

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
MessageRe: [50] Catégories Lun 11 Avr 2016 - 18:39
avatar
Nombre de messages : 892
Date d'inscription : 04/07/2007
Logiciels : Photoshop CS6 - Flash CS6 - Notepad

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
MessageRe: [50] Catégories Mar 12 Avr 2016 - 21:03
avatar
Nombre de messages : 892
Date d'inscription : 04/07/2007
Logiciels : Photoshop CS6 - Flash CS6 - Notepad

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
MessageRe: [50] Catégories Mar 12 Avr 2016 - 21:12
avatar
Nombre de messages : 892
Date d'inscription : 04/07/2007
Logiciels : Photoshop CS6 - Flash CS6 - Notepad

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
MessageRe: [50] Catégories Mar 14 Juin 2016 - 5:46
avatar
Nombre de messages : 892
Date d'inscription : 04/07/2007
Logiciels : Photoshop CS6 - Flash CS6 - Notepad

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
MessageRe: [50] Catégories Sam 2 Juil 2016 - 0:50
avatar
Nombre de messages : 892
Date d'inscription : 04/07/2007
Logiciels : Photoshop CS6 - Flash CS6 - Notepad

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
MessageRe: [50] Catégories Mar 5 Juil 2016 - 5:35
avatar
Nombre de messages : 892
Date d'inscription : 04/07/2007
Logiciels : Photoshop CS6 - Flash CS6 - Notepad

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
MessageRe: [50] Catégories Jeu 21 Juil 2016 - 7:20
avatar
Nombre de messages : 892
Date d'inscription : 04/07/2007
Logiciels : Photoshop CS6 - Flash CS6 - Notepad

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
MessageRe: [50] Catégories Jeu 28 Juil 2016 - 19:48
avatar
Nombre de messages : 892
Date d'inscription : 04/07/2007
Logiciels : Photoshop CS6 - Flash CS6 - Notepad

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
MessageRe: [50] Catégories Lun 5 Sep 2016 - 6:10
avatar
Nombre de messages : 892
Date d'inscription : 04/07/2007
Logiciels : Photoshop CS6 - Flash CS6 - Notepad

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
MessageRe: [50] Catégories Mer 7 Sep 2016 - 6:50
avatar
Nombre de messages : 892
Date d'inscription : 04/07/2007
Logiciels : Photoshop CS6 - Flash CS6 - Notepad

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"><!-- 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:15px 0; border-radius:15px 15px 0 0; text-align:center;
background:black; /* 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:#2bcfe2; /* MODIFIABLE */
}
/* BAS CATEGORIE */
.btmCAT {
margin:auto; margin-bottom:10px; width:900px; height:35px; border-radius:0 0 15px 15px;
background:black; /* MODIFIABLE */
}
/* BLOC FORUM */
.blocFRM{
width:850px; margin:auto; text-align:center;
}
/* 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:5px;
background:black; /* MODIFIABLE */
}
/* TITRE FORUM */
.tleFRM a{
color:#2bcfe2 !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;
background:white; color:black; /* MODIFIABLE */
}
/* IMAGE DESCRIPTIVE FORUM */
.descFRM img{
position:absolute; margin-top:-5px; margin-left:305px;
width:200px; height:100px;
}
/* BLOC IMAGE DESCRIPTIVE FORUM */
.boxDESC {
display:inline-block; vertical-align:top;
width:200px; height:100px;
border-left:5px solid; border-right:5px solid;
background:white; border-color:#13565e !important; /* 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;
}
/* LIEN SOUS-FORUM */
.sfFRM a{
display:block; margin:auto;
width:95%; line-height:16px;
background:white; color:#13565e !important; text-transform:uppercase; /* MODIFIABLE */
}
/* DERNIER MESSAGE FORUM */
.lmsgFRM {
display:inline-block; vertical-align:top;
width:155px; height:85px; padding:15px 5px 0;
text-align:center; font-size:10px; text-transform:uppercase;
background:white; color:black; /* MODIFIABLE */
}
/* NOMBRE SUJETS & MESSAGES FORUM */
.nbFRM {
padding-top:10px; text-transform:none;
}
/* 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);
}

Largeur du forum : 900px

Instructions :


Revenir en haut Aller en bas
MessageRe: [50] Catégories Jeu 8 Sep 2016 - 7:05
avatar
Nombre de messages : 892
Date d'inscription : 04/07/2007
Logiciels : Photoshop CS6 - Flash CS6 - Notepad

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
MessageRe: [50] Catégories Sam 1 Oct 2016 - 17:50
avatar
Nombre de messages : 892
Date d'inscription : 04/07/2007
Logiciels : Photoshop CS6 - Flash CS6 - Notepad

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
MessageRe: [50] Catégories Ven 14 Oct 2016 - 23:20
avatar
Nombre de messages : 892
Date d'inscription : 04/07/2007
Logiciels : Photoshop CS6 - Flash CS6 - Notepad

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
MessageRe: [50] Catégories Ven 30 Déc 2016 - 21:45
avatar
Nombre de messages : 892
Date d'inscription : 04/07/2007
Logiciels : Photoshop CS6 - Flash CS6 - Notepad

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
Page 1 sur 1

Permission de ce forum:Vous ne pouvez pas répondre aux sujets dans ce forum
CCCrush. :: Libre service :: Codage :: Templates-