modification catégorie

Lun 5 Déc - 11:16
bonjour ou bonsoir
je viens vers vous pour une modification de catégorie si c'est possible si vous ne pouvez pas je m'excuse par avance du dérangement
la modification porte sur la catégorie : [49] catégorie du lundi 30 novembre
je vous ai mis un petit schéma


je vous ai fais un code couleur pour mieux vous expliquez ce que je recherche
- en rouge je voudrais changer la place du bouton old et le mettre sur le coter
- en bleu je voudrai rajouter l'icone du dernier posteur en rajoute rune bordure blanche autour du rond de 2px
- en orange je souhaiterais pourvoir mettre une image de fond mais garder le titre de la catégorie comme elle est
- et enfin en vert je souhaiterais arrondir le bout de l'image de fond
Je vous dis un grand merci pour votre aide et je vous souhaite une bonne journée ainsi que des bonnes fêtes de fin d'années





Revenir en haut Aller en bas
Mar 6 Déc - 4:00
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"><img class="imgFRM" src="{catrow.forumrow.FORUM_FOLDER_IMG}" /><div class="blocFRM"><div class="tleFRM"><a href="{catrow.forumrow.U_VIEWFORUM}">{catrow.forumrow.FORUM_NAME}</a></div><div class="triRFRM"></div><div class="nbFRM">{catrow.forumrow.TOPICS} sujets  ▼  {catrow.forumrow.POSTS} réponses</div>
 <div id="dtlFRM"><div class="sfFRM" id="sfFRM">{catrow.forumrow.L_LINKS}{catrow.forumrow.LINKS}</div>
 <div class="triFRM"></div><div class="descFRM">{catrow.forumrow.FORUM_DESC}</div>
 <div class="lmsgFRM"><div class="avaFRM"><!-- BEGIN avatar -->{catrow.forumrow.avatar.LAST_POST_AVATAR}<!-- END avatar --></div>{catrow.forumrow.LAST_POST}</div></div>
     </div></div>
     <!-- END forumrow -->
     <!-- BEGIN catfoot -->

     <!-- BEGIN inc -->
     <!-- END inc -->
 
     <!-- END catfoot -->
     <!-- BEGIN tablefoot -->
    <img src="{SPACER}" alt="" height="5" width="1" /><!-- END tablefoot --><!-- END catrow -->

Partie CSS :
Code:
/* BLOC TITRE CATEGORIE */
.tleCAT{
margin:15px auto;
width:800px; padding:10px 0; text-align:center;
background:url(liendelimage.png); /* MODIFIABLE */
}
/* TITRE CATEGORIE */
.tleCAT h2{
margin:0 auto;
font-size:42px; text-transform:uppercase; letter-spacing:3px; /* MODIFIABLE */
font-family:Arial; color:white; text-shadow:1px 1px 0px rgba(0,0,0,0.3); /* MODIFIABLE */
}
/* BLOC FORUM */
#blocFRM{
width:800px; height:165px; text-align:center; overflow:hidden;
margin:auto;
}
.blocFRM{
display:inline-block; vertical-align:top; position:relative; width:790px; height:165px; overflow:hidden;
}
/* ICÔNES FORUM */
.imgFRM{
display:inline-block; vertical-align:top;
width:10px; height:165px;
}
/* BLOC TITRE FORUM */
.tleFRM {
display:inline-block; height:20px; width:475px; padding:10px 5px 10px 10px; overflow:hidden;
font-family:Arial; font-size:16px; font-weight:bold; text-transform:uppercase; text-align:left;
background:#ceccde; /* MODIFIABLE */
}
/* TITRE FORUM */
.tleFRM a{
color:white !important; text-shadow:1px 1px 0px rgba(0,0,0,0.2); /* MODIFIABLE */
}
/* ARRONDI NOMBRE SUJETS & MESSAGES FORUM */
.triRFRM {
position:absolute; z-index:3; margin-left:470px; margin-top:-40px;
width:20px; height:40px; border-radius:20px 0 0 20px;
background:#f1f0f4; /* MODIFIABLE */
}
/* NOMBRE SUJETS & MESSAGES */
.nbFRM{
display:inline-block; vertical-align:top; height:20px; width:290px; padding:13px 5px 7px 5px; overflow:hidden;
text-align:center; font-size:11px; text-transform:uppercase; font-family:Arial;
background:#f1f0f4; color:rgba(0,0,0,0.5); /* MODIFIABLE */
}
/* BLOC SOUS-FORUMS / DESCRIPTION / DERNIER MESSAGE */
#dtlFRM {
width:790px; height:125px;
}
/* SOUS-FORUMS */
.sfFRM {
display:inline-block; vertical-align:top;
width:205px; height:115px; padding:5px 125px 5px 5px; overflow:auto;
font-size:10px; text-transform:uppercase; text-align:justify;
background:#eae3f4; /* MODIFIABLE */
}
/* LIENS SOUS-FORUMS */
.sfFRM a{
color:#191919 !important; /* MODIFIABLE */
}
/* ARRONDI DESCRIPTION FORUM */
.triFRM {
position:absolute; z-index:3; margin-top:-125px; margin-left:280px;
width:55px; height:125px; border-radius:75px 0 0 75px;
background:#DEDEDE; /* MODIFIABLE */
}
/* DESCRIPTION FORUM */
.descFRM {
display:inline-block; vertical-align:top;
width:310px; height:115px; padding:5px; padding-left:0; overflow:auto;
background:#dedede; color:black; /* MODIFIABLE */
font-size:11px; font-family:Arial; text-align:justify;
}
/* IMAGE DESCRIPTIVE FORUM */
.descFRM img {
position:absolute; z-index:2; margin-top:-5px; margin-left:-340px;
width:335px; height:125px;
transition:all .65s linear; -webkit-transition:all .65s linear;
}
#dtlFRM:hover .descFRM img{
transform:translateX(-335px); -webkit-transform:translateX(-335px);
}
/* AVATAR DERNIER POSTEUR FORUM */
.avaFRM {
float:left; margin:5px;
width:55px; height:35px; overflow:hidden; border-radius:55px;
border:1px solid white; /* MODIFIABLE */
}
.avaFRM img {
width:55px;
}
/* DERNIER MESSAGE FORUM */
.lmsgFRM {
display:inline-block; vertical-align:top;
width:120px; height:105px; padding:10px; overflow:hidden;
text-align:right; font-size:11px; text-transform:uppercase; line-height:24px;
background-color:rgba(250,250,250,0.7); color:black; /* MODIFIABLE */
}

Taille des icônes du forum : 10 * 165
Longueur du titre du sujet affiché : 5
Panneau d'administration > Affichage > Page d'accueil > Structure et hiérarchie

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