CSSActif, le forum, n'est plus maintenu. Il est néanmoins disponible pour consultation. Pour des outils pratiques, rendez-vous sur: Découvrez CSSActif, une collection d'outils et de tutoriels interactifs pour les développeurs Web — HTML, CSS, JavaScript et bien plus! |
| Kaséhi
{ Membre }
Messages : 17
| Bonjour à tous, Je viens vous poser une question qui me brule les lèvres...
J'aimerai que vous m'expliquez la partie modifiée dans le template pour obtenir ces onglet. J4ai cherché pendant 2h, mais j'ai pas trouvé....
Aussi, vous demandez de copier-coller le code. Or, chez moi, ce template est deja modifié à la base.. Alors, un volontaire pour m'expliquer? ^^
Merci d'avance! | | |
| | | Kaiji
Blanche-Neige
Messages : 5578
| Bonjour,
Pourrais-tu être plus précise s'il te plaît ? Je ne vois pas "ces onglets" donc je ne peux pas te répondre... | | |
| | | Kaséhi
{ Membre }
Messages : 17
| Bonjour! Merci tout d'abord de bien vouloir m'aider! ^^ Vous avez trouvé ce code dans ce topic d'aide du forum: https://css-actif.forumactif.org/resolu-f18/de-nombreuses-questions-n_n-t2302.htmMalheureusement, vous n'avez pas fait de tuto pour votre trouvaille... Ce qui m'aiderait c'est vraiment l'endroit où on pose ces onglets dans la template. Car je n'ai pas envie de virer le mien deja en cours... Je demande juste à comprendre un peu! =) Merci de m'eclairer sur la voie. |
Dernière édition par Kaséhi le Jeu 27 Mai 2010, 12:12, édité 1 fois | |
| | | Kaiji
Blanche-Neige
Messages : 5578
| Ah okay ! Bah alors là je suis désolée mais je ne saurais pas te dire, parce que je crois que Iowan a modifié le template de A à Z et ça serait sûrement trop compliqué de le rajouter à ton template actuel, bout à bout, en ne sachant pas ce qui est à supprimer =/
Personnellement à ta place je copie/collerais le template de Iowan, et referais les modifications que tu as apportées sur ton template actuel, je pense que ce serait beaucoup plus simple.
Sinon bah désolée, je ne peux pas t'aider ^^ | | |
| | | Kaséhi
{ Membre }
Messages : 17
| Chaud...J'm'attendais pas à ce genre de réponse.... ^^" Mais merci quand même. A quoi ca sert de coder un truc si on n'y comprend rien? Autant détruire le script de son forum dans ce cas! xD | | |
| | | Kaiji
Blanche-Neige
Messages : 5578
| Alors alors ^^ J'ai fait mes petites recherches. D'après ce que j'ai vu, la première partie jusqu'au code - Code:
-
</table> (Le premier) n'a pas été modifiée. Juste après la fin de la table, il a mis ce code : - Code:
-
<div class="my_cat"> <ul></ul> </div> Ainsi que celui-là : - Code:
-
<div class="my_cat_body"> Tu rajoutes donc ces deux codes après la fin de la table =]
La partie qui suit les codes que tu viens d'ajouter est la suivante :
- Spoiler:
- Code:
-
<!-- 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 -->
Et Iowan a remplacé cette partie-là :
- Spoiler:
- Code:
-
<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> Par celle-ci :
- Spoiler:
- Code:
-
<div class="my_forum_name">{catrow.tablehead.L_FORUM}</div>
Tu as ensuite cette partie-là :
- Spoiler:
- Code:
-
<!-- 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 -->
Qu'il a complètement retirée.
Nous avons ensuite forumrow :
- Spoiler:
- Code:
-
<!-- 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 -->
D'après ce que j'ai compris, forumrow est ce qui permet la mise en forme globale du forum. Voilà en comparaison celle de Iowan :
- Spoiler:
- Code:
-
<!-- BEGIN forumrow --> <tr> <td colspan="3" class="my_title" align="center"><div class="myfoo_title"><a href="{catrow.forumrow.U_VIEWFORUM}">{catrow.forumrow.FORUM_NAME}</a></div><img src="{SPACER}" alt="" height="5" width="1" /></td> </tr> <tr> <td class="my_img" valign="top"><img src="{catrow.forumrow.FORUM_FOLDER_IMG}" alt="" /></td> <td class="my_disc" width="300" valign="top" >{catrow.forumrow.FORUM_DESC}</td> <td class="my_stats" width="200" valign="top"> Topics: {catrow.forumrow.TOPICS}
Posts: {catrow.forumrow.POSTS}
Dernier post: {catrow.forumrow.LAST_POST}
</td> </tr> <!-- END forumrow -->
Donc tu peux constater qu'il n'a gardé quasiment que les variables, et les class qu'il a lui-même inventées pour la mise en page =] (et qui sont customizable - j'invente des mots, on va dire que c'est la fatigue xD - via le css par les class qu'il a données.) Si tu veux tu peux changer \"Topics:\", \"Posts:\" et \"Dernier post:\" pour y mettre ce que tu veux ^^
Vient ensuite ce code-là, que Iowan a supprimé :
- Spoiler:
- Code:
-
<!-- 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 -->
Et je t'avoue ne pas savoir ce que c'est o_o Elle est en relation avec cathead, mais je ne vois pas trop ce que c'est sur le forum =/... Parce que j'ai eu beau tenté de les supprimer sur mon forum test, rien n'a changé xD.
Puis enfin le tablefoot, qui n'a subi aucune modification. N'oublie juste pas le - Code:
-
</div> final pour clôturer my_cat_body ^^
Après je ne sais pas quels endroits du template tu as modifié. Si tu n'y arrives pas seule avec ma décortication, tu pourras me donner ton template et j'essaierai de t'aider ^^ | | |
| | | Kaséhi
{ Membre }
Messages : 17
| Merci beaucoup pour l'explication! et d'avoir pris autant de temps pour décortiquer ce code... Bien que j'ai tout fait à la lettre.. Ca me donne ceci: http://a-comatic-production.forumactif.com/index.htm Est-ce normal? Oo Voici mon template... J'espère qu'il n'y a pas d'erreur (c'est mon forum test, j'ai pas osé le faire sur le vrai forum... Donc, j'ai pu le reinitialiser) - 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><div class="my_cat"> <ul></ul> </div><div class="my_cat_body"> <!-- BEGIN catrow --><!-- BEGIN tablehead --><table class="forumline" width="100%" border="0" cellspacing="1" cellpadding="0"> <div class="my_forum_name">{catrow.tablehead.L_FORUM}</div> <!-- END tablehead --> <!-- BEGIN forumrow --> <tr> <td colspan="3" class="my_title" align="center"><div class="myfoo_title"><a href="{catrow.forumrow.U_VIEWFORUM}">{catrow.forumrow.FORUM_NAME}</a></div><img src="{SPACER}" alt="" height="5" width="1" /></td> </tr> <tr> <td class="my_img" valign="top"><img src="{catrow.forumrow.FORUM_FOLDER_IMG}" alt="" /></td> <td class="my_disc" width="300" valign="top" >{catrow.forumrow.FORUM_DESC}</td> <td class="my_stats" width="200" valign="top"> Topics: {catrow.forumrow.TOPICS}
Posts: {catrow.forumrow.POSTS}
Dernier post: {catrow.forumrow.LAST_POST}
</td> </tr> <!-- END forumrow --> <!-- BEGIN tablefoot --> </table><img src="{SPACER}" alt="" height="5" width="1" /><!-- END tablefoot --><!-- END catrow --></div> Désolée d'être aussi boulet! >.< | | |
| | | Kaiji
Blanche-Neige
Messages : 5578
| Mdrrr t'inquiète t'es pas boulet xD Alors étant donné que j'ai bien tout fait aussi sur mon forum test, c'est que y a une couille dans ton potager...
Essaie ça :
Tu as bien mis le css et le code javascript dans overall_header_new ? Parce que j'ai eu beau farfouiller, j'ai trouvé aucune erreur dans ton template =/ | | |
| | | Kaséhi
{ Membre }
Messages : 17
| Non, j'ai mis dans Index_body... Car, les element y étaient pourtant... - Code:
-
<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> Dans Overal_header_new, c'est surtout pour la bannière, la naviguation et la page d'index. Ca ne change pas les catégories en détail. Enfin, c'est pas grave, je me renseignerai auprès d'un web designer! ^^ MErci quand même. | | |
| | | Kaiji
Blanche-Neige
Messages : 5578
| Non mais il y a un script à rajouter dans overall_header_new pour que les catégories fonctionnent, si tu ne l'a pas mis il est parfaitement normal que tes catégories ne s'affichent pas, étant donné qu'il manque un bout du code. Il ne suffit pas de modifier index_body pour avoir les catégories, il faut aussi modifier le css et overall_header_new ! Relis bien le post de Iowan. =) | | |
| | | Invité Invité
| Bonsoir,
Le problème est résolu ?
| | |
| | | Kaiji
Blanche-Neige
Messages : 5578
| Bonjour,
Aucune relance de la part du créateur du sujet ! Je considère donc ce problème comme étant résolu et je le déplace pour céder la place aux problèmes en cours.
Si vous avez d'autres questions, merci d'ouvrir un nouveau topic en respectant les règles de l'entraide.
| | |
| | | Contenu sponsorisé
| | | | |
Sujets similaires | |
|
| Permission de ce forum: | Vous ne pouvez pas répondre aux sujets dans ce forum
| |
| |
| |
|
| Partenaires Or
|