commande catégorie

Ven 24 Juin - 13:37
bonjour
je re-viens vers vous pour une commande de catégorie, en espérant que cette fois si je me suis pas trompé et que les commande de catégorie sont bien possible si ce n'est pas le cas je m'en excuse par avance

Largeur maximale : 800px
Hauteur maximale : Si aucune = auto
Schéma :
Schéma catégorie:
 

Éléments : Si impossibilité absolue de produire une esquisse imagée ou pour affiner cette dernière
Images :
Images:
 

Animations :
les couleur j'aimerais quelle est un rapport avec l'été

Informations supplémentaires : Merci d'avance
Revenir en haut Aller en bas
Sam 25 Juin - 13:57
Bonjour,

Remplacer l'intégralité du template index_box 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"><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="descFRM">{catrow.forumrow.FORUM_DESC}</div><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="lmsgFRM"><div class="nbFRM">{catrow.forumrow.TOPICS} sujets</div><div class="nbFRMII">{catrow.forumrow.POSTS} messages</div>{catrow.forumrow.LAST_POST}<div id="avaFRM"><!-- BEGIN avatar -->{catrow.forumrow.avatar.LAST_POST_AVATAR}<!-- END avatar --></div></div></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:10px 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:black; /* 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:black; /* MODIFIABLE */
}
/* BLOC CATEGORIE */
.mdlCAT {
margin:auto; width:800px; padding:25px 0 10px;
background:none; /* MODIFIABLE */
}
/* BLOC FORUM */
.FRM {
margin:auto; margin-bottom:10px;
width:550px; text-align:center;
}
/* IMAGE GAUCHE CATEGORIE I */
.imgDESCI {
position:absolute; margin-top:-1015px; margin-left:-300px; width:350px;
}
/* IMAGE DROITE CATEGORIE I */
.imgDESCII {
position:absolute;  margin-top:-955px; margin-left:400px; width:350px;
}
/* IMAGE GAUCHE CATEGORIE II */
.imgDESCIII {
position:absolute; margin-top:-25px; margin-left:-250px; width:350px;
}
/* IMAGE DROITE CATEGORIE II */
.imgDESCIV {
position:absolute; margin-top:-45px; margin-left:430px; width:350px;
}
/* BLOC POSITIONNEMENT FORUM */
.boxFRM {
position:relative; z-index:3;
display:inline-block; vertical-align:top; margin:0 5px;
}
/* BLOC TITRE FORUM */
.tleFRM {
margin:auto; margin-bottom:5px;
width:95%; height:15px; padding:5px 0 5px 10px;
text-transform:uppercase; text-align:left; font-size:11px;
background:coral; /* MODIFIABLE */
}
/* TITRE FORUM */
.tleFRM a{
color:black !important;  /* MODIFIABLE */
}
/* BLOC SOUS-FORUMS */
.sfFRM {
margin:5px auto 0; width:235px; height:85px; overflow:auto;
text-align:center; line-height:0px; color:rgba(0,0,0,0);
}
/* LIEN SOUS-FORUM */
.sfFRM a{
display:block; margin-bottom:5px; width:95%; padding:5px;
text-transform:uppercase; text-align:center; font-size:10px; line-height:14px;
background:white; color:coral !important; /* MODIFIABLE */
}
/* DESCRIPTION FORUM */
.descFRM {
width:0px; height:0; overflow:auto;
}
/* DERNIER MESSAGE FORUM */
.lmsgFRM {
position:relative; z-index:3;
display:inline-block; vertical-align:top;
width:225px; height:118px; padding:7px 0 0 15px;
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:-97px;
width:55px; height:100px; overflow:hidden; border-radius:10px;
}
#avaFRM img {
width:70px;
}

A placer dans la description du premier forum de la première catégorie :
Code:
<img src="http://ekladata.com/pPafsnItWz8EAxW5OsytX-CYlxQ.png" class="imgDESCI" /> <img src="http://ekladata.com/ezGwzVU0ZqjK4WPsdzg_rnypMUM.png" class="imgDESCII" />

A placer dans la description du premier forum de la seconde catégorie :
Code:
<img src="http://ekladata.com/29Cy2mCLZ7Jh-bebiY6bXat3zRk.png" class="imgDESCIII" /> <img src="http://ekladata.com/61NFbfbyUq3M0XnvvJheo8BsXCQ.png" class="imgDESCIV" />

Revenir en haut Aller en bas
Sam 25 Juin - 14:53
Merci beaucoup c'est vraiment magnifique mais j'ai un petit soucis j'ai tout installer comme vous l'avez décrit mais quand je mets le code pour les images dans ma partie de sous catégorie ici :
capture:
 
ça donne ceci :
capture d'écran:
 
Que dois-je faire ?
merci pour votre aide
Revenir en haut Aller en bas
Dim 26 Juin - 14:02
Remplacer :
Code:
/* BLOC CATEGORIE */
.mdlCAT {
margin:auto; width:800px; padding:25px 0 10px;
background:none; /* MODIFIABLE */
}

Par :
Code:
/* BLOC CATEGORIE */
.mdlCAT {
margin:auto; width:800px; min-height:405px; padding:25px 0 10px;
background:none; /* MODIFIABLE */
}

Bonne journée.
Revenir en haut Aller en bas
Dim 26 Juin - 15:59
merci c'est parfait comme ça I love you
Revenir en haut Aller en bas
Revenir en haut Aller en bas
Vous ne pouvez pas répondre aux sujets dans ce forum