Modification catégories

Lun 27 Juin - 23:37
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... http://img11.hostingpics.net/pics/584899ScreenShot20160627at232753.png

Comme 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 ! I love you
Revenir en haut Aller en bas
Mar 28 Juin - 2:40
Désolée pour le double post Skaemp...
Je tenais à vous informer que j'ai résolu mon problème de lien pour les sous-forums ; le reste des petits soucis est toujours d'actu, avec un autre en plus o/

Voilà le QEEL que j'ai repris de chez vous et modifié en adéquation avec mon thème : http://img15.hostingpics.net/pics/276748ScreenShot20160628at023627.png

Voici le CSS :
Code:
/*****QEEL DE SKAEMP*****/
/* QEEL */
.QEELfond {
background-image: url('http://i.imgur.com/l1pIMgR.png'); width: 920px; height: 300px;
padding: 20px;
}
.QEEL {
padding:15px; width:900px; height:195px; align: center;
}
/* BLOC TITRE QEEL */
.tleQEEL {
margin-bottom:5px; margin-left: -10px;
width:880px; height:45px; padding: 15px;
background:white; /* MODIFIABLE */
text-transform:uppercase; text-align:left;
}
/* TITRE QEEL */
.tleQEEL a.cattitle {
font-size:17px; font-family: georgia; letter-spacing: 2px;
font-weight: 200; color:black;  /* MODIFIABLE */
}
/* STATISTIQUES QEEL */
.stsQEEL {
position:absolute; margin-top:-34px; margin-left:300px;
width:585px; text-align:right;
}
/* TOTAL MEMBRES */
.tlMQEEL {
display:inline-block;
height:25px; padding:10px; margin-top: 10px; text-align:center; font-size:11px;
background:#303030; border: 1px solid black; color:white; /* MODIFIABLE */
}
/* TOTAL MESSAGES */
.tlPQEEL {
display:inline-block; margin:0 5px;
height:25px; padding:10px; text-align:center; font-size:11px;
background:#303030; border: 1px solid black; margin-top: 10px; color:white; /* MODIFIABLE */
}
/* DERNIER UTILISATEUR ENREGISTRE QEEL */
.lstQEEL {
display:inline-block;
height:25px; width: 250px; margin-top: 12px; padding:10px 10px; text-align:center; font-size:11px;
border: 1px solid #303030; color:black; /* MODIFIABLE */
}
/* MEMBRES CONNECTES QEEL */
.onlineQEEL {
display:inline-block; vertical-align:middle; text-transform: uppercase;
width:295px; height:155px; padding:10px; overflow:auto;
background:white; color:black; /* MODIFIABLE */
font-size:10px; text-align:justify;
}
/* 24H QEEL */
.dayQEEL {
display:inline-block; vertical-align:middle; margin:0 10px;
width:345px; height:155px; padding:10px; overflow:auto;
background:white; /* MODIFIABLE */
font-size:10px; text-align:justify;
}
.dayQEEL .row1 {
padding:0 !important; background:none !important;
}
/* COULEUR TEXTE 24H */
.dayQEEL .gensmall {
color:black; text-transform: uppercase; /* MODIFIABLE */
}
/* BLOC GROUPES QEEL */
.GQEEL {
display:inline-block; vertical-align:middle;
width:200px; padding-top:5px; font-family: georgia
text-align:center; font-size:10px;
}
/* GROUPE QEEL */
.GQEEL a{
display:block; margin-bottom:5px; padding:10px;
text-transform:uppercase; /* MODIFIABLE */
}
/***fin du qeel***/

Voici le template :
Code:
<!-- BEGIN disable_viewonline -->
<table class="forumline" width="100%" border="0" cellspacing="1" cellpadding="0">
  <tr><td><div class="QEELfond"><div class="QEEL"><!-- TITRE --><div class="tleQEEL"><a class="cattitle" href="{U_VIEWONLINE}" rel="nofollow">STATISTIQUES</a><!-- STATISTIQUES --><div class="stsQEEL"><!-- TOTAL MEMBRES --><div class="tlMQEEL"><span id="tUSERS">{TOTAL_USERS}</span><script type="text/javascript">document.getElementById('tUSERS').innerHTML=document.getElementById('tUSERS').innerHTML.replace(/Nous avons /," "); document.getElementById('tUSERS').innerHTML=document.getElementById('tUSERS').innerHTML.replace(/membres enregistrés/," "); document.getElementById('tUSERS').innerHTML=document.getElementById('tUSERS').innerHTML.replace(/membre enregistré/," ");</script><br/>Membres</div><div class="tlPQEEL"><!-- TOTAL MESSAGES --><span id="tPOSTS">{TOTAL_POSTS}</span><script type="text/javascript">document.getElementById('tPOSTS').innerHTML=document.getElementById('tPOSTS').innerHTML.replace(/Nos membres ont posté un total de /," "); document.getElementById('tPOSTS').innerHTML=document.getElementById('tPOSTS').innerHTML.replace(/messages/," ");</script><br/>Messages</div><!-- DERNIER UTILISATEUR ENREGISTRE --><div class="lstQEEL"><!-- DERNIER INSCRIT -->Bienvenue à<br/><span id="nUSER">{NEWEST_USER}</span><script type="text/javascript">document.getElementById('nUSER').innerHTML=document.getElementById('nUSER').innerHTML.replace(/L'utilisateur enregistré le plus récent est /," ")</script></div></div></div><!-- MEMBRES CONNECTES --><div class="onlineQEEL"><table><span id="TLUS" style="font-size:9px;">{TOTAL_USERS_ONLINE}</span><script type="text/javascript">document.getElementById('TLUS').innerHTML=document.getElementById('TLUS').innerHTML.replace(/Il y a en tout/,"");</script><br/><br/>{LOGGED_IN_USER_LIST}</table><br/></div><!-- 24H --><div class="dayQEEL"><table>{L_CONNECTED_MEMBERS}</table></div>

<!-- 5 GROUPES MAXIMUM --><div class="GQEEL"><!-- I --><a href="" target="_blank" style="background:white; color:black;">Groupe</a><!-- II --><a href="" target="_blank" style="background:white; color:black;">Groupe</a><!-- III --><a href="" target="_blank" style="background:white; color:black;">Groupe</a><!-- IV --><a href="" target="_blank" style="background:white; color:black;">Groupe</a><!-- V --><a href="" target="_blank" style="background:white; color:black;">Groupe</a></div>

  </div></div></td></tr></table>
<!-- END disable_viewonline -->

Encore merci !! (et désolée pour le dérangement)
Like a Star @ heaven Like a Star @ heaven Like a Star @ heaven
Revenir en haut Aller en bas
Mar 28 Juin - 4:07
Bonsoir,

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

Code:
<table width="95%" 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><div class="lmsgFRM">{catrow.forumrow.LAST_POST}</div><img src="{catrow.forumrow.FORUM_FOLDER_IMG}" class="imgFRM" /><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 -->

Partie CSS :
Code:
/* BLOC TITRE CATEGORIE */
.tleCAT{
margin:5px auto 0;
width:900px; padding:30px; text-align:center;
background:url('http://img11.hostingpics.net/pics/637432fondnoirstrie.png'); /* MODIFIABLE */
}
/* TITE CATEGORIE */
.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;
width:475px; 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:425px; height:60px; padding:10px; 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;
}
/* DERNIER MESSAGE FORUM */
.lmsgFRM {
display:inline-block; vertical-align:top; margin:0 10px; border: 1px solid #efefef;
width:310px; height:75px; padding:25px 5px 0; 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 */
}
/* ICÔNES FORUM */
.imgFRM {
display:inline-block;
width:35px; height:100px;
}
/* SOUS-FORUMS */
.sfFRM {
margin:auto; margin-top:10px;
width:832px; 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 */
}

Remplacer l'intégralité de la partie CSS correspondant au QEEL par :
Code:
/* QEEL */
.QEELfond {
background-image: url('http://i.imgur.com/l1pIMgR.png'); width: 920px; height: 300px;
padding: 20px;
}
.QEEL {
margin:auto; padding:15px; width:900px; height:195px;
}
/* BLOC TITRE QEEL */
.tleQEEL {
margin-bottom:5px;
width:870px; height:45px; padding: 15px;
background:white; /* MODIFIABLE */
text-transform:uppercase; text-align:left;
}
/* TITRE QEEL */
.tleQEEL a.cattitle {
display:inline-block; margin-top:15px;
font-size:17px; font-family: georgia; letter-spacing: 2px;
font-weight:200; color:black;  /* MODIFIABLE */
}
/* STATISTIQUES QEEL */
.stsQEEL {
position:absolute; margin-top:-47px; margin-left:287px;
width:585px; text-align:right;
}
/* TOTAL MEMBRES */
.tlMQEEL {
display:inline-block;
height:25px; padding:10px; margin-top: 10px; text-align:center; font-size:11px;
background:#303030; border: 1px solid black; color:white; /* MODIFIABLE */
}
/* TOTAL MESSAGES */
.tlPQEEL {
display:inline-block; margin:0 5px;
height:25px; padding:10px; text-align:center; font-size:11px;
background:#303030; border: 1px solid black; margin-top: 10px; color:white; /* MODIFIABLE */
}
/* DERNIER UTILISATEUR ENREGISTRE QEEL */
.lstQEEL {
display:inline-block;
height:25px; width: 250px; margin-top: 12px; padding:10px 10px; text-align:center; font-size:11px;
border: 1px solid #303030; color:black; /* MODIFIABLE */
}
/* MEMBRES CONNECTES QEEL */
.onlineQEEL {
display:inline-block; vertical-align:middle; text-transform: uppercase;
width:295px; height:155px; padding:10px; overflow:auto;
background:white; color:black; /* MODIFIABLE */
font-size:10px; text-align:justify;
}
/* 24H QEEL */
.dayQEEL {
display:inline-block; vertical-align:middle; margin:0 10px;
width:345px; height:155px; padding:10px; overflow:auto;
background:white; /* MODIFIABLE */
font-size:10px; text-align:justify;
}
.dayQEEL .row1 {
padding:0 !important; background:none !important;
}
/* COULEUR TEXTE 24H */
.dayQEEL .gensmall {
color:black; text-transform: uppercase; /* MODIFIABLE */
}
/* BLOC GROUPES QEEL */
.GQEEL {
display:inline-block; vertical-align:middle;
width:200px; padding-top:5px; font-family: georgia
text-align:center; font-size:10px;
}
/* GROUPE QEEL */
.GQEEL a{
display:block; margin-bottom:5px; padding:10px;
text-transform:uppercase; /* MODIFIABLE */
}
Revenir en haut Aller en bas
Mar 28 Juin - 8:26
Rebonjour Skaemp !

Merci pour la rapidité de votre réponse !! :-)
Tout fonctionne parfaitement. cat

Je vous souhaite une bonne continuation et une bonne journée !! Like a Star @ heaven Like a Star @ heaven
Revenir en haut Aller en bas
Vous ne pouvez pas répondre aux sujets dans ce forum