Commande de templates

Bonjour, bonjour !

Je me permets de vous demander votre aide concernant un codage de catégories ! clown

Je suis fan de votre travail et j'aimerais beaucoup que ce soit vous qui réalisiez, si c'est possible, les catégories de mon forum.

J'ai vu que la partie commande concernant les templates est ouverte, j'espère donc ne pas me tromper en vous demandant un travail aussi conséquent !

En tous les cas, merci de m'avoir lu et encore bravo pour vos très jolies codes. :-)

Largeur maximale : 900px pour la largeur des catégories.
Hauteur maximale : Auto je dirais !
Schéma : https://2img.net/image.noelshack.com/fichiers/2015/51/1450306884-plan-pour-mes-categories.png

Les tailles ne sont peut être pas justes, j'ai peut être mal calculé !

Voici les codes couleurs à utiliser : #1e1e1e ; black ; white ; #449165 ; #a80200 ; #978a76
Éléments : Pas d'éléments à ajouter ! :)
Images : Mettez une image aléatoire, je m'occuperais de la modification par la suite (je n'ai pas encore graphé' les images en fait)
Animations : Aucune à moins que vous ne trouviez judicieux ou esthétique d'en mettre une quelque part ahah.
Informations supplémentaires : Je vous laisse libre court pour la suite ! J'aimerais juste que le tout ne soit pas trop "haut", que cela reste aligné et harmonieux o/

Encore merci !! Like a Star @ heaven

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="100%" border="0" cellspacing="0" cellpadding="0" align="center">
<tr>
<td valign="bottom">

<span class="gensmall">{LAST_VISIT_DATE}<br />
{CURRENT_TIME}<br />
</span>

<div class="nav"><a class="nav" href="{U_INDEX}">{L_INDEX}</a>{NAV_CAT_DESC}</div>
</td>
<td class="gensmall" align="right" valign="bottom">

<a class="gensmall" href="{U_SEARCH_NEW}">{L_SEARCH_NEW}</a><br />
<a class="gensmall" href="{U_SEARCH_SELF}">{L_SEARCH_SELF}</a><br />

<a class="gensmall" href="{U_SEARCH_UNANSWERED}">{L_SEARCH_UNANSWERED}</a>
</td>
</tr>
</table>


<div class="tleCAT">{catrow.tablehead.L_FORUM}</div>






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

Partie CSS :

Code:: /* BLOC TITRE CATEGORIES */
.tleCAT{
margin:0 auto -15px;
width:900px; text-align:center;
background:white; /* MODIFIABLE */
}
/* TITRE CATEGORIES */
.tleCAT h2{
font-size:42px; text-transform:uppercase; font-family:Fjalla One;
padding:10px 0; 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:165px; width:405px; padding:10px; overflow:hidden;
background:#449165; /* MODIFIABLE */
}
/* TITRE FORUM */
.tleFRM {
width:395px; height:50px; overflow:hidden;
text-align:left;
border-bottom:5px solid white; /* MODIFIABLE */
}
.tleFRM a{
letter-spacing:-1px; text-transform:uppercase; font-style:italic; font-size:36px; font-family:Fjalla One;
color:white !important; /* MODIFIABLE */
}
/* DESCRIPTION FORUM */
.descFRM {
margin-top:15px;
width:390px; height:95px; padding:0 5px; overflow:auto;
color:black; /* MODIFIABLE */
font-size:10px; text-align:justify;
}
/* BLOC DERNIER MESSAGE & NOMBRE SUJETS/MESSAGES FORUM */
.lmsgFRM {
margin-top:15px;
width:405px; height:80px; padding:10px;
text-transform:uppercase; font-style:italic; text-align:center; font-size:20px; font-family:Fjalla One;
background:#1E1E1E; color:white; /* MODIFIABLE */
}
.lmsgFRM br {
display:none;
}
.lmsgFRM a {
margin:0 5px;
}
/* TAILLE PSEUDONYME DERNIER POSTEUR */
.lmsgFRM .gensmall {
font-size:18px; /* MODIFIABLE */
}
.lmsgFRM .sprite-icon_topic_latest {
margin-left:-10px;
}
/* NOMBRE SUJETS & MESSAGES FORUM */
.nbFRM {
margin-bottom:10px; padding-bottom:5px; font-size:26px;
color:white; border-bottom:5px solid #449165; /* MODIFIABLE */
}
/* BLOC IMAGE DESCRIPTIVE */
.boxDESC{
display:inline-block; margin:0 15px;
width:250px; height:300px;
background:#978a76; /* MODIFIABLE */
}
/* IMAGE DESCRIPTIVE FORUM */
.descFRM img {
position:absolute; margin-left:425px; margin-top:-80px;
width:250px; height:300px;
}
/* BLOC SOUS-FORUMS */
.sfFRM {
padding:10px 5px 0; height:150px; width:185px; overflow:auto;
background:#a80200; /* MODIFIABLE */
text-align:left;
}
/* SOUS-FORUMS */
.sfFRM a{
text-transform:uppercase; font-family:Fjalla One; font-size:18px;
color:white !important; /* MODIFIABLE */
}
/* ICÔNES FORUM */
.imgFRM {
margin-top:15px;
width:195px; height:125px;
}

