Déplacer une icone dans un code de catégorie

Mer 25 Avr - 22:32
Bonjour !

Je viens poster ici parce que j'aime beaucoup ce code et aimerais l'utiliser sur mon forum :
Spoiler:
 

Mais le fait que l'icône des nouveaux messages se trouve un même endroit que l'image de description et n'apparaisse qu'au passage de la souris me dérange un peu. Je la trouve aussi trop grande...

Du coup je voulais savoir si vous pouviez modifier le code pour placer l'icône des nouveau messages ailleurs (sous le dernier sujet peut-être ?) et d'une dimension plus petite aussi, pour ne laisser que l'image de description dans ce cadre (sans effet d'hover du coup) ?

Je ne sais pas si c'est très clair ce que je dis, mais euh, ça m'aiderait vraiment beaucoup si vous pouviez m'aider >///<

Merci beaucoup !
Revenir en haut Aller en bas
Jeu 26 Avr - 3:15
Bonjour,

Remplacez l'intégralité du template index_box par :

Code:
<table width="100%" 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="boxDESC"></div><div class="tleFRM"><span style="display:inline-block; vertical-align:middle; height:170px;"></span><span style="display:inline-block; vertical-align:middle;"><a href="{catrow.forumrow.U_VIEWFORUM}">{catrow.forumrow.FORUM_NAME}</a><img src="{catrow.forumrow.FORUM_FOLDER_IMG}" class="imgFRM" /><div class="lmsgFRM">{catrow.forumrow.LAST_POST}</div></span></div><div class="boxFRM"><div class="descFRM">{catrow.forumrow.FORUM_DESC}</div><div class="sfFRM"><span style="display:inline-block; vertical-align:middle; height:40px;"></span><span style="display:inline-block; vertical-align:middle;">{catrow.forumrow.L_LINKS}{catrow.forumrow.LINKS}</span></div></div><div class="boxFRM"><div class="nbFRM">{catrow.forumrow.TOPICS}</div><div class="nbFRM nbFRMII">{catrow.forumrow.POSTS}</div></div></div>   
        <!-- END forumrow -->
       
        <!-- BEGIN catfoot -->
        <!-- END catfoot -->
        <!-- BEGIN tablefoot -->
        <!-- END tablefoot --><!-- END catrow -->
   <!-- CODAGE PAR SKAEMP / CCCRUSH D'APRES UN SCHEMA DE KENNY MC / T305-PLUSIEURS-TEMPLATES -->

Partie CSS :
Code:
/* BLOC TITRE CATEGORIE */
.tleCAT {
margin:10px auto 0; width:900px; padding:10px 0; text-align:right;
background:black; /* MODIFIABLE */
}
/* TITRE CATEGORIE */
.tleCAT h2 {
margin:0; padding-right:15px;
font-size:42px; text-transform:uppercase; font-family:Arial;
color:white; /* MODIFIABLE */
}
/* BLOC FORUM */
.FRM {
margin:10px auto;
width:898px; padding:10px 0; border:1px solid;
text-align:center; font-family:Arial;
border-color:#DEDEDE; background:#E3E3E3; /* MODIFIABLE */
}
/* BLOC IMAGE DESCRIPTIVE FORUM */
.boxDESC {
display:inline-block; vertical-align:top;
width:220px; height:170px; border:1px solid;
border-color:lightgrey; background:white; /* MODIFIABLE */
}
/* IMAGE DESCRIPTIVE FORUM */
.descFRM img {
position:absolute; z-index:3; margin-top:5px; margin-left:-437px;
width:200px; height:150px;
}
/* BLOC TITRE & DERNIER MESSAGE FORUM */
.tleFRM {
display:inline-block; vertical-align:top; margin:0 9px;
width:200px; height:170px; overflow:hidden; border:1px solid;
text-align:center; font-size:12px; text-transform:uppercase;
border-color:lightgrey; background:white; /* MODIFIABLE */
}
/* TITRE FORUM */
.tleFRM a {
color:grey !important; /* MODIFIABLE */
}
/* ICÔNES FORUM */
.imgFRM {
display:block; margin:5px auto;
width:125px; height:15px;
}
/* DERNIER MESSAGE FORUM */
.lmsgFRM {
text-align:center; font-size:10px; line-height:15px;
color:black; /* MODIFIABLE */
}
/* COULEUR TITRE SUJET DERNIER MESSAGE FORUM */
.lmsgFRM a {
color:black !important; /* MODIFIABLE */
}
/* BLOC POSITIONNEMENT */
.boxFRM {
display:inline-block; vertical-align:top;
}
/* DESCRIPTION FORUM */
.descFRM {
margin-bottom:5px; margin-right:9px;
width:318px; height:113px; padding:5px; overflow-y:auto; border:1px solid;
font-size:10px; text-align:justify; line-height:16px;
border-color:lightgrey; background:white; color:black;  /* MODIFIABLE */
}
/* BLOC SOUS-FORUMS */
.sfFRM {
margin-top:5px;
width:318px; height:40px; padding:0 5px; overflow-y:auto; border:1px solid;
font-size:10px; text-align:left; text-transform:uppercase;
border-color:lightgrey; background:white; color:grey;  /* MODIFIABLE */
}
/* LIENS SOUS-FORUMS */
.sfFRM a {
color:grey !important; /* MODIFIABLE */
}
/* NOMBRE SUJETS FORUM */
.nbFRM {
width:95px; height:65px; padding-top:15px; overflow:hidden; border:1px solid;
text-align:center; font-size:28px; font-family:Arial; line-height:50px;
border-color:lightgrey; background:white; color:black; /* MODIFIABLE */
}
/* NOMBRE MESSAGES FORUM */
.nbFRMII {
margin-top:8px;
border-color:lightgrey; background:white; color:grey; /* MODIFIABLE */
}

Taille des images descriptives : 200*150
Taille des icônes du forum : 125*15
Revenir en haut Aller en bas
Jeu 26 Avr - 16:51
Merci beaucoup, c'est parfait !
Revenir en haut Aller en bas
Revenir en haut Aller en bas
Vous ne pouvez pas répondre aux sujets dans ce forum