Informations

Lun 4 Avr - 17:21
Bonjour ou bonsoir, je suis à la recherche de quelqu'un qui arriverait à créer le template de catégorie (comme fais dans le schéma ci-dessous). mais pour le moment sans résultat. Ayant aperçu que votre forum proposait ce genre de service et avant de poster une liste complète des infos je voulais savoir si vous arriveriez à reproduire ce template ? Au cas ou ça ne serait pas le cas je vous remercie pour aller lu ce message et en vous souhaitant bonne continuation pour vos projets.

Voici le schéma : http://i86.servimg.com/u/f86/19/41/82/96/tempal10.png

M.
Revenir en haut Aller en bas
Mar 5 Avr - 9:53
Bonjour,

Remplacer l'intégralité du template index_box par :
Code:
<table width="675px" 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"><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><img src="{catrow.forumrow.FORUM_FOLDER_IMG}" class="imgFRM" /><div class="lmsgFRM">{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:
/* TITRE CATEGORIES */
.tleCAT{
margin:5px auto 0;
width:678px; height:83px; text-align:center;
background:url(http://img15.hostingpics.net/pics/746021TOPCAT.png);  /* MODIFIABLE */
}
.tleCAT h2{
margin:0; padding-top:25px;
font-size:36px; text-transform:uppercase;
color:#594c4d; /* MODIFIABLE */
}
/* CONTENU CATEGORIES */
.mdlCAT {
margin:auto; width:672px;
background:#1d1e20; /* MODIFIABLE */
}
/* BAS CATEGORIES */
.btmCAT {
margin:auto; margin-bottom:10px; width:678px; height:81px;
background:url(http://img15.hostingpics.net/pics/614415BTMCAT.png); /* MODIFIABLE */
}
/* BLOC FORUM */
.FRM {
margin:auto; width:620px; text-align:center;
}
/* TITRE FORUM */
.tleFRM {
padding:10px 0 5px; width:620px;
text-align:left; font-size:18px; text-transform:uppercase; letter-spacing:1px;
}
.tleFRM a{
display:inline-block;
color:#594c4d !important; /* MODIFIABLE */
}
/* NOMBRE SUJETS & MESSAGES FORUM */
.nbFRM {
display:inline-block;
width:200px; padding-left:15px;
text-transform:uppercase; font-size:11px;
color:#594c4d; /* MODIFIABLE */
}
/* BLOC DESCRIPTION */
#descFRM {
display:inline-block;
width:300px; height:100px; overflow:hidden; text-align:center;
background:#191819; /* MODIFIABLE */
}
/* IMAGE DESCRIPTIVE FORUM */
#descFRM img{
position:absolute; margin-left:-150px;
width:300px; height:100px;
filter:grayscale(1); -webkit-filter:grayscale(1);
transition:all 0.45s ease-in-out; -webkit-transition:all 0.45s ease-in-out;
}
#descFRM:hover img{
filter:grayscale(0); -webkit-filter:grayscale(0);
}
/* DESCRIPTION FORUM */
.descFRM {
position:relative; z-index:3; margin:auto; margin-top:10px;
width:265px; height:70px; padding:5px; overflow:auto;
font-size:10px; 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;
}
#descFRM:hover .descFRM {
opacity:1;
}
/* ICÔNES FORUM */
.imgFRM {
display:inline-block; margin:0 10px;
width:75px; height:100px;
}
/* DERNIER MESSAGE FORUM */
.lmsgFRM {
display:inline-block; vertical-align:top;
width:210px; height:70px; padding:15px 5px; text-align:center;
font-size:16px; background:#191819; color:#cfbdbf; /* MODIFIABLE */
}
/* TITRE DERNIER MESSAGE FORUM */
.lmsgFRM a {
text-transform:uppercase; color:#cfbdbf; /* MODIFIABLE */
}
/* TAILLE AUTEUR DERNIER MESSAGE FORUM */
.lmsgFRM .gensmall {
font-size:16px; /* MODIFIABLE */
}
/* SOUS-FORUMS */
.sfFRM {
margin:auto; margin-top:10px;
width:615px; padding:5px 0;
text-align:center; font-size:12px;
background:#292626; color:#cfbdbf; /* MODIFIABLE */
}
/* LIEN SOUS-FORUM */
.sfFRM a{
text-transform:uppercase; color:#cfbdbf !important; /* MODIFIABLE */
}

Taille des icônes du forum : 75*100
Taille des images descriptives : 300*100

Revenir en haut Aller en bas
Mer 6 Avr - 13:25
Super un grand merci pour votre rapidité et vos connaissances en la matière ^^

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