| Modifier l'apparence des titres des catégories | |
|
|
M&P
{ Membre }
Messages : 31
| DP, la partie "Template" excuses-moi. | | |
|
| |
Pon&Zi
{ Membre }
Messages : 123
| Bonjour! Pour ceux qui n'ont pas compris, la portion de code à supprimer est celle-ci: - Code:
-
<th colspan="{catrow.tablehead.INC_SPAN}" nowrap="nowrap" width="100%" class="secondarytitle"> En fait, on aurait pu le lire aussi: «Une fois que vous aurez trouvé ceci, supprimez la porrtion de code entre: - Code:
-
<tr> et - Code:
-
{catrow.tablehead.L_FORUM} .» En fait, ça tout simplement été formulé dans un autre sens. Au premier coup d'oeil, on ne s'en apperçoit pas tout à fait, mais en réfléchissant un peu, on trouve (; J'espère que cela a pu aidé ceux qui n'étaient pas trop certains de ce qu'il y avait à supprimer. Sinon, merci pour ce tuto (: | | |
|
| |
M&P
{ Membre }
Messages : 31
| Ben j'ai fait comme tu m'as dit, mais rien ne marche. u.u | | |
|
| |
Kawaïpub
{ Membre }
Messages : 169
| Bonsoir pourrions nous savoir ce que sa donne le tuto ? Bonne soirée | | |
|
| |
Jul'
{ Membre }
Messages : 142
| Je vous rassure ce ne sont pas les couleurs définitives Hihi, c'était juste un essai Donc voila ce que ça donne, mis à part que je suppose que le fait qu'il m'enlève les colones Message et Dernier message n'est pas normal... J'ai pourtant appliqué le tout à la lettre il me semble , Mais j'ai dû me tromper, et si non je demanderais de l'aide dans la partie appropriée - Spoiler:
- Spoiler:
Voila les screen pour ceux qui voulaient voir ^^ C'est si triste que les coins arrondis ne fonctionnent pas sur IE -_- | | |
|
| |
Invité Invité
| Peux-tu être plus explicative sur ton problème, car je ne discerne pas ton problème, malgré les capture d'écran que tu nous a donnée... .__ .' | | |
|
| |
nanae
{ Membre }
Messages : 7
| Bonjour, j'ai le même problème que la plupart des gens ont eu. J'ai utilisé tout les mêmes codes, supprimés ceux expliqués et mes textes ont été bougés. - Spoiler:
Mon problème a été encadré en rouge. Comme vous pouvez voir, le texte est décalé vers la droite... Comme j'ai modifié mes templates pour que mes catégories soient en onglets, mes codes étaient légèrement différend. Je vais vous les montrer. - Code:
-
<-- BY VIC_LE_FAUCHEUR -->
<div class="titre_categorie">{catrow.tablehead.L_FORUM}</div><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}
{CURRENT_TIME}
</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>
<a class="gensmall" href="{U_SEARCH_SELF}">{L_SEARCH_SELF}</a>
<!-- END switch_user_logged_in --> <a class="gensmall" href="{U_SEARCH_UNANSWERED}">{L_SEARCH_UNANSWERED}</a> </td> </tr> </table>
<!-- DEBUT MODIF ONGLETS -->
<script type="text/javascript"> <!--
var i = 0;
document.write('<div align="center"> <ul class="onglet">
<li onMouseOver="change_cat(0);" class="onglet_actif" id="cat_0">First Step</li> <li onMouseOver="change_cat(1);" class="onglet_nactif" id="cat_1">NSS</li> <li onMouseOver="change_cat(2);" class="onglet_nactif" id="cat_2">Pyongyang</li> <li onMouseOver="change_cat(3);" class="onglet_nactif" id="cat_3">Séoul</li> <li onMouseOver="change_cat(4);" class="onglet_nactif" id="cat_4">Japon</li> <li onMouseOver="change_cat(5);" class="onglet_nactif" id="cat_5">IRIS</li> <li onMouseOver="change_cat(6);" class="onglet_nactif" id="cat_6">The World</li> <li onMouseOver="change_cat(7);" class="onglet_nactif" id="cat_7">Communication</li> <li onMouseOver="change_cat(8);" class="onglet_nactif" id="cat_8">Flood</li>
</ul> </div> ');
var compteur_cat = 0;
var anc_cat = 0;
var nom_cat = new Array('0','1','2','3','4','5','6','7','8');
function change_cat(numero) { document.getElementById(nom_cat[anc_cat]).style.display = 'none'; document.getElementById(nom_cat[numero]).style.display = 'block'; document.getElementById('cat_'+nom_cat[anc_cat]).className = 'onglet_nactif'; document.getElementById('cat_'+nom_cat[numero]).className ='onglet_actif'; anc_cat = numero; }
function capture_cat() { if(nom_cat[compteur_cat] == nom_cat[0]) {document.write('<table class="forumline" id="' + nom_cat[compteur_cat] + '" >'); } else{ document.write('<table class="forumline" id="' + nom_cat[compteur_cat] + '" style="display:none;">'); } compteur_cat++; }
//--> </script> <!-- BEGIN catrow --><!-- BEGIN tablehead -->
<script type="text/javascript"> <!-- capture_cat(); //--> </script>
<!-- FIN MODIF ONGLETS -->
<tr> <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>
</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> <!-- BEGIN forum_link_no --> <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> <!-- END forum_link_no --> <!-- BEGIN forum_link --> <td class="row3" colspan="3" align="center" valign="middle" height="50"><span class="gensmall">{catrow.forumrow.forum_link.HIT_COUNT}</span></td> <!-- END forum_link --> </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 --> <img src="{SPACER}" alt="" height="5" width="1" /><!-- END tablefoot --><!-- END catrow --> Merci d'avance de m'aider sur ce propos ! | | |
|
| |
Meìssa
{ Membre }
Messages : 17
| Superbe tuto, merci beaucoup. Il marche chez moi même si j'ai galérer un moment pour le combiner avec un autre, j'ai réussit (par l'opération d'un Dieu certainement) à résoudre seule le problème. \o/ Enfin voilà ce que ça donne : - Spoiler:
Je me demandais comment faire pour que la catégorie soit au-dessus du cadre des sous-forums. (Je sais pas si je suis extrêmement claire. =/) Je sais que c'est possible mais je sais pas comment... ><' Merci d'avance... | | |
|
| |
Jul'
{ Membre }
Messages : 142
| - Teal a écrit:
- Peux-tu être plus explicative sur ton problème, car je ne discerne pas ton problème, malgré les
capture d'écran que tu nous a donnée... .__ .' J'ai réglé le problème en fait Les titres des colonnes étaient décalées ce qui faisait bizarre. Comme on mets le titre de la première colonne en haut à droite (dans le tuto) les autres titres se décalent, donc soit on remplace le titre de la première colonne qui contiennent le titre de la catégorie en faisant ctrl c et non ctrl x et en mettant un truc peu importe (on peut mettre un code ou une phrase par exemple et je suppose que si on enlève juste le code correspondant au titre de la catégorie on gardera l'espace avec l'image, mais vide de mots, bref si vous comprenez un peu les codes du template, tout est possible), moi j'ai pris le parti de carrément tout virer donc il n'y a plus du tout de titre de colonnes. Un petit aperçu pour ceux que ça intéresse - Spoiler:
- Yulia a écrit:
- Superbe tuto, merci beaucoup. Il marche chez moi même si j'ai galérer un moment pour le combiner avec un autre, j'ai réussit (par l'opération d'un Dieu certainement) à résoudre seule le problème. \o/
Enfin voilà ce que ça donne :
- Spoiler:
Je me demandais comment faire pour que la catégorie soit au-dessus du cadre des sous-forums. (Je sais pas si je suis extrêmement claire. =/) Je sais que c'est possible mais je sais pas comment... ><'
Merci d'avance... Tu veux dire qu'elle ne touche pas le cadre des forums ? Je pense qu'en modifiant la valeur du CSS tu peux le faire facilement (faut essayer hein c'est juste une supposition) - Code:
-
.titre_categorie { background: #COULEUR; /*fond*/ -moz-border-radius-topleft: 50px; /*arrondi angle gauche*/ -moz-border-radius-topright: 50px; /*arrondi angle droit*/ -webkit-border-radius-top-left: 50px; /*arrondi angle gauche*/ -webkit-border-radius-top-right: 50px; /*arrondi angle droit*/ margin-top: 10px; /*ne pas modifier*/ margin-bottom: -10px; /*a modifier selon vos goûts*/ text-align: center; /*alignement du texte*/ height: auto; /*hauteur à modifier selon vos goûts*/ width: 500px; /*largeur à modifier selon vos goûts*/ margin-left: 350px; /*pour déplacer la position des titres Cette ligne là - Code:
-
margin-bottom: -10px; /*a modifier selon vos goûts*/ Le -10 colle le cadre au cadre, si tu mets 10 ça le décolle à priori | | |
|
| |
Meìssa
{ Membre }
Messages : 17
| Non je me suis mal exprimée. Je voudrais que le fond de la catégorie s'affiche par dessus le cadre des sous-forums pour qu'il y ait pas de ligne entre ma catégorie et le reste... Comme sur ce forum : http://www.pub-rpg-design.com/ | | |
|
| |
Jul'
{ Membre }
Messages : 142
| Je dirais que c'est la même variable, mais par contre je pense qu'il faut trouver quelque chose pour que ça s'affiche au dessus et non en dessous. Je ne suis pas codeuse donc je peux pas te donner de solution tout faite, mais fais des essais avec cette valeur car c'est elle qui place la catégorie sur le plan verticale Bon courage ! | | |
|
| |
Meìssa
{ Membre }
Messages : 17
| Oui je sais et je l'ai déjà utiliser pour le mettre à la même auteur mais ça n'a rien à voir avec mon problème xD
Merci quand même... | | |
|
| |
Pti Panda
{ Membre }
Messages : 36
| Bonjouuuuuuur <3 Alors déjà merci pour le tuto, cependant voici ce que cela me donne : Et voici mon 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="titre_categorie">{catrow.tablehead.L_FORUM}</div><table class="forumline" width="100%" border="0" cellspacing="1" cellpadding="0"> <tr> <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> <!-- BEGIN forum_link_no --> <td class="row3 over" align="center" valign="middle" height="50"> <span class="gensmall"> <div class="sujets_messages">Il y a {catrow.forumrow.POSTS} grains de folie <br> et {catrow.forumrow.TOPICS} supplication</div><br> <div class="derniers_sujets">{catrow.forumrow.LAST_POST}</div></span> </td> <!-- END forum_link_no --> <!-- BEGIN forum_link --> <td class="row3" colspan="3" align="center" valign="middle" height="50"><span class="gensmall">{catrow.forumrow.forum_link.HIT_COUNT}</span></td> <!-- END forum_link --> </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 -->
Pourriez vous m'indiquer ce qui cloche ? ^^ Merci <3 | | |
|
| |
Pti Panda
{ Membre }
Messages : 36
| Le présent message a été jugé inapproprié. Par conséquent, il a été censuré par la modération. | | |
|
| |
Lost Dream
{ Membre }
Messages : 4
| Bonjour Je cherchais désespérément ce tuto, et je suis très contente de l'avoir trouvé ! Malheureusement, je n'y arrive pas du tout J'ai bien suivi tout ce qui était demandé : voici mon template de base - Spoiler:
Ce que j'en ai fait : - Spoiler:
{catrow.tablehead.L_FORUM}
J'ai mis exactement le même CSS que donné, et voilà ce que ça me donne : - Spoiler:
Est-ce que quelqu'un sait où est le problème, et comment m'aider ? | | |
|
| |
Lost Dream
{ Membre }
Messages : 4
| Oh zut, on ne voit rien, et je ne sais pas comment éditer =( Désolée pour le DP Donc mon template de base : - 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 --><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> <!-- BEGIN forum_link_no --> <td class="row3 over" align="center" valign="middle" height="50"> <span class="gensmall"></span><br /> <span class="gensmall">{catrow.forumrow.LAST_POST}<br>{catrow.forumrow.POSTS} messages • {catrow.forumrow.TOPICS} sujets.</span> </td> <!-- END forum_link_no --> <!-- BEGIN forum_link --> <td class="row3" colspan="3" align="center" valign="middle" height="50"><span class="gensmall">{catrow.forumrow.forum_link.HIT_COUNT}</span></td> <!-- END forum_link --> </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 --> et après changement : - 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="titre_categorie">{catrow.tablehead.L_FORUM}</div><table class="forumline" width="100%" border="0" cellspacing="1" cellpadding="0"> <tr>
<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> <!-- BEGIN forum_link_no --> <td class="row3 over" align="center" valign="middle" height="50"> <span class="gensmall"></span><br /> <span class="gensmall">{catrow.forumrow.LAST_POST}<br>{catrow.forumrow.POSTS} messages • {catrow.forumrow.TOPICS} sujets.</span> </td> <!-- END forum_link_no --> <!-- BEGIN forum_link --> <td class="row3" colspan="3" align="center" valign="middle" height="50"><span class="gensmall">{catrow.forumrow.forum_link.HIT_COUNT}</span></td> <!-- END forum_link --> </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 --> Merci d'avance | | |
|
| |
HerSunshine.
{ Membre }
Messages : 8
| Merci beaucoup, j'adore ton code. Depuis le temps que j'essaye de faire quelque chose de beau avec mes catégories | | |
|
| |
sunn-shiinex
{ Membre }
Messages : 86
| J'ai de la difuculté a suive ce tuto. j'arrive pas a le comprendre correctement. Mon 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 --><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> <!-- BEGIN forum_link_no --> <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> <!-- END forum_link_no --> <!-- BEGIN forum_link --> <td class="row3" colspan="3" align="center" valign="middle" height="50"><span class="gensmall">{catrow.forumrow.forum_link.HIT_COUNT}</span></td> <!-- END forum_link --> </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 --> Pouvez-vous m'aidé? | | |
|
| |
Miilka
{ Membre }
Messages : 49
| Merci beaucoup pour ce tutoriel. ♥ Voici mon résultat : | | |
|
| |
Muffin
{ Membre }
Messages : 20
| Chez moi ça ne marche pas, quelqu'un pourrait m'aider ? mon CSS - Spoiler:
- Code:
-
/*titre categorie*/ .titre_categorie { background: #COULEUR; /*fond*/ -moz-border-radius-topleft: 50px; /*arrondi angle gauche*/ -moz-border-radius-topright: 50px; /*arrondi angle droit*/ -webkit-border-radius-top-left: 50px; /*arrondi angle gauche*/ -webkit-border-radius-top-right: 50px; /*arrondi angle droit*/ margin-top: 10px; /*ne pas modifier*/ margin-bottom: -10px; /*a modifier selon vos goûts*/ text-align: center; /*alignement du texte*/ height: auto; /*hauteur à modifier selon vos goûts*/ width: 500px; /*largeur à modifier selon vos goûts*/ margin-left: 350px; /*pour déplacer la position des titres des catégories*/ padding-top: 1px !important; /*espace entre la bordure et le texte*/ padding-bottom: 5px !important; /*espace entre la bordure et le texte*/ -moz-text-shadow: 2px 2px 2px #COULEUR; /*ombre sur le texte*/ -webkit-text-shadow: 2px 2px 2px #COULEUR; /*ombre sur le texte*/ text-shadow: 2px 2px 2px #COULEUR; /*ombre sur le texte*/ }
Et mon template - Spoiler:
- 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="titre_categorie">{catrow.tablehead.L_FORUM}</div><table class="forumline" width="100%" border="0" cellspacing="1" cellpadding="0"> <tr> <th nowrap="nowrap" width="150"><div style="width:150px;">{L_LASTPOST}</div></th> </tr> <!-- END tablehead -->
Merci de m'éclairer ! ♥ | | |
|
| |
Morgane*
{ Membre }
Messages : 29
| J'ai un petit soucis car le code - Code:
-
<table class="forumline" width="100%" border="0" cellspacing="1" cellpadding="0"> ne se trouve pas dans le template index_box mais dans index_body, de plus lorsque j'essaie de bidouiller ça ne marche pas. Merci d'avance a celui qui me répondra ^^' | | |
|
| |
Mo-chan
{ Membre }
Messages : 28
| - .Little Lady a écrit:
Il faut aussi supprimer ce qui se trouve après - Code:
-
{catrow.tablehead.L_FORUM} et avant - Code:
-
<th nowrap="nowrap" width="50"> .
Il n'y a rien entre ces deux là non? | | |
|
| |
mary23
{ Membre }
Messages : 10
| Bonjour, et merci pour le tuto ! Mais j'ai un petit problème, j'ai suivi le tuto mais la colonne avec mes messages est devenue toute petite, et comme je ne m'y connais pas vraiment, je ne sais pas comment régler ce problème Voici une cap du problème - Spoiler:
Mon 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="titre_categorie">{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"> </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> <!-- BEGIN forum_link_no --> <td class="row3 over" align="center" valign="middle" height="50"> <span class="gensmall"></span><br /> <span class="gensmall">{catrow.forumrow.LAST_POST}<br>{catrow.forumrow.POSTS} messages || {catrow.forumrow.TOPICS} sujets</span> </td> <!-- END forum_link_no --> <!-- BEGIN forum_link --> <td class="row3" colspan="3" align="center" valign="middle" height="50"><span class="gensmall">{catrow.forumrow.forum_link.HIT_COUNT}</span></td> <!-- END forum_link --> </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 --> et mon css - Code:
-
.titre_categorie { background: #B47D7B; /*fond*/ -moz-border-radius-topleft: 50px; /*arrondi angle gauche*/ -moz-border-radius-topright: 50px; /*arrondi angle droit*/ -webkit-border-radius-top-left: 50px; /*arrondi angle gauche*/ -webkit-border-radius-top-right: 50px; /*arrondi angle droit*/ margin-top: 10px; /*ne pas modifier*/ margin-bottom: -5px; /*a modifier selon vos goûts*/ text-align: center; /*alignement du texte*/ height: auto; /*hauteur à modifier selon vos goûts*/ width: 910px; /*largeur à modifier selon vos goûts*/ margin-left: 0px; /*pour déplacer la position des titres des catégories*/ padding-top: 1px !important; /*espace entre la bordure et le texte*/ padding-bottom: 5px !important; /*espace entre la bordure et le texte*/ -moz-text-shadow: 2px 2px 2px #B47D7B; /*ombre sur le texte*/ -webkit-text-shadow: 2px 2px 2px #B47D7B; /*ombre sur le texte*/ text-shadow: 2px 2px 2px #E9E3DC; /*ombre sur le texte*/ } Merci d'avance pour votre aide | | |
|
| |
Sminermine
{ Membre }
Messages : 31
| Bonjour Déjà merci pour ce tuto,que je cherchais depuis longtemps, Alors moi,sa me fais comme toi mary23,et seul ma première catégories s'affiche comme le tuto,mon template est exactement comme toi également,(il manque une ligne juste..) Puis-je avoir de l'aide?? Mary23,dans ton css il faut modifiez les valeur. Merci | | |
|
| |
mary23
{ Membre }
Messages : 10
| J'ai modifié les valeurs du css, le fait que ça fasse toute la longueur est voulu, mon seul problème est la taille de la colonne de droite | | |
|
| |
Contenu sponsorisé
| |
| |
| Modifier l'apparence des titres des catégories | |
|