Instructions :

La méticulosité de votre demande me fut des plus plaisantes et je ne saurai à présent que souhaiter parvenir à vous retourner pareille satisfaction.

Woooow, je suis bluffée, je n'ai jamais vu une telle rapidité et efficacité !

Le rendu est super, c'est ce à quoi je m'attendais ! Like a Star @ heaven

Pourrais-je vous demander s'il est possible de modifier de telle sorte que la hauteur du tout perde 100px ? J'ai essayé (en enlevant 50px à chacun des blocs de gauche et 50px à chacun des blocs de droit pour que ça me fasse 100px de chaque côté) mais cela a décalé les blocs, j'ai dû mal m'y prendre...

Je ne vous embêterais plus après hihi.
Au fait, je vous joint le lien concernant les crédits auxquels je vous ai ajouté évidement : http://maleficarum.forumactif.org/t17-les-credits

Remplacer l'intégralité de la partie CSS correspondante par :

Code:: /* BLOC TITRE CATEGORIES */
.tleCAT{
margin:0 auto -15px;
width:900px; text-align:center;
background:white; /* MODIFIABLE */
}
/* TITRE CATEGORIES */
.tleCAT h2{
font-size:42px; text-transform:uppercase; font-family:Fjalla One;
padding:10px 0; 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 */
}
/* TITRE FORUM */
.tleFRM {
width:395px; height:30px; overflow:hidden;
text-align:left;
border-bottom:5px solid white; /* MODIFIABLE */
}
.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 */
}
/* TAILLE PSEUDONYME DERNIER POSTEUR */
.lmsgFRM .gensmall {
font-size:14px; /* MODIFIABLE */
}
.lmsgFRM br {
display:none;
}
.lmsgFRM a {
margin:0 5px;
}
.lmsgFRM .sprite-icon_topic_latest {
margin-left:-10px;
}
/* NOMBRE SUJETS & MESSAGES FORUM */
.nbFRM {
margin-bottom:5px; padding-bottom:2px; font-size:18px;
border-bottom:5px solid #449165; /* MODIFIABLE */
}
.lmsgFRM a{
color:white !important; /* 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;
}
/* SOUS-FORUMS */
.sfFRM a{
text-transform:uppercase; font-family:Fjalla One; font-size:16px;
color:white !important; /* MODIFIABLE */
}
/* ICÔNES FORUMS */
.imgFRM {
margin-top:15px;
width:195px; height:75px;
}

Vous souhaitant une excellente journée.

PS : Si l'image de présentation ne s'affichait pas aux nouvelles dimensions, une simple actualisation de la page devrait parer au problème.

C'est S-U-P-E-R. Like a Star @ heaven

Tout marche comme il faut, beau travail ahah

Merci beaucoup pour votre aide et rapidité et sans doute à tantôt pour une nouvelle commande (je suis conquise eh oui).