:: Libre-service :: Codage :: Templates phpBB2 Voir le sujet précédent Voir le sujet suivant Aller en bas

[5] Catégories II

Skaemp
[5] Catégories II Empty Jeu 7 Sep - 5:15
[5] Catégories II TCAT51

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

     <!-- BEGIN catrow --><!-- BEGIN tablehead -->
     <div class="tleCAT">{catrow.tablehead.L_FORUM}</div>
     <div class="mdlCAT"><span style="display:block; height:0; clear:both;"></span>
     <!-- END tablehead -->

     <!-- BEGIN cathead -->
     <!-- END cathead -->
        
     <!-- BEGIN forumrow -->
     <div class="FRM"><div class="boxDESC"><div class="sfFRM"><div>{catrow.forumrow.L_LINKS}{catrow.forumrow.LINKS}</div></div></div><div class="boxFRM"><div class="tleFRM"><a href="{catrow.forumrow.U_VIEWFORUM}">{catrow.forumrow.FORUM_NAME}</a></div><img class="imgFRM" src="{catrow.forumrow.FORUM_FOLDER_IMG}" /><div class="nbFRM">{catrow.forumrow.TOPICS}</div><div class="nbFRM nbIIFRM">{catrow.forumrow.POSTS}</div><div class="descFRM">{catrow.forumrow.FORUM_DESC}</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>
     <!-- END forumrow -->
     <!-- BEGIN catfoot -->
    
     <!-- END catfoot -->
     <!-- BEGIN tablefoot -->
     <br clear="all" /></div>
     <!-- END tablefoot --><!-- END catrow -->
     <!-- CODAGE PAR SKAEMP / CCCRUSH -->

Partie CSS :
Code:
/* BLOC TITRE CATEGORIE */
.tleCAT {
margin:5px auto 10px;
width:800px; padding:10px 0;
text-align:center; font-family:Arial;
background:black; /* MODIFIABLE */
}
/* TITRE CATEGORIE */
.tleCAT h2 {
margin:0 auto;
font-size:36px; text-transform:uppercase; letter-spacing:3px;
color:white; /* MODIFIABLE */
}
/* BLOC CATEGORIE */
.mdlCAT {
margin:auto; width:800px;
}
/* BLOC FORUM */
.FRM {
float:left; margin-bottom:10px;
width:395px; height:200px; overflow:hidden;
text-align:center; font-family:Arial;
}
.FRM:nth-of-type(even) {
margin:0 0 10px 10px;
}
/* BLOC IMAGE DESCRIPTIVE FORUM */
.boxDESC {
display:inline-block; vertical-align:top;
width:100px; height:200px;
background:#191919; /* MODIFIABLE */
}
/* IMAGE DESCRIPTIVE FORUM */
.descFRM img {
position:absolute; margin-left:-125px; margin-top:-98px;
width:100px; height:200px;
}
/* SOUS-FORUMS */
.sfFRM {
position:absolute; z-index:3;
width:100px; height:200px;
}
/* CONTENU SOUS-FORUMS */
.sfFRM div {
width:84px; height:190px; padding:5px 8px; overflow-y:auto;
text-align:left; color:rgba(0,0,0,0); line-height:0;
background:black; /* MODIFIABLE */
opacity:0; transition::all 0.65s ease; -webkit-transition:all 0.65s ease;
}
.sfFRM:hover div {
opacity:1;
}
/* LIENS SOUS-FORUMS */
.sfFRM a {
display:block;
font-size:10px; text-transform:uppercase; line-height:14px;
color:#CCC !important; /* MODIFIABLE */
}
/* BLOC TITRE / ICÔNES / NOMBRE SUJETS & MESSAGES / DESCRIPTION / DERNIER MESSAGE FORUM */
.boxFRM {
display:inline-block; vertical-align:top;
width:295px; height:200px; overflow:hidden; text-align:center;
background:#E9E9E9; /* MODIFIABLE */
}
/* BORDURE TITRE FORUM */
.tleFRM {
margin-bottom:10px;
height:15px; padding:7px 0; overflow:hidden; border-bottom:1px solid;
border-bottom-color:black; /* MODIFIABLE */
font-size:14px; font-weight:bold; text-transform:uppercase;
}
/* TITRE FORUM */
.tleFRM a {
color:black !important; /* MODIFIABLE */
}
/* ICÔNES FORUM */
.imgFRM {
display:inline-block; vertical-align:top;
width:75px; height:50px;
}
/* NOMBRE SUJETS FORUM */
.nbFRM {
display:inline-block; vertical-align:top; margin:0 8px;
width:76px; height:35px; padding-top:15px; overflow:hidden;
text-align:center; font-size:12px; text-transform:uppercase; line-height:18px;
background:#4F4F4F; color:white; /* MODIFIABLE */
}
/* NOMBRE MESSAGES FORUM */
.nbIIFRM {
margin:0;
background:#6E6E6E; color:white; /* MODIFIABLE */
}
/* DESCRIPTION FORUM */
.descFRM {
margin:8px auto 10px;
width:245px; height:70px; overflow:hidden;
color:black; /* MODIFIABLE */
text-align:justify; font-size:11px; line-height:14.5px;
}
.descFRM:hover {
width:240px; padding-right:5px; overflow-y:auto;
}
/* DERNIER MESSAGE FORUM */
.lmsgFRM {
padding:6px 5px; overflow:hidden; border-top:1px solid;
text-align:center; font-size:9px; text-transform:uppercase;
border-top-color:black; color:black; /* MODIFIABLE */
}
/* COULEUR TITRE SUJET DERNIER MESSAGE FORUM */
.lmsgFRM a {
font-size:9px !important;
color:black; /* MODIFIABLE */
}

Largeur du forum : 800px

Instructions :
[5] Catégories II IMGDESC
Revenir en haut Aller en bas
Skaemp
[5] Catégories II Empty Mer 13 Sep - 1:05
[5] Catégories II TCAT52

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

        <!-- BEGIN cathead -->
        <!-- END cathead -->
       
        <!-- BEGIN forumrow -->
        <div class="FRM"><div class="downFRM"></div><div class="leftFRM"></div><div class="rightFRM"></div><div class="upFRM"></div><div class="nbFRM">{catrow.forumrow.TOPICS}<br/>―<br/>{catrow.forumrow.POSTS}</div><div class="tleFRM"><a href="{catrow.forumrow.U_VIEWFORUM}">{catrow.forumrow.FORUM_NAME}</a></div><img src="{catrow.forumrow.FORUM_FOLDER_IMG}" class="imgFRM" /><div class="sfFRM">{catrow.forumrow.L_LINKS}{catrow.forumrow.LINKS}</div><div class="lmsgFRM">{catrow.forumrow.LAST_POST}</div><div id="descFRM">{catrow.forumrow.FORUM_DESC}</div></div>
        <!-- END forumrow -->
       
        <!-- BEGIN catfoot -->
        <!-- END catfoot -->
        <!-- BEGIN tablefoot -->
        <br clear="all" /></div>
        <!-- END tablefoot --><!-- END catrow -->
 <!-- ADAPTATION DU VISUEL DE LITTLESNIPPETS / CODEPEN - PAR SKAEMP / CCCRUSH D'APRES UNE REQUETE DE GLAUCOPHANE / T509-SUGGESTIONS-II -->

Partie CSS :
Code:
/* BLOC TITRE CATEGORIE */
.tleCAT {
margin:5px auto 0;
width:900px; padding:10px 0; text-align:center;
background:black; /* MODIFIABLE */
}
/* TITRE CATEGORIE */
.tleCAT h2 {
margin:0;
font-size:32px; text-transform:uppercase; letter-spacing:2px; font-family:Arial;
color:white; /* MODIFIABLE */
}
/* BLOC CATEGORIE */
.mdlCAT {
margin:10px auto; width:899px; padding-left:1px; padding-bottom:7px; text-align:center;
background:rgba(255,255,255,0.6); /* MODIFIABLE */
}
/* BLOC FORUM */
.FRM {
float:left; margin:7px 0 0 7px;
width:290px; height:200px; overflow:hidden; font-family:Arial;
background:#4D4D4D; /* MODIFIABLE */
}
/* BANDE ▼ FORUM */
.downFRM {
position:absolute; z-index:3; margin-left:35px;
width:3px; height:0;
background:white; /* MODIFIABLE */
transition:all 0.45s linear; -webkit-transition:all 0.45s linear;
}
.FRM:hover .downFRM {
height:160px;
}
/* BANDE ► FORUM */
.leftFRM {
position:absolute; z-index:3; margin-top:175px;
width:0; height:3px;
background:white; /* MODIFIABLE */
transition:all 0.45s linear; -webkit-transition:all 0.45s linear;
transition-delay:0.5s; -webkit-transition-delay:0.5s;
}
.FRM:hover .leftFRM {
width:150px;
}
/* BANDE ◄ FORUM */
.rightFRM {
position:absolute; z-index:3; margin-top:105px; margin-left:290px;
width:0; height:3px;
background:white; /* MODIFIABLE */
transition:all 0.45s linear; -webkit-transition:all 0.45s linear;
transition-delay:0.5s; -webkit-transition-delay:0.5s;
}
.FRM:hover .rightFRM {
margin-left:50px; width:240px;
}
/* BANDE ▲ FORUM */
.upFRM {
position:absolute; z-index:3; margin-left:161px; margin-top:200px;
width:3px; height:0;
background:white; /* MODIFIABLE */
transition:all 0.45s linear; -webkit-transition:all 0.45s linear;
}
.FRM:hover .upFRM {
margin-top:120px; height:80px;
}
/* IMAGE DESCRIPTIVE FORUM */
#descFRM img {
width:290px; height:200px;
transition:all 0.55s linear; -webkit-transition:all 0.55s linear;
}
.FRM:hover #descFRM img {
opacity:0.5; filter:grayscale(1); -webkit-filter:grayscale(1);
}
/* NOMBRE SUJETS & MESSAGES FORUM */
.nbFRM {
position:absolute; z-index:2;
width:35px; height:180px; padding-top:15px; overflow:hidden;
font-size:10px; text-align:center;
color:white; /* MODIFIABLE */
opacity:0; transition:all 0.45s linear; -webkit-transition:all 0.45s linear;
transition-delay:0s; -webkit-transition-delay:0s;
}
.FRM:hover .nbFRM {
opacity:1; transition-delay:0.5s; -webkit-transition-delay:0.5s;
}
/* DESCRIPTION FORUM */
.descFRM {
position:absolute; z-index:2; margin-left:45px;
width:235px; height:95px; padding:5px; overflow-y:auto;
text-align:justify; font-size:9px; line-height:14px;
color:white; /* MODIFIABLE */
opacity:0; transition:all 0.45s linear; -webkit-transition:all 0.45s linear;
transition-delay:0s; -webkit-transition-delay:0s;
}
.FRM:hover .descFRM {
opacity:1; transition-delay:0.5s; -webkit-transition-delay:0.5s;
}
/* ALIGNEMENT DESCRIPTION FORUM */
.descFRM span {
display:inline-block; vertical-align:bottom;
}
.descFRM span:nth-of-type(1) {
height:95px;
}
/* BLOC TITRE FORUM */
.tleFRM {
position:absolute; z-index:3; margin-top:120px; margin-left:49px;
width:100px; height:40px; overflow:hidden;
text-align:center; text-transform:uppercase; font-size:13px; font-weight:bold; font-family:Arial; line-height:20px;
}
/* TITRE FORUM */
.tleFRM a { 
color:white !important; /* MODIFIABLE */
}
/* ICÔNES FORUM */
.imgFRM {
position:absolute; z-index:2; margin-top:140px; margin-left:-96px;
width:100px; height:20px;
}
/* BLOC SOUS-FORUMS */
.sfFRM {
position:absolute; z-index:2; margin-top:180px;
width:160px; height:17px; padding-top:3px; overflow:hidden;
text-align:center; text-transform:uppercase; font-size:9px; color:rgba(0,0,0,0);
opacity:0; transition:all 0.45s linear; -webkit-transition:all 0.45s linear;
transition-delay:0s; -webkit-transition-delay:0s;
}
.FRM:hover .sfFRM {
opacity:1; transition-delay:0.5s; -webkit-transition-delay:0.5s;
}
/* SOUS-FORUMS */
.sfFRM a {
margin:0 2px; font-size:0px
}
/* NUMEROS SOUS-FORUMS */
.sfFRM a:nth-of-type(1)::before {
content:'I'; /* MODIFIABLE */
display:inline-block; font-size:9px !important;
color:white; /* MODIFIABLE */
}
.sfFRM a:nth-of-type(2)::before {
content:'II'; /* MODIFIABLE */
display:inline-block; font-size:9px !important;
color:white; /* MODIFIABLE */
}
.sfFRM a:nth-of-type(3)::before {
content:'III'; /* MODIFIABLE */
display:inline-block; font-size:9px !important;
color:white; /* MODIFIABLE */
}
.sfFRM a:nth-of-type(4)::before {
content:'IV'; /* MODIFIABLE */
display:inline-block; font-size:9px !important;
color:white; /* MODIFIABLE */
}
.sfFRM a:nth-of-type(5)::before {
content:'V'; /* MODIFIABLE */
display:inline-block; font-size:9px !important;
color:white; /* MODIFIABLE */
}
.sfFRM a:nth-of-type(6)::before {
content:'VI'; /* MODIFIABLE */
display:inline-block; font-size:9px !important;
color:white; /* MODIFIABLE */
}
/* DERNIER MESSAGE FORUM */
.lmsgFRM {
position:absolute; z-index:2; margin-top:120px; margin-left:175px;
width:120px; height:90px; padding-right:5px; overflow:hidden;
text-align:left; font-size:9px; line-height:13px;
color:white; /* MODIFIABLE */
opacity:0; transition:all 0.45s linear; -webkit-transition:all 0.45s linear;
transition-delay:0s; -webkit-transition-delay:0s;
}
.FRM:hover .lmsgFRM {
opacity:1; transition-delay:0.5s; -webkit-transition-delay:0.5s;
}
.lmsgFRM .gensmall {
font-size:9px;
}
/* COULEUR TITRE SUJET DERNIER MESSAGE FORUM */
.lmsgFRM a {
text-transform:uppercase;
color:white !important; /* MODIFIABLE */
}

Largeur du forum : 900px
Taille des icônes du forum : 100*20
Taille des images descriptives : 290*200

Instructions :
[5] Catégories II DIMGDESC52

Encadrer le texte descriptif des balises suivantes :
Code:
<div class="descFRM"><!-- ALIGNEMENT --><span></span><!-- CONTENU --><span>Texte descriptif.</span></div>
Revenir en haut Aller en bas
Skaemp
[5] Catégories II Empty Mer 13 Sep - 1:05
[5] Catégories II TCAT53

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

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

    <!-- END catfoot -->
    <!-- BEGIN tablefoot -->
    <br clear="all" /></div>
    <!-- END tablefoot --><!-- END catrow -->
    <!-- CODAGE PAR SKAEMP / CCCRUSH -->

Partie CSS :
Code:
/* BLOC TITRE CATEGORIE */
.tleCAT {
margin:10px auto 5px;
width:770px; padding:15px; text-align:right;
background:#212121; /* MODIFIABLE */
}
/* TTTRE CATEGORIE */
.tleCAT h2 {
margin:0;
font-size:32px; text-transform:uppercase; letter-spacing:2px; font-family:Arial;
color:white; /* MODIFIABLE */
}
/* BLOC CATEGORIE */
.mdlCAT {
margin:auto; width:800px;
}
/* BLOC FORUM */
.FRM {
float:left; margin:5px 0;
width:395px; padding-top:5px;
background:#F0F0F0; /* MODIFIABLE */
filter:grayscale(1); -webkit-filter:grayscale(1); transition:all 0.65s ease; -webkit-transition:all 0.65s ease;
}
.FRM:hover {
filter:grayscale(0); -webkit-filter:grayscale(0);
}
.FRM:nth-of-type(odd) {
margin-right:10px;
}
/* BLOC ICÔNES / DERNIER MESSAGE / AVATAR DERNIER POSTEUR FORUM */
.boxFRM {
display:inline-block; vertical-align:top; margin:0 5px;
width:105px; height:125px;
}
/* ICÔNES FORUM */
.imgFRM {
width:105px; height:125px;
}
/* DERNIER MESSAGE FORUM */
.lmsgFRM {
position:absolute; z-index:5; margin-top:5px; margin-left:5px;
width:85px; height:55px; padding:0 5px; overflow:hidden;
text-align:center; font-size:7px; text-transform:uppercase; font-family:Arial;
background:#FFF; color:black; /* MODIFIABLE */
}
/* COULEUR TITRE SUJET DERNIER MESSAGE FORUM */
.lmsgFRM a {
font-size:8px;
color:black !important; /* MODIFIABLE */
}
/* AVATAR DERNIER POSTEUR FORUM */
.avaFRM {
position:absolute; z-index:5; margin-top:67px; margin-left:27px;
width:50px; height:50px; border-radius:50px; overflow:hidden;
background:rgba(255,255,255,0.6); /* MODIFIABLE */
}
.avaFRM img {
width:50px;
}
/* BLOC IMAGE DESCRIPTIVE */
.boxDESC {
display:inline-block; vertical-align:top;
width:125px; height:125px;
background:#191919; /* MODIFIABLE */
}
/* IMAGE DESCRIPTIVE FORUM */
.descFRM img {
position:absolute; z-index:2; margin-left:-130px;
width:125px; height:125px;
}
/* SOUS-FORUMS */
.sfFRM {
position:absolute; z-index:4;
width:125px; height:125px;
}
.sfFRM div {
width:115px; height:0; padding:0 5px; overflow:hidden;
text-align:center; font-size:9px; text-transform:uppercase; color:rgba(0,0,0,0); line-height:4px;
transition:all 0.35s linear; -webkit-transition:all 0.35s linear;
}
.sfFRM:hover div {
height:115px; padding:5px;
}
/* LIENS SOUS-FORUMS */
.sfFRM a {
display:block; padding:1%;
text-align:center; font-size:9px; font-family:Arial; line-height:11px;
background:white; color:black !important; /* MODIFIABLE */
}
/* DESCRIPTION FORUM */
.descFRM {
display:inline-block; vertical-align:top; margin-left:5px;
width:145px; height:125px; overflow:hidden;
text-align:justify; font-size:10px; font-family:Arial; line-height:16px;
color:black; /* MODIFIABLE */
}
.descFRM:hover {
width:140px; padding-right:5px; overflow-y:auto;
}
/* BLOC NOMBRE SUJETS & MESSAGES / TITRE FORUM */
.tleFRM {
margin-top:5px;
height:20px; padding:5px; overflow:hidden;
background:darkgrey; /* MODIFIABLE */
}
/* BLOC NOMBRE SUJETS & MESSAGES */
.nbFRM {
display:inline-block; vertical-align:middle;
width:60px; height:20px; padding-left:5px; overflow:hidden; text-align:left;
transition:all 0.65s ease; -webkit-transition:all 0.65s ease;
}
.nbFRM div {
display:inline-block; vertical-align:middle;
min-width:18px; height:16px; padding:4px 1px 0; overflow:hidden; border-radius:100%;
text-align:center; font-size:8px; line-height:12px;
}
/* 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:5px;
background:#CCC; color:black; /* MODIFIABLE */
}
/* TITRE FORUM */
.tleFRM a {
display:inline-block; vertical-align:middle;
width:320px; overflow:hidden;
text-align:right; font-size:14px; text-transform:uppercase; letter-spacing:1px; font-family:Trebuchet MS;
color:white !important;  /* MODIFIABLE */
}

Largeur du forum : 800px
Taille des icônes du forum : 105*125

Instructions :
[5] Catégories II IMGDESC

[5] Catégories II LASTAV
Revenir en haut Aller en bas
Skaemp
[5] Catégories II Empty Mer 13 Sep - 1:05
[5] Catégories II TCAT54

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

     <!-- BEGIN catrow --><!-- BEGIN tablehead -->
     <div class="tleCAT">{catrow.tablehead.L_FORUM}</div>
     <div class="mdlCAT"><span style="display:block; height:0; clear:both;"></span>
     <!-- END tablehead -->

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

Partie CSS :
Code:
/* BLOC TITRE CATEGORIE */
.tleCAT {
margin:5px auto 10px;
width:800px; padding:10px 0;
text-align:center; font-family:Arial;
background:black; /* MODIFIABLE */
}
/* TITRE CATEGORIE */
.tleCAT h2 {
margin:0 auto;
font-size:36px; text-transform:uppercase; letter-spacing:1px;
color:white; /* MODIFIABLE */
}
/* BLOC CATEGORIE */
.mdlCAT {
margin:auto; width:800px;
}
/* BLOC FORUM */
.FRM {
float:left; margin-bottom:7px;
width:242px; height:205px; padding:10px; overflow:hidden;
text-align:center; font-family:Arial;
background:#E9E9E9; /* MODIFIABLE */
}
.FRM:nth-of-type(2) {
margin:0 7px 7px;
}
.FRM:nth-of-type(5) {
margin:0 7px 7px;
}
.FRM:nth-of-type(8) {
margin:0 7px 7px;
}
.FRM:nth-of-type(11) {
margin:0 7px 7px;
}
.FRM:nth-of-type(14) {
margin:0 7px 7px;
}
/* BLOC TITRE FORUM */
.tleFRM {
margin:0 auto 10px;
height:25px; padding:5px 0; overflow:hidden;
background:black; /* MODIFIABLE */
font-size:14px; font-weight:bold; text-transform:uppercase; line-height:22px;
}
/* TITRE FORUM */
.tleFRM a {
color:white !important; /* MODIFIABLE */
}
/* BLOC IMAGE DESCRIPTIVE / ICÔNES / NOMBRE SUJETS & MESSAGES / DERNIER MESSAGE FORUM */
.boxFRM {
display:inline-block; vertical-align:top;
width:125px; overflow:hidden; text-align:left;
}
/* BLOC IMAGE DESCRIPTIVE FORUM */
.boxDESC {
margin-bottom:10px;
width:125px; height:50px;
background:#191919; /* MODIFIABLE */
}
/* IMAGE DESCRIPTIVE FORUM */
.descFRM img {
position:absolute; margin-left:-135px;
width:125px; height:50px;
}
/* SOUS-FORUMS */
.sfFRM {
position:absolute; z-index:3;
width:125px; height:50px;
}
/* CONTENU SOUS-FORUMS */
.sfFRM div {
width:115px; height:0; padding:0 5px; overflow:hidden;
text-align:left; color:rgba(0,0,0,0); line-height:0;
background:#191919; /* MODIFIABLE */
transition:all 0.65s linear; -webkit-transition:all 0.65s linear;
}
.sfFRM:hover div {
height:85px; padding:5px;
}
/* LIENS SOUS-FORUMS */
.sfFRM a {
display:block;
font-size:9px; text-transform:uppercase; line-height:12px;
color:#CCC !important; /* MODIFIABLE */
}
/* ICÔNES FORUM */
.imgFRM {
display:inline-block; vertical-align:top;
width:35px; height:35px;
}
/* NOMBRE SUJETS FORUM */
.nbFRM {
display:inline-block; vertical-align:top; margin:0 10px;
width:35px; height:25px; padding-top:10px; overflow:hidden;
text-align:center; font-size:10px; text-transform:uppercase; line-height:14px;
background:#4F4F4F; color:white; /* MODIFIABLE */
}
/* NOMBRE MESSAGES FORUM */
.nbIIFRM {
margin:0;
background:#6E6E6E; color:white; /* MODIFIABLE */
}
/* DERNIER MESSAGE FORUM */
.lmsgFRM {
margin-top:10px;
height:55px; overflow:hidden;
text-align:center; font-size:9px; text-transform:uppercase; line-height:11px;
background:rgba(0,0,0,0.7); color:white; /* MODIFIABLE */
}
/* COULEUR TITRE SUJET DERNIER MESSAGE FORUM */
.lmsgFRM a {
font-size:9px !important;
color:white; /* MODIFIABLE */
}
/* DESCRIPTION FORUM */
.descFRM {
display:inline-block; vertical-align:top; margin-left:10px;
width:105px; height:160px; overflow:hidden;
color:black; /* MODIFIABLE */
text-align:justify; font-size:11px; line-height:14.7px;
}
.descFRM:hover {
width:100px; padding-right:5px; overflow-y:auto;
}

Largeur du forum : 800px
Taille des icônes du forum : 35*35
Taille des images descriptives : 125*50

Instructions :
[5] Catégories II IMGDESC
Revenir en haut Aller en bas
Skaemp
[5] Catégories II Empty Ven 15 Sep - 2:45
[5] Catégories II TCAT55

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

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

     <!-- BEGIN cathead -->
     <!-- END cathead -->
        
     <!-- BEGIN forumrow -->
     <div class="FRM"><div class="boxFRM"><div class="tleFRM"><a href="{catrow.forumrow.U_VIEWFORUM}">{catrow.forumrow.FORUM_NAME}</a></div><div class="lmsgFRM">{catrow.forumrow.LAST_POST}</div><script type="text/javascript">$('.lmsgFRM').each(function(){$(this).html($(this).html().replace(/<br>/g,'<span style="display:inline-block; padding:0 2px;"></span>'));});</script><div class="descFRM">{catrow.forumrow.FORUM_DESC}</div></div><div class="avaFRM"><!-- BEGIN avatar -->{catrow.forumrow.avatar.LAST_POST_AVATAR}<!-- END avatar --></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">{catrow.forumrow.TOPICS}</div><div class="nbFRM nbIIFRM">{catrow.forumrow.POSTS}</div></div></div>
     <!-- END forumrow -->
 
     <!-- BEGIN catfoot -->
     <!-- END catfoot -->
 
     <!-- BEGIN tablefoot -->
     <!-- END tablefoot --><!-- END catrow -->
     <!-- CODAGE PAR SKAEMP / CCCRUSH -->

Partie CSS :
Code:
/* BLOC TITRE CATEGORIE */
.tleCAT {
margin:5px auto 10px;
width:800px; padding:10px 0;
text-align:center; font-family:Arial;
background:black; /* MODIFIABLE */
}
/* TITRE CATEGORIE */
.tleCAT h2 {
margin:0 auto;
font-size:36px; text-transform:uppercase; letter-spacing:1px;
color:white; /* MODIFIABLE */
}
/* BLOC FORUM */
.FRM {
margin:0 auto 10px;
width:780px; padding:10px; overflow:hidden;
text-align:center; font-family:Arial;
background:#E9E9E9; /* MODIFIABLE */
}
/* BLOC TITRE / DERNIER MESSAGE / DESCRIPTION FORUM */
.boxFRM {
display:inline-block; vertical-align:top;
}
/* BLOC TITRE FORUM */
.tleFRM {
margin:0 auto 5px;
height:20px; padding:5px 7px; overflow:hidden;
background:black; /* MODIFIABLE */
text-align:left; font-size:12px; font-weight:bold; text-transform:uppercase; line-height:20px;
}
/* TITRE FORUM */
.tleFRM a {
color:white !important; /* MODIFIABLE */
}
/* DERNIER MESSAGE FORUM */
.lmsgFRM {
margin-bottom:5px;
height:10px; padding:5px; overflow:hidden;
background:rgba(0,0,0,0.7); color:white; /* MODIFIABLE */
text-align:right; font-size:9px; text-transform:uppercase; line-height:11px;
}
/* COULEUR TITRE SUJET DERNIER MESSAGE FORUM */
.lmsgFRM a {
font-size:9px !important;
color:white; /* MODIFIABLE */
}
/* DESCRIPTION FORUM */
.descFRM {
width:525px; height:80px; padding:5px; overflow:hidden;
background:rgba(255,255,255,0.7); color:black; /* MODIFIABLE */
text-align:justify; font-size:11px; line-height:16px;
}
.descFRM:hover {
overflow-y:auto;
}
/* AVATAR DERNIER POSTEUR FORUM */
.avaFRM {
display:inline-block; vertical-align:top; margin:0 10px;
width:100px; height:150px; overflow:hidden;
background:#191919; /* MODIFIABLE */
}
.avaFRM img {
width:100px;
filter:grayscale(1); -webkit-filter:grayscale(1); transition:all 0.65s; -webkit-transition:all 0.65s;
}
.FRM:hover .avaFRM img {
filter:grayscale(0); -webkit-filter:grayscale(0);
}
/* BLOC SOUS-FORUMS / ICÔNES / NOMBRE SUJETS & MESSAGES FORUM */
.boxIIFRM {
display:inline-block; vertical-align:top;
width:125px; overflow:hidden; text-align:left;
}
/* BLOC SOUS-FORUMS */
.sfFRM {
margin-bottom:10px;
width:115px; height:95px; padding:5px; overflow:hidden;
text-align:left; color:rgba(0,0,0,0); line-height:2px;
background:#191919; /* MODIFIABLE */
transition:all 0.65s linear; -webkit-transition:all 0.65s linear;
}
.sfFRM:hover {
overflow-y:auto;
}
/* LIENS SOUS-FORUMS */
.sfFRM a {
display:block; margin-bottom:3px;
padding-bottom:2px; border-bottom:1px solid;
font-size:9px; text-transform:uppercase; line-height:12px;
border-bottom-color:#CCC; color:#CCC !important; /* MODIFIABLE */
}
/* ICÔNES FORUM */
.imgFRM {
display:inline-block; vertical-align:top;
width:35px; height:35px;
}
/* NOMBRE SUJETS FORUM */
.nbFRM {
display:inline-block; vertical-align:top; margin:0 10px;
width:35px; height:25px; padding-top:10px; overflow:hidden;
text-align:center; font-size:10px; text-transform:uppercase; line-height:14px;
background:#4F4F4F; color:white; /* MODIFIABLE */
}
/* NOMBRE MESSAGES FORUM */
.nbIIFRM {
margin:0;
background:#6E6E6E; color:white; /* MODIFIABLE */
}

Largeur du forum : 800px
Taille des icônes du forum : 35*35

Instructions :
[5] Catégories II LASTAV
Revenir en haut Aller en bas
Contenu sponsorisé
[5] Catégories II Empty
Revenir en haut Aller en bas
Page 1 sur 1
Vous ne pouvez pas répondre aux sujets dans ce forum