|
|
Haribot' ♪
{ Membre hyper-actif }
Messages : 5163
| Voilà : http://www.css-actif.com/t5637p360-classer-les-categories-de-votre-forum-par-onglet#84722. Suis les instructions | | |
|
| |
Megh
{ Membre }
Messages : 52
| Mais ce tuto est pour faire des onglets... Quel est le lien? | | |
|
| |
Haribot' ♪
{ Membre hyper-actif }
Messages : 5163
| Regarde le dernier message & Fais ce que je demande | | |
|
| |
Megh
{ Membre }
Messages : 52
| Je veux bien mais je vois pas ce que je dois faire par rapport à mon forum! Voici le lien: - Spoiler:
http://heaven.forumotion.com
| | |
|
| |
Haribot' ♪
{ Membre hyper-actif }
Messages : 5163
| Ce que tu dois faire ? Refaire le tutoriel avec le nouveau générateur Merci. | | |
|
| |
Megh
{ Membre }
Messages : 52
| |
| |
Haribot' ♪
{ Membre hyper-actif }
Messages : 5163
| Eh ben il marche ton forum! Il faut juste que tu personnalise le CSS des onglets | | |
|
| |
Haribot' ♪
{ Membre hyper-actif }
Messages : 5163
| Refais la partie CSS du Tutoriel | | |
|
| |
Megh
{ Membre }
Messages : 52
| Ok, j'ai commencé, qu'est-ce que je dois mettre en fait à la place de ce qui est en bas? Et comment puis-je les décoller? | | |
|
| |
Haribot' ♪
{ Membre hyper-actif }
Messages : 5163
| Comment tu peux décoller tes onglets ? Rajoute : - Code:
-
margin-right: 15px; Fais ceci aux deux class | | |
|
| |
Megh
{ Membre }
Messages : 52
| Les deux class? (désolée, je suis vraiment pas douée, mais j'apprend) | | |
|
| |
Haribot' ♪
{ Membre hyper-actif }
Messages : 5163
| Oui Mais ça après, il faut personnaliser Il faut que tu cherches sur le forum | | |
|
| |
Megh
{ Membre }
Messages : 52
| J'ai beau chercher je ne trouve pas, ce qui semblait correspondre n'a jamais eu de réponse... | | |
|
| |
Haribot' ♪
{ Membre hyper-actif }
Messages : 5163
| Fais moi un screen de ce que tu souhaite avoir comme onglet | | |
|
| |
Megh
{ Membre }
Messages : 52
| montage rapido
https://i.servimg.com/u/f61/15/51/67/68/sans_t10.jpg | | |
|
| |
Haribot' ♪
{ Membre hyper-actif }
Messages : 5163
| Essaye comme ceci : - Code:
-
.onglet { /*Onglet non survolé*/ background-color: #E5E5F1; display: inline-block; width: auto; height: 35px; cursor: pointer; -webkit-border-top-left-radius: 5px; -webkit-border-top-right-radius: 5px; -moz-border-radius-topleft: 5px; -moz-border-radius-topright: 5px; border-top-left-radius: 5px; border-top-right-radius: 5px; }
.actif { /*Onglet survolé*/ background-image: -moz-linear-gradient(top, #E5E5F1, #C0C0C0); background-image: -webkit-gradient(linear, left top, left bottom, from(#E5E5F1), to(#C0C0C0)); filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#E5E5F1,endColorstr=#C0C0C0); -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#E5E5F1,endColorstr=#C0C0C0)"; } | | |
|
| |
Megh
{ Membre }
Messages : 52
| çà donne çà:
https://i.servimg.com/u/f61/15/51/67/68/sans_t11.jpg
Faut que je règle la largeur? Et est-ce qu'on peut le coller au reste? | | |
|
| |
Haribot' ♪
{ Membre hyper-actif }
Messages : 5163
| Oui, on peut le coller au reste. Passe ton template & Pour la largeur, remplace par ça : - Code:
-
.onglet { /*Onglet non survolé*/ background-color: #E5E5F1; display: inline-block; width: auto; cursor: pointer; -webkit-border-top-left-radius: 5px; -webkit-border-top-right-radius: 5px; -moz-border-radius-topleft: 5px; -moz-border-radius-topright: 5px; border-top-left-radius: 5px; border-top-right-radius: 5px; margin-right:8px; }
.actif { /*Onglet survolé*/ background-image: -moz-linear-gradient(top, #E5E5F1, #C0C0C0); background-image: -webkit-gradient(linear, left top, left bottom, from(#E5E5F1), to(#C0C0C0)); filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#E5E5F1,endColorstr=#C0C0C0); -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#E5E5F1,endColorstr=#C0C0C0)"; } | | |
|
| |
Megh
{ Membre }
Messages : 52
| Voici le template: - Code:
-
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1/jquery.min.js"></script>
<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>
<!-- DEBUT MODIF ONGLETS -->
<script type="text/javascript"> <!--
document.write('<div align="center"> <ul class="conteneur_onglets"> <li onClick="change_cat(1)" class="onglet actif" id="onglet_1">Vos débuts</li> <li onClick="change_cat(2)" class="onglet " id="onglet_2">Vos personnages</li> <li onClick="change_cat(3)" class="onglet " id="onglet_3">Partie RPG</li> <li onClick="change_cat(4)" class="onglet " id="onglet_4">Partie HJ</li> <li onClick="change_cat(5)" class="onglet " id="onglet_5">Partie Admin</li> <li onClick="change_cat(6)" class="onglet " id="onglet_6">Corbeille</li> </ul></div>');
var compteur_cat = 1;
function change_cat(numero) { if(document.getElementById('categorie_'+numero)) { /* affichage de la bonne categorie */ $('table[id^=categorie_]').css('display','none'); $('table[id=categorie_'+numero+']').fadeIn();; /* affichage du bon onglet */ $('.actif').removeClass("actif"); $('.onglet[id=onglet_'+numero+']').addClass("actif"); } }
function capture_cat() { if(compteur_cat == 1) { document.write('<table class="forumline" id="categorie_' + compteur_cat + '" >'); } else { document.write('</table><table class="forumline" id="categorie_' + compteur_cat + '" style="display:none;">'); } compteur_cat++; }
//--> </script>
<!-- BEGIN catrow --><!-- BEGIN tablehead -->
<script type="text/javascript"> <!-- capture_cat(); //--> </script>
<!-- FIN MODIF ONGLETS -->
<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 --> <img src="{SPACER}" alt="" height="5" width="1" /><!-- END tablefoot --><!-- END catrow --> | | |
|
| |
Psycho
Psychopathe
Messages : 3407
| Bonjour, votre problème est-il toujours d'actualité ? S'il est maintenant résolu, merci d'éditer votre premier message en cochant l'icône . | | |
|
| |
Megh
{ Membre }
Messages : 52
| |
| |
Psycho
Psychopathe
Messages : 3407
| Bonjour (: Votre problème est-il toujours d'actualité ? S'il est maintenant résolu, merci de cocher l'icône en éditant votre premier message (: | | |
|
| |
Megh
{ Membre }
Messages : 52
| OOOOOOOOOOOOUUUUUUUUUUUUIIIIIIIIIIIIIIIIII | | |
|
| |
Psycho
Psychopathe
Messages : 3407
| Hello (: Je comprends que c'est long d'attendre mais dis toi juste que si je te demande tous les 7 jours si c'est d'actualité, c'est pour que le sujet remonte (je suppose que tu as vu le nombre de sujets en attente) et que quelqu'un puisse s'en occuper. Ce n'est que dans ton intérêt Je comprends ton agacement, mais de là à répondre ainsi.. Il y a un pas à ne pas franchir (: J'espère que c'est la dernière fois que ton impatience est aussi flagrante. Merci de ta compréhension | | |
|
| |
Megh
{ Membre }
Messages : 52
| |
| |
Contenu sponsorisé
| |
| |
|