| Question en rapport avec ce topic | |
|
|
Akya
{ Membre }
Messages : 207
| Alors voilà le topic qui m'interesse: https://css-actif.forumactif.org/resolu-f18/de-nombreuses-questions-n_n-t2302.htmBonjour C'est exactement ceci qui m'interesse: - Pleasance a écrit:
- Bonjouuuuuuuur =D !
• J'aimerai aussi beaucoup savoir comment faire ce magnifique effet qui permet de classer les différentes catégories de forum dans des onglets, comme ici : http://wfwp.forumactif.com/forum.htm
Et je cite maintenant Basil: - Basil Hawkins a écrit:
- Alors je viens vous sauver.
Tout d'abord, je rappelle qu'il est interdit d'upper. (parce que vu le nombre de personnes sur le topic, je redoute une avalanche x))
Je viens vous rappeler que CSSActif est centré principalement sur le codage HTML et CSS, donc merci de patienter un peu plus quand il s'agit de JavaScript.
J'ai personnellement utilisé ce tutoriel ( http://www.supportduweb.com/scripts_tutoriaux-code-source-48-systeme-d-onglets-en-javascript-x-html-et-css-dans-la-meme-page.html ) mais par contre on doit cliquer dessus. Seulement, je ne comprends pas tout dans ce tuto. 1) Le code donné doit être placé où? Template? Laquelle? CSS? Page d'Accueil? 2) Ensuite, pour cette partie "L'utilisation du script est assez simple, pour faire un onglet, il faut ajouter: dans la partie onglets" et bien le code donné il faut le rajouter à la suite de ceci?: - Code:
-
.onglet { display:inline-block; margin-left:3px; margin-right:3px; padding:3px; border:1px solid black; cursor:pointer; } .onglet_0 { background:#bbbbbb; border-bottom:1px solid black; } .onglet_1 { background:#dddddd; border-bottom:0px solid black; padding-bottom:4px; } 3) Pareil pour le code du contenu des onglets? Et après, il faut quand même contruire les sous forums dans le PA ->Général -> Catégories & Sous-Forums? | | |
|
| |
Basil Hawkins
{ Membre hyper-actif }
Messages : 2912
| Je te conseille d'utiliser la méthode de Iowan postée après pour pouvoir faire ceci, car le tutoriel que j'ai montré en exemple ne fait pas ça exactement | | |
|
| |
Akya
{ Membre }
Messages : 207
| Oki je vais le faire. Par contre, il parle de - Code:
-
</head> , je l'ai trouvé, mais après il dit de copier ça - Code:
-
<script type="text/javascript" src="http://www.yourjavascript.com/0374901133/script.js" ></script> avant - Code:
-
<head> . donc avant - Code:
-
<head> ou - Code:
-
</head> ??? | | |
|
| |
Basil Hawkins
{ Membre hyper-actif }
Messages : 2912
| Utile la balise code, car là je ne peux pas voir de quoi tu parles | | |
|
| |
Akya
{ Membre }
Messages : 207
| Non c'est bon j'ai trouvé! =) Par contre, j'ai un petit problème, il m'a totalement changé mon forum "Règlement":
http://eternity-destiny.forumactif.org/forum.htm
C'est un forum test donc ça me derrange pas. Mais mon problème, c'est que déjà, il grossit l'écriture de la case où s'affiche de dernier sujet, et j'aimerais que ce sous forum soit comme si je n'avais rien modifié. Comment faire? | | |
|
| |
.Little Lady
{ Membre actif }
Messages : 564
| |
| |
Akya
{ Membre }
Messages : 207
| Non, j'attends une réponse de à mon dernier message. =/ | | |
|
| |
Basil Hawkins
{ Membre hyper-actif }
Messages : 2912
| Mhhh je suis désolé mais je ne vois pas où est le problème. | | |
|
| |
Boow
{ Membre actif }
Messages : 866
| Akya, donne donc ton template que tu as modifié. Celui qui s'appelle "index_box" =D | | |
|
| |
Akya
{ Membre }
Messages : 207
| La voilà =) : - 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="my_modified_table" 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"> <b>Sujets</b>: {catrow.forumrow.TOPICS}<br /> <b>Messages</b>: {catrow.forumrow.POSTS}<br /> {catrow.forumrow.LAST_POST}<br /> </td> </tr> <!-- END forumrow --> <!-- BEGIN tablefoot --> </table><img src="{SPACER}" alt="" height="5" width="1" /><!-- END tablefoot --><!-- END catrow --> </div> | | |
|
| |
Boow
{ Membre actif }
Messages : 866
| Alors je pense qu'il suffit que tu supprimes ce qui est entre - Code:
-
<!-- BEGIN forumrow --> et <!-- END forumrow --> Et que tu y mettes à la place le code de ton ancienne partie des sous-forums.... Je ne sais pas si tu vois =S | | |
|
| |
Akya
{ Membre }
Messages : 207
| Ca commence à prendre forme!! =D
Regarde maintenant: http://eternity-destiny.forumactif.org/index.htm
Il me manque le mots "Sujets" et "Messages" en haute de chaque colone. Comment dois-je faire? | | |
|
| |
Boow
{ Membre actif }
Messages : 866
| Redonne-moi ton nouveau template modifié, histoire que j'essaie de te faire ça xD | | |
|
| |
Akya
{ Membre }
Messages : 207
| Wala! ^^ - 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="my_modified_table" width="100%" border="0" cellspacing="1" cellpadding="0"> <div class="my_forum_name">{catrow.tablehead.L_FORUM}</div> <!-- END tablehead --> <!-- 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 tablefoot --> </table><img src="{SPACER}" alt="" height="5" width="1" /><!-- END tablefoot --><!-- END catrow --> </div> | | |
|
| |
Boow
{ Membre actif }
Messages : 866
| Hum, essaie ceci toujours entre
- Code:
-
<!-- BEGIN forumrow --> et <!-- END forumrow --> - 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> <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> | | |
|
| |
Akya
{ Membre }
Messages : 207
| Nan ça m'a tout modifier xD Va voir, tu comprendras surement mieux que moi pourquoi ça fais ça. ^^ | | |
|
| |
Boow
{ Membre actif }
Messages : 866
| Hum, je vois que ça a fait des catashtroumpf =O Je n'ai pas le temps de me pencher dessus pour le moment parce que je suis en vacances et que le temps au cyberpoint est bien cher =S
Je regarderai en rentrant, dimanche ou lundi sûrement =] | | |
|
| |
Akya
{ Membre }
Messages : 207
| Pas de problème, j'te souhaite en attendant de bonne vacances! ^^ | | |
|
| |
Boow
{ Membre actif }
Messages : 866
| Hum, essaie peut-être ceci.... - 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="my_modified_table" width="100%" border="0" cellspacing="1" cellpadding="0"> <div class="my_forum_name">{catrow.tablehead.L_FORUM}</div> <!-- END tablehead --> <!-- BEGIN forumrow --> <tr> <th width="46"> </th> <th> </th> <th width="100%"> </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> <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 --> </tr> <!-- END forumrow --> <!-- BEGIN tablefoot --> </table><img src="{SPACER}" alt="" height="5" width="1" /><!-- END tablefoot --><!-- END catrow --> </div> | | |
|
| |
Akya
{ Membre }
Messages : 207
| On y est presque! C'est juste décalé par rapport au reste des colones:
http://eternity-destiny.forumactif.org/index.htm | | |
|
| |
Kaiji
Blanche-Neige
Messages : 5578
| Bonjour,
Votre problème est-il résolu ?
| | |
|
| |
Akya
{ Membre }
Messages : 207
| |
| |
Invité Invité
| Bonjour,
Votre problème est toujours d'actualité ?
| | |
|
| |
Akya
{ Membre }
Messages : 207
| Oui il l'est toujours. =) | | |
|
| |
Kaiji
Blanche-Neige
Messages : 5578
| Bonjour,
Votre problème est-il résolu ?
| | |
|
| |
Contenu sponsorisé
| |
| |
| Question en rapport avec ce topic | |
|