| Enlever la barre de catégorie | |
|
Panache ![{ Membre } { Membre }](https://2img.net/h/files.cssactif.com/rangs/membre.png)
{ Membre }
Messages : 31
![Enlever la barre de catégorie Empty](https://2img.net/i/fa/empty.gif) | Bonjour! Je viens d'installer des images au-dessus de mes catégories contenant le titre de celles-ci. J'aimerais maintenant supprimer toute barre de catégorie sans déformer la catégorie en tant que tel. Est-ce compréhensible? Merci beaucoup de votre aide! | | |
|
![Aller en bas](https://2img.net/i/empty.gif) | |
Nihil ![{ Modérateur } { Modérateur }](https://2img.net/h/cssactif.com/files/rangs/moderateur.png)
{ Modérateur }
Messages : 1216
![Enlever la barre de catégorie Empty](https://2img.net/i/fa/empty.gif) | Si je comprends bien, tu souhaites enlever la partie que j'ai entourée en rouge là : - Spoiler:
Si c'est ce que tu souhaites faire, ta demande est liée à ton autre question (http://www.css-actif.com/t14480-images-categories). En fait, tu souhaites remplacer la barre entourée en rouge dans la screenshot par les images, c'est cela ? | | |
|
![Aller en bas](https://2img.net/i/empty.gif) | |
Panache ![{ Membre } { Membre }](https://2img.net/h/files.cssactif.com/rangs/membre.png)
{ Membre }
Messages : 31
![Enlever la barre de catégorie Empty](https://2img.net/i/fa/empty.gif) | oui, c'est en lien hum....remplacer... si ça donne le résultat excompté, alors c'est parfait! et oui, c'est bien la partie entourée en rouge | | |
|
![Aller en bas](https://2img.net/i/empty.gif) | |
Nihil ![{ Modérateur } { Modérateur }](https://2img.net/h/cssactif.com/files/rangs/moderateur.png)
{ Modérateur }
Messages : 1216
![Enlever la barre de catégorie Empty](https://2img.net/i/fa/empty.gif) | Voici ton template : - 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">{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="50">{L_TOPICS}</th> <th nowrap="nowrap" width="50">{L_POSTS}</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="100%" 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 --> {catrow.forumrow.L_LINKS}{catrow.forumrow.LINKS} </span> </td> <td class="row3" align="center" valign="middle" height="50"> <span class="gensmall">{catrow.forumrow.TOPICS}</span> </td> <td class="row2" align="center" valign="middle" height="50"> <span class="gensmall">{catrow.forumrow.POSTS}</span> </td> <td class="row3 over" align="center" valign="middle" height="50"> <span class="gensmall">{catrow.forumrow.LAST_POST}</span> </td> </tr> <!-- 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 --> Voici le css correspondant à ajouter : - Code:
-
.titreCategorie { /* Ici on règle le css de TOUS les titres */ height: 133px; text-indent: -999px; } Ensuite quand tu mets chaque titre, tu le fais sous cette forme là : - Code:
-
<span class="reglement">Règlement</span>
Ensuite dans le css tu mets - Code:
-
.titreCategorie .reglement{ /* Ici on règle le css du titre reglement */ background: url("URL DE L'IMAGE A METTRE") no-repeat; } Normalement cela devrait marcher, peut tu me faire un retour ? | | |
|
![Aller en bas](https://2img.net/i/empty.gif) | |
Panache ![{ Membre } { Membre }](https://2img.net/h/files.cssactif.com/rangs/membre.png)
{ Membre }
Messages : 31
![Enlever la barre de catégorie Empty](https://2img.net/i/fa/empty.gif) | OK question :3
le premier code css, je le mets dans le template? si oui, à quel endroit exactement?
Quand tu dit ensuite de quand je mets chaque titre, tu parle du titre dans le panneau d'admin, là où l'on crée les catégories et forums?
| | |
|
![Aller en bas](https://2img.net/i/empty.gif) | |
Nihil ![{ Modérateur } { Modérateur }](https://2img.net/h/cssactif.com/files/rangs/moderateur.png)
{ Modérateur }
Messages : 1216
![Enlever la barre de catégorie Empty](https://2img.net/i/fa/empty.gif) | Le CSS tu le mets dans PA > Affichage > images & couleurs > couleurs > feuille de style
Et sinon oui, je parle de chaque titre dans le panneau d'admin (: | | |
|
![Aller en bas](https://2img.net/i/empty.gif) | |
Panache ![{ Membre } { Membre }](https://2img.net/h/files.cssactif.com/rangs/membre.png)
{ Membre }
Messages : 31
![Enlever la barre de catégorie Empty](https://2img.net/i/fa/empty.gif) | humm il y a une autre chose de pas claire, que veut-tu dire par «ici on règle le css de tous les titres/du titre règlement»? le premier ces deux codes du css, sert à donner l'espace entre les catégories, je n'ai pas besoin d'y toucher, c'est bien ça? le deuxième code css, tu me dira si j'ai bon, je dois remplacer le mot règlement par le nom que j'ai donnée à la catégorie et mettre le url de l'image. ensuite, je dois copier-coller ce même deuxième code css pour chacune des catégories en changeant le titre et l'image?
si c'est bien ce qu'il fallait faire, j'ai bel et bien les espaces entre les catégories, mais les images n'apparaissent pas =o | | |
|
![Aller en bas](https://2img.net/i/empty.gif) | |
Nihil ![{ Modérateur } { Modérateur }](https://2img.net/h/cssactif.com/files/rangs/moderateur.png)
{ Modérateur }
Messages : 1216
![Enlever la barre de catégorie Empty](https://2img.net/i/fa/empty.gif) | Tu as tout bon ^____^ Oh je sais d'où viens le problème. Voici exactement ce qu'il faut mettre (j'ai rajouté 2 lignes)
.titreCategorie .reglement{ /* Ici on règle le css du titre reglement */ background: url("URL DE L'IMAGE A METTRE") no-repeat; display: block; height: 133px; } | | |
|
![Aller en bas](https://2img.net/i/empty.gif) | |
Panache ![{ Membre } { Membre }](https://2img.net/h/files.cssactif.com/rangs/membre.png)
{ Membre }
Messages : 31
![Enlever la barre de catégorie Empty](https://2img.net/i/fa/empty.gif) | Merci, c'est parfait! Mais il y a une chose que je n'arrive pas à savoir où régler le problème dans le template, notre petite modification a rendue la case des derniers messages postés toute maigrelette ahahah après cela je te laisse partir :3 tiens le template si tu en a encore besoin juste pour ce détail °w° - 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">{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="100%" 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 --> {catrow.forumrow.L_LINKS}{catrow.forumrow.LINKS} </span> </td> <td class="row3 over" align="center" 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 --> je réécris en dessous le contenu du message que j'avais envoyée auparavant ![Smile](https://2img.net/i/fa/i/smiles/icon_smile.gif) OOOHHHH OH OH OH OH OH OH OH!!! *.* ![:hearts: ♥️](https://cdn.jsdelivr.net/emojione/assets/png/2665.png?v=2.2.7) ![:hearts: ♥️](https://cdn.jsdelivr.net/emojione/assets/png/2665.png?v=2.2.7) ![:hearts: ♥️](https://cdn.jsdelivr.net/emojione/assets/png/2665.png?v=2.2.7) ![:hearts: ♥️](https://cdn.jsdelivr.net/emojione/assets/png/2665.png?v=2.2.7) ![:hearts: ♥️](https://cdn.jsdelivr.net/emojione/assets/png/2665.png?v=2.2.7) ![:hearts: ♥️](https://cdn.jsdelivr.net/emojione/assets/png/2665.png?v=2.2.7) ![:hearts: ♥️](https://cdn.jsdelivr.net/emojione/assets/png/2665.png?v=2.2.7) ça fonctionne comme un charme, merci!! *heureusement que mes connaissances de bases m'ont aidées à savoir comment faire sans nous faire perdre trop de temps :3 tu est merveilleuse, continue comme ça, je t'encourrage!! ![:hearts: ♥️](https://cdn.jsdelivr.net/emojione/assets/png/2665.png?v=2.2.7) * ça serait utile que tu poste ce tuto pour aider ceux avec le même problème que moi | | |
|
![Aller en bas](https://2img.net/i/empty.gif) | |
Nihil ![{ Modérateur } { Modérateur }](https://2img.net/h/cssactif.com/files/rangs/moderateur.png)
{ Modérateur }
Messages : 1216
![Enlever la barre de catégorie Empty](https://2img.net/i/fa/empty.gif) | Dans ta partie - Code:
-
<td class="row1 over" colspan="{catrow.forumrow.INC_SPAN}" valign="top" width="100%" 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 --> {catrow.forumrow.L_LINKS}{catrow.forumrow.LINKS} </span> </td> <td class="row3 over" align="center" 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> Il faut changer le valeur du width des td ![Smile](https://2img.net/i/fa/i/smiles/icon_smile.gif) Petit exemple - 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">{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="60%" 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 --> {catrow.forumrow.L_LINKS}{catrow.forumrow.LINKS} </span> </td> <td class="row3 over" align="center" width="40%" 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 --> |
Dernière édition par Nihil le Dim 19 Mai 2013, 19:42, édité 1 fois | |
|
![Aller en bas](https://2img.net/i/empty.gif) | |
Panache ![{ Membre } { Membre }](https://2img.net/h/files.cssactif.com/rangs/membre.png)
{ Membre }
Messages : 31
![Enlever la barre de catégorie Empty](https://2img.net/i/fa/empty.gif) | hmmm... quand j'essaie d'ajuster la largeur de la partie de droite, ça influe sur la largeur de celle de gauche où se trouvent les icônes des sujets... (ex: correct à gauche, mais bien trop large à la droite) | | |
|
![Aller en bas](https://2img.net/i/empty.gif) | |
Nihil ![{ Modérateur } { Modérateur }](https://2img.net/h/cssactif.com/files/rangs/moderateur.png)
{ Modérateur }
Messages : 1216
![Enlever la barre de catégorie Empty](https://2img.net/i/fa/empty.gif) | Dans le template cherche là où il y a le "60%" et remplace le par 70% ![Wink](https://2img.net/i/fa/i/smiles/icon_wink.gif) N'hésite pas à faire plusieurs essais | | |
|
![Aller en bas](https://2img.net/i/empty.gif) | |
Panache ![{ Membre } { Membre }](https://2img.net/h/files.cssactif.com/rangs/membre.png)
{ Membre }
Messages : 31
![Enlever la barre de catégorie Empty](https://2img.net/i/fa/empty.gif) | Euuuhhh en faite... je pensais en avoir fini, mais il y a un espacement qui vient de se produire sans aucune raison entre les images de catégories et la catégorie elle-même, si tu retourne voir sur le lien du forum... J'ai été voir dans le même tutoriel que j'avais suivi au départ, car la fille expliquais comment l'enlever, mais ça n'a pas fonctionné, sûrement à cause de nos modifications sur l'espacement entre les catégories, avec les images... etc. pardon pardon pardon >.< j'aurais pu poster un nouveau post, mais comme tu est celle avec laquelle j'avais travaillé dans cette section, et que tu sais plus que les autres quelles manipulations nous avons fait...tu est la mieux qualifiée pour m'aider à régler ça le plus rapidement au lieu de tout expliquer à quelqu'un d'autre :3 pardon encore xD je te dérange trop ahahah si tu as à nouveau besoin du template: - 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">{catrow.tablehead.L_FORUM}</div> <table class="forumline SansMarges" 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 --> | | |
|
![Aller en bas](https://2img.net/i/empty.gif) | |
Nihil ![{ Modérateur } { Modérateur }](https://2img.net/h/cssactif.com/files/rangs/moderateur.png)
{ Modérateur }
Messages : 1216
![Enlever la barre de catégorie Empty](https://2img.net/i/fa/empty.gif) | Le problème se règle dans le .css (: Il suffit de mettre : - Code:
-
.titreCategorie h2 { margin-bottom: 0px; }
Edit : au fait au niveau du contenu de ta span.horsrp, ce que tu met dans le panneau d'admin pour la catégorie, tu as bien pensé à mettre du texte entre les span (le nom de ta catégorie), pour que la navigation s'affiche sans problème. Exemple : ![Enlever la barre de catégorie 3oC2BFp](https://i.imgur.com/3oC2BFp.png) Le problème me diras tu, c'est que si tu mets le texte, par exemple - Code:
-
<span class="horsrp">Hors RP</span> Le texte s'affiche sur l’accueil Exemple : ![Enlever la barre de catégorie VtGt1sM](https://i.imgur.com/vtGt1sM.png) Pour régler ce problème, et cacher le texte sur l'accueil, voici ce qu'il faut faire : - Code:
-
.titreCategorie h2 { margin-bottom: 0px; /* enlève la marge du bas */ text-indent: -9999px; /* masque le texte quand on est sur l'accueil */ }
| | |
|
![Aller en bas](https://2img.net/i/empty.gif) | |
Panache ![{ Membre } { Membre }](https://2img.net/h/files.cssactif.com/rangs/membre.png)
{ Membre }
Messages : 31
![Enlever la barre de catégorie Empty](https://2img.net/i/fa/empty.gif) | C'est étrange, car j'ai bien suivi tes indications à la lettre, mais le titre apparaît toujours, mais sous l'image au lieu d'au-dessus comme dans ton exemple. tiens, si tu veut je te reposte le template et le css - 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("URL DE L'IMAGE") no-repeat; display: block; height: 133px; } .titreCategorie .dehors{ /* Ici on règle le css du titre reglement */ background: url("URL DE L'IMAGE") no-repeat; display: block; height: 133px; } .titreCategorie .corbeille{ /* Ici on règle le css du titre reglement */ background: url("URL DE L'IMAGE") 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 */ text-align:center; /* texte centré dans le bloc */ }
| | |
|
![Aller en bas](https://2img.net/i/empty.gif) | |
Nihil ![{ Modérateur } { Modérateur }](https://2img.net/h/cssactif.com/files/rangs/moderateur.png)
{ Modérateur }
Messages : 1216
![Enlever la barre de catégorie Empty](https://2img.net/i/fa/empty.gif) | En regardant ton code sur Firebug, il me dit que tu as écrit ton titre de cette manière là : - Code:
-
<span class="horsrp"></span>Hors-RP Il faudrait l'écrire comme cela : - Code:
-
<span class="horsrp">Hors-RP</span> | | |
|
![Aller en bas](https://2img.net/i/empty.gif) | |
Panache ![{ Membre } { Membre }](https://2img.net/h/files.cssactif.com/rangs/membre.png)
{ Membre }
Messages : 31
![Enlever la barre de catégorie Empty](https://2img.net/i/fa/empty.gif) | oooohhhh... erreur d'écriture xD les autres titres étaient ok x) merciiiii ;w; ça fais la troisième fois que je te dis que je te dérangerai plus xD aahhh la la je suppose que ça devrais aller, maintenant ^^ | | |
|
![Aller en bas](https://2img.net/i/empty.gif) | |
Contenu sponsorisé
![Enlever la barre de catégorie Empty](https://2img.net/i/fa/empty.gif) | |
![Aller en bas](https://2img.net/i/empty.gif) | |
| Enlever la barre de catégorie | |
|