Panache
{ Membre }
Messages : 31
| Bonjour!! J'ai récemment utilisée le tutoriel suivant: http://www.css-actif.com/t7854-personnaliser-la-mise-en-page-de-la-liste-des-sous-forums# il fonctionne très bien, je l'ai suivi, j'ai tout fait, et tout a fonctionné, j'étais très heureuse. hélas, pour une raison obscure, il ne fonctionne plus. J'ai défait puis refait le tutoriel, et ça ne fonctionne pas plus, et même après avoir scrupuleusement cherchée la raison obscure de tout ce mystère, je n'ai su trouver de moi-même. c'est pourquoi je demande votre merveilleuse aide <3 voici, au besoin, mon template index_box et mon CSS. La partie qui concerne ce tutoriel est celle de «affichage sous-forums». Merci beaucoup à vous!!! - 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="titreCategorie h2">{catrow.tablehead.L_FORUM}</div> <table class="forumline" width="100%" border="0" cellspacing="1" cellpadding="0"> <!--<tr> <th colspan="{catrow.tablehead.INC_SPAN}" nowrap="nowrap" width="100%" class="secondarytitle"> {catrow.tablehead.L_FORUM} </th> <th nowrap="nowrap" width="150"><div style="width:150px;">{L_LASTPOST}</div></th> </tr>--> <!-- END tablehead --> <!-- BEGIN cathead --> <tr> <!-- BEGIN inc --> <td class="{catrow.cathead.inc.INC_CLASS}" width="46"><img src="{SPACER}" height="0" width="46" /></td> <!-- END inc --> <td class="{catrow.cathead.CLASS_CAT}" colspan="{catrow.cathead.INC_SPAN}" width="100%"> <h{catrow.cathead.LEVEL} class="hierarchy"> <span class="cattitle"> <a class="cattitle" title="{catrow.cathead.CAT_DESC}" href="{catrow.cathead.U_VIEWCAT}">{catrow.cathead.CAT_TITLE}</a> </span> </h{catrow.cathead.LEVEL}> </td> <td class="{catrow.cathead.CLASS_ROWPIC}" colspan="3" align="right"> </td> </tr> <!-- END cathead --> <!-- BEGIN forumrow --> <tr> <!-- BEGIN inc --> <td class="{catrow.forumrow.inc.INC_CLASS}" width="46"><img src="{SPACER}" height="0" width="46" alt="." /></td> <!-- END inc --> <td class="{catrow.forumrow.INC_CLASS}" align="center" valign="middle"> <img title="{catrow.forumrow.L_FORUM_FOLDER_ALT}" src="{catrow.forumrow.FORUM_FOLDER_IMG}" alt="{catrow.forumrow.L_FORUM_FOLDER_ALT}" /> </td> <td class="row1 over" colspan="{catrow.forumrow.INC_SPAN}" valign="top" width="80%" height="50"> <h{catrow.forumrow.LEVEL} class="hierarchy"> <span class="forumlink"> <a class="forumlink" href="{catrow.forumrow.U_VIEWFORUM}">{catrow.forumrow.FORUM_NAME}</a><br /> </span> </h{catrow.forumrow.LEVEL}> <span class="genmed">{catrow.forumrow.FORUM_DESC}</span> <span class="gensmall"> <!-- BEGIN switch_moderators_links --> {catrow.forumrow.switch_moderators_links.L_MODERATOR}{catrow.forumrow.switch_moderators_links.MODERATORS} <!-- END switch_moderators_links --> </span> <div class="sousforums">{catrow.forumrow.L_LINKS}{catrow.forumrow.LINKS}</div> </td> <td class="row3 over" align="center" width="20%" valign="middle" height="50"> <div class="gensmall sujets_messages">Messages : {catrow.forumrow.POSTS} | Sujets : {catrow.forumrow.TOPICS}</div> <div class="gensmall derniers_sujets">{catrow.forumrow.LAST_POST}</div> </td> <!-- END forumrow --> <!-- BEGIN catfoot --> <tr> <!-- BEGIN inc --> <td class="{catrow.catfoot.inc.INC_CLASS}" width="46"><img src="{SPACER}" height="0" width="46" /></td> <!-- END inc --> <td class="spaceRow" colspan="{catrow.catfoot.INC_SPAN}" height="1"><img src="{SPACER}" alt="" height="1" width="1" /></td> </tr> <!-- END catfoot --> <!-- BEGIN tablefoot --> </table><img src="{SPACER}" alt="" height="5" width="1" /><!-- END tablefoot --><!-- END catrow --> - Code:
-
------------------------en-têtes de catégories---------------------- .titreCategorie { /* Ici on règle le css de TOUS les titres */ height: 133px; text-indent: -999px; } .titreCategorie .horsrp{ /* Ici on règle le css du titre reglement */ background: url("http://i.imageox.com/bd2e59860786.png") no-repeat; display: block; height: 133px; } .titreCategorie .manoir{ /* Ici on règle le css du titre reglement */ background: url("http://i.imageox.com/a37ea1cb4473.png") no-repeat; display: block; height: 133px; } .titreCategorie .dehors{ /* Ici on règle le css du titre reglement */ background: url("http://i.imageox.com/8a609a24bcf3.png") no-repeat; display: block; height: 133px; } .titreCategorie .corbeille{ /* Ici on règle le css du titre reglement */ background: url("http://i.imageox.com/0117c716132f.png") no-repeat; display: block; height: 133px; }
.titreCategorie h2 { margin-bottom: 0px; /* enlève la marge du bas */ text-indent: -9999px; /* masque le texte quand on est sur l'accueil */ } ------------------------affichage sous-forums------------------------- .sousforums a { display:inline-block; /* affichage en ligne mais avec les propriétés d'un bloc */ background:#808080; /* une couleur de fond derrière chaque lien */ padding:2px 5px; /*un espacement entre le texte et le bord du bloc-lien*/ margin:0 5px; /* un espacement entre le bloc-lien et les éléments qui l'entourent */ } -----------------------titres forums-------------------------- /* pour les liens normaux ou déjà visités */ a.forumlink:link, a.forumlink:visited { color:#000000; }
/* pour les liens survolés ou activés */ a.forumlink:hover, a.forumlink:active { color:#474747; } a.forumlink{ display:block; padding: 1px; -moz-border-radius: 15px; -webkit-border-radius:15px; border-radius:15px; background-color: #808080; text-align: center; font-size: 15px; } | | |
|
Nihil
{ Modérateur }
Messages : 1216
| Dans ton css, je remarque ceci plusieurs fois : - Code:
-
------------------------en-têtes de catégories----------------------
En CSS, les commentaires se mettent de cette manière là : - Code:
-
/* COMMENTAIRE */ En remplaçant ces mauvais commentaires, cela sera déjà mieux Exemple : - Code:
-
/* ------------------------en-têtes de catégories---------------------- */ | | |
|
Panache
{ Membre }
Messages : 31
| Oh, c'était donc juste ça!! bah ça fonctionne xD merci! | | |
|