Le Deal du moment : -29%
PC portable – MEDION 15,6″ FHD Intel i7 ...
Voir le deal
499.99 €

   :: Espace invités :: Intruders :: Résolus Voir le sujet précédent Voir le sujet suivant Aller en bas

Catégorie - problème

Grypha
Catégorie - problème Empty Mar 6 Déc - 16:21
Bonjour !

Déjà un énorme merci pour tout ce que vous faites, c'est vraiment du beau travail. ♥

Alors, voilà mon problème: je tente d'installer le design catégorie n°15, soit
celui-ci:

Tout aller bien jusque là, j'ai même commencé à modifier toutes les couleurs et à installer les images afin de voir ce que ça donne et si cela pouvait me permettre de régler le problème. Malheureusement, cela n'est pas le cas et je me retrouve donc avec ceci:

voilà:

Voilà, en fait comme vous pouvez le voir, le texte descriptif est décalé et rentre donc dans le cadre.

Pourtant, j'ai bien utilisé le code à inscrire:
Code:
<div class="descFRM">....</div>

Voici le template (il me semble ne rien avoir modifier):

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="itsFRM"><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="descFRM"><div class="sfFRM">{catrow.forumrow.L_LINKS}{catrow.forumrow.LINKS}</div>{catrow.forumrow.FORUM_DESC}</div></div>
 </div>
    <!-- END forumrow -->
    <!-- BEGIN catfoot -->

    <!-- BEGIN inc -->
    <!-- END inc -->
 
    <!-- END catfoot -->
    <!-- BEGIN tablefoot -->
    </div>
    <!-- END tablefoot --><!-- END catrow -->

Et le CSS (j'ai modifié couleur et police):

Code:
/*CATEGORIES*/
/* TITRE CATEGORIES */
.tleCAT{
margin:15px auto 0;
width:770px; padding:10px 0; text-align:center;
background:#eaefef; border-radius:15px 100px/100px 15px; /* MODIFIABLE */
}
.tleCAT h2{
margin:0 auto;
font-size:42px; text-transform:uppercase; letter-spacing:3px;
font-family:Courrier New; color:#ffffff; text-shadow:1px 1px 0px rgba(0,0,0,0.3); /* MODIFIABLE */
}
/* BLOC CATEGORIE */
.mdlCAT {
margin:auto;
width:800px; padding:5px 0;
}
/* BLOC FORUM */
#blocFRM{
margin:10px auto;
width:770px; height:125px; padding:10px 0; overflow:hidden; text-align:center;
background:#9fa8a7; /* MODIFIABLE */
}
/* BLOC IMAGE/TITRE/STATISTIQUES */
.itsFRM {
display:inline-block; vertical-align:top;
}
/* TITRE FORUMS */
.tleFRM {
margin:auto; max-height:65px; width:160px; 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 FORUMS */
.imgFRM{
position:absolute; z-index:4; margin-top:35px; margin-left:-125px;
width:50px; height:50px; border-radius:15px 100px/100px 15px;
}
/* NOMBRE SUJETS ET MESSAGES */
.nbFRM{
margin:auto; 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:2; margin-top:10px; margin-left:-165px;
width:145px; height:85px; padding:5px; overflow:auto;
font-size:10px; text-transform:uppercase; text-align:justify;
background:#e7eaea; /* MODIFIABLE */
}
/* LIENS SOUS-FORUMS */
.sfFRM a{
color:#191919 !important; /* MODIFIABLE */
}
/* DESCRIPTIONS FORUMS */
#descFRM {
display:inline-block; vertical-align:top;
width:400px; height:125px; overflow:hidden;
}
.descFRM {
width:220px; height:115px; padding:5px 5px 5px 175px; overflow:auto;
background:#dedede; font-family:Arial; color:black; /* MODIFIABLE */
font-size:11px; text-align:justify;
}
/* IMAGES DESCRIPTIONS FORUMS FORUMS */
#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{
opacity:0; width:0px; transform:translatex(400px); -webkit-transform:translatex(400px);
}
/* DERNIER MESSAGE FORUMS */
.lmsgFRM {
display:inline-block; vertical-align:top; margin:0 10px;
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:rgba(0,0,0,0.3); box-shadow:inset 0 0 15px rgba(0,0,0,0.1); color:#dedede; /* MODIFIABLE */
}

Merci beaucoup, j'espère que ça ira ! ♥
Revenir en haut Aller en bas
Skaemp
Catégorie - problème Empty Mer 7 Déc - 1:10
Bonjour,

Remplacez 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">{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:#EAEFEF; 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:Courier New; color:#ffffff; 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:#9fa8a7; /* 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);
}

Instructions :
Catégorie - problème IMGDESC
Revenir en haut Aller en bas
Grypha
Catégorie - problème Empty Mer 7 Déc - 16:53
Merci beaucoup !! ♥

Bonne continuation !
Revenir en haut Aller en bas
Contenu sponsorisé
Catégorie - problème Empty
Revenir en haut Aller en bas
Page 1 sur 1
Vous ne pouvez pas répondre aux sujets dans ce forum