Bonjouuuur Skaemp ! :-)
Voilà, j'ai choisis un code de catégories disponible dans le LS de votre site.
Je l'aime beaucoup, il est très chouette ! Je suis d'ailleurs en train de le modifier pour qu'il corresponde à mes attentes, mais évidemment je rencontre quelques soucis...
Voici ce que j'ai actuellement :
http://louisejeannetest.forumactif.org/Voici ce que j'aimerais...
https://2img.net/r/hpimg11/pics/584899ScreenShot20160627at232753.pngComme indiqué sur le screen' retoucher, j'aimerais corriger quelques détails et je ne trouve pas comment le faire sans déformer le tout o/
Je tenais aussi à vous informer que les liens vers les sous-forums ne s'affichent pas... pourtant dans le panneau d'administration, dans structure & hiérarchie, j'ai bien coché "oui" pour avoir les liens des sous forums.. Sauriez-vous pourquoi cela ne marche pas ?
En attendant, voici le CSS ->
- Code:
-
/****CATÉGORIES DE SKAEMP****/
/* TITRE CATEGORIE */
.tleCAT{
margin:5px auto 0;
width:900px; padding:30px; text-align:center;
background:url('http://img11.hostingpics.net/pics/637432fondnoirstrie.png'); /* MODIFIABLE */
}
.tleCAT h2{
margin:0;
font-size:9px; font-style: italic; font-family: georgia; text-transform:lowercase;
color:white; letter-spacing: 3px; /* MODIFIABLE */
}
/* CONTENU CATEGORIE */
.mdlCAT {
margin:auto; width:960px; padding:10px 0 25px;
background:#F7F7F7; /* MODIFIABLE */
}
/* BAS CATEGORIE */
.btmCAT {
margin:auto; margin-bottom:15px;
width:960px; height:15px;
background:black; /* MODIFIABLE */
}
/* BLOC FORUM */
.FRM {
margin:auto; width:860px; text-align:center;
}
/* TITRE FORUM */
.tleFRM {
padding:10px 0 5px; width:860px;
text-align:left; font-size:17px; font-family: georgia;
text-transform:uppercase; letter-spacing:1px;
}
.tleFRM a{
display:inline-block; vertical-align:middle;
color:#594c4d !important; /* MODIFIABLE */
}
/* NOMBRE SUJETS & MESSAGES FORUM */
.nbFRM {
display:inline-block; vertical-align:middle;
width:200px; padding-left:25px;
text-transform:uppercase; font-size:9px;
color:#594c4d; /* MODIFIABLE */
}
/* BLOC DESCRIPTION */
#descFRM {
display:inline-block;
width:475px; height:100px; overflow:hidden; text-align:justify;
background:white; border: 1px solid #efefef; /* MODIFIABLE */
}
/* IMAGE DESCRIPTIVE FORUM */
#descFRM img{
position:absolute; margin-left:-187px;
width:375px; height:100px;
filter:grayscale(1); -webkit-filter:grayscale(1);
transition:all 0.45s ease-in-out; -webkit-transition:all 0.45s ease-in-out;
}
#descFRM:hover img{
filter:grayscale(0); -webkit-filter:grayscale(0);
}
/* DESCRIPTION FORUM */
.descFRM {
position:relative; z-index:3; margin:auto; margin-top:10px;
width:340px; height:70px; padding:15px; overflow:auto;
font-size:10px; text-align:justify;
background:white; color:black; /* MODIFIABLE */
opacity:0; transition:all 0.45s ease-in-out; -webkit-transition:all 0.45s ease-in-out;
}
#descFRM:hover .descFRM {
opacity:1;
}
/* ICÔNES FORUM */
.imgFRM {
display:inline-block; margin:0 10px;
width:35px; height:100px;
}
/* DERNIER MESSAGE FORUM */
.lmsgFRM {
display:inline-block; vertical-align:top; border: 1px solid #efefef;
width:310px; height:70px; padding:15px 5px; text-align:center; text-transform: uppercase;
font-size:10px; background:white; color:black; /* MODIFIABLE */
}
/* TITRE DERNIER MESSAGE FORUM */
.lmsgFRM a {
text-transform:uppercase; font-size: 12px; color:black; /* MODIFIABLE */
}
/* TAILLE AUTEUR DERNIER MESSAGE FORUM */
.lmsgFRM .gensmall {
font-size:12px; /* MODIFIABLE */
}
/* SOUS-FORUMS */
.sfFRM {
margin:auto; margin-top:10px;
width:820px; padding:10px; border: 1px solid #efefef;
text-align:center; font-size:10px;
background:white; color:black; /* MODIFIABLE */
}
/* LIEN SOUS-FORUM */
.sfFRM a{
text-transform:uppercase; color:black !important; /* MODIFIABLE */
}
/****FIN CATÉGORIES****/
VOICI LES TEMPLATES ->
- 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>
<div class="mdlCAT"><!-- END tablehead -->
<!-- BEGIN cathead -->
<!-- END cathead -->
<!-- BEGIN forumrow -->
<div class="FRM"><div class="tleFRM"><a href="{catrow.forumrow.U_VIEWFORUM}">{catrow.forumrow.FORUM_NAME}</a><div class="nbFRM">{catrow.forumrow.TOPICS} sujets & {catrow.forumrow.POSTS} messages</div></div><div id="descFRM">{catrow.forumrow.FORUM_DESC}</div><img src="{catrow.forumrow.FORUM_FOLDER_IMG}" class="imgFRM" /><div class="lmsgFRM">{catrow.forumrow.LAST_POST}</div><div class="sfFRM">{catrow.forumrow.L_LINKS}{catrow.forumrow.LINKS}</div></div>
<!-- END forumrow -->
<!-- BEGIN catfoot -->
<!-- END catfoot -->
<!-- BEGIN tablefoot -->
</div>
<div class="btmCAT"></div>
<!-- END tablefoot --><!-- END catrow -->
Merci beaucoup à vous pour votre temps et lecture !