Classer les Catégories de votre Forum par Onglet (messages) - Page 2 Bouton_activeClasser les Catégories de votre Forum par Onglet (messages) - Page 2 Bouton_hoverClasser les Catégories de votre Forum par Onglet (messages) - Page 2 Fb-hoverClasser les Catégories de votre Forum par Onglet (messages) - Page 2 Fb-active
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!

Derniers sujets
» Système d'onglets simple et personnalisable
Classer les Catégories de votre Forum par Onglet (messages) - Page 2 EmptyLun 03 Juin 2024, 17:20 par birds

» Fiche de Présentation RPG
Classer les Catégories de votre Forum par Onglet (messages) - Page 2 EmptySam 30 Mar 2024, 22:07 par Peyton972

» [RPG] Fiche personnage avec bannière
Classer les Catégories de votre Forum par Onglet (messages) - Page 2 EmptySam 30 Mar 2024, 22:06 par Peyton972

» Structure de Qui Est En Ligne (1)
Classer les Catégories de votre Forum par Onglet (messages) - Page 2 EmptyLun 04 Mar 2024, 23:20 par Peyton972

» Qui Est En Ligne - Utopia
Classer les Catégories de votre Forum par Onglet (messages) - Page 2 EmptyDim 24 Déc 2023, 18:16 par romee

» Pack forum complet "Androïd Sylver" RPU (N°2)
Classer les Catégories de votre Forum par Onglet (messages) - Page 2 EmptyJeu 02 Nov 2023, 06:42 par Hydrar

» Formulaire de connexion rapide amélioré
Classer les Catégories de votre Forum par Onglet (messages) - Page 2 EmptySam 04 Mar 2023, 18:57 par Krager

» Avatar centré dans le profil
Classer les Catégories de votre Forum par Onglet (messages) - Page 2 EmptySam 11 Fév 2023, 06:04 par Krager

Le Deal du moment :
Retour en stock du coffret Pokémon ...
Voir le deal

Partagez
 

Classer les Catégories de votre Forum par Onglet (messages)

Voir le sujet précédent Voir le sujet suivant Aller en bas 
Aller à la page : Précédent  1, 2, 3 ... 13 ... 25  Suivant
http://www.histoires-de-victoria.com/forum.htm
Crows
Crows
{ Membre }
{ Membre }

Féminin Messages : 18



Classer les Catégories de votre Forum par Onglet (messages) - Page 2 Empty
Je n'arrive pas a voir quelle version j'ai, mais je dois avoir une version très ancienne, j'aime pas trop le changement, une fois que je suis bien avec un navigateur, j'évite de changer lol. Je vais télécharger Mozilla pour faire un essai. Merci pour ta réponse.
MessageSujet: Re: Classer les Catégories de votre Forum par Onglet (messages)   Classer les Catégories de votre Forum par Onglet (messages) - Page 2 EmptyJeu 22 Juil 2010, 02:17
Revenir en haut Aller en bas
http://www.ryotopub.com
Haribot' ♪
Haribot' ♪
{ Membre hyper-actif }
{ Membre hyper-actif }

Masculin Messages : 5163



Classer les Catégories de votre Forum par Onglet (messages) - Page 2 Empty
Ouais, mais malheureusement il faut changer parce qu'il y a toujours des petits bugs qu'ils arrive à réparer et ça fait toujours du bien Wink

Et effectivement, je te conseille très fortement de télécharger Mozilla Firefox. De plus, ça t'offrira une meilleure navigation sur les ForumsActifs.
MessageSujet: Re: Classer les Catégories de votre Forum par Onglet (messages)   Classer les Catégories de votre Forum par Onglet (messages) - Page 2 EmptyJeu 22 Juil 2010, 02:26
Revenir en haut Aller en bas
http://www.histoires-de-victoria.com/forum.htm
Crows
Crows
{ Membre }
{ Membre }

Féminin Messages : 18



Classer les Catégories de votre Forum par Onglet (messages) - Page 2 Empty
Merci, je vais essayer de m'y faire alors Smile

Je viens de prendre le code dans le " générateurs d'onglets", je l'ai ajouté à mon code d'origine que j'avais modifié, mais je recois un message d'erreur :

Citation :
La balise a été fermée avant d'avoir été ouverte ou la balise n'a pas été ouverte.


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>

<!-- 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">Les bases</li>
<li onMouseOver="change_cat(1);" class="onglet_nactif" id="cat_1">Street Team & Projets fans </li>
<li onMouseOver="change_cat(2);" class="onglet_nactif" id="cat_2">Actualité & Presse. </li>
<li onMouseOver="change_cat(3);" class="onglet_nactif" id="cat_3">Les livres </li>
<li onMouseOver="change_cat(4);" class="onglet_nactif" id="cat_4">Les films - Twilight </li>
<li onMouseOver="change_cat(5);" class="onglet_nactif" id="cat_5">Vos oeuvres. </li>
<li onMouseOver="change_cat(6);" class="onglet_nactif" id="cat_6">La Cafet' </li>
<li onMouseOver="change_cat(7);" class="onglet_nactif" id="cat_7">Nos partenaires & les demandes de partenariat . </li>
<li onMouseOver="change_cat(8);" class="onglet_nactif" id="cat_8">PARTIE STAFF. </li>
<li onMouseOver="change_cat(9);" class="onglet_nactif" id="cat_9">Corbeille </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','9');

 
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="cat_forum" id="' + nom_cat[compteur_cat] + '" >');
}
else{
 document.write('<table class="cat_forum" 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 -->



<!-- 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">&nbsp;</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">
              <table width="100%"><tr><td><a class="forumlink" href="{catrow.forumrow.U_VIEWFORUM}"><div class="CLASSE-DES-TITRES" width="120">{catrow.forumrow.FORUM_NAME}</div></a></td><td align="right"><span class="gensmall"> <FONT color=#949986>Contient </FONT><b>{catrow.forumrow.POSTS}</b> <FONT color=#949986>messages dans</FONT> <b>{catrow.forumrow.TOPICS}</b> <FONT color=#949986>sujets.</FONT></span></td></tr></table>
            </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">{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 -->
MessageSujet: Re: Classer les Catégories de votre Forum par Onglet (messages)   Classer les Catégories de votre Forum par Onglet (messages) - Page 2 EmptyJeu 22 Juil 2010, 02:51
Revenir en haut Aller en bas
http://www.ryotopub.com
Haribot' ♪
Haribot' ♪
{ Membre hyper-actif }
{ Membre hyper-actif }

Masculin Messages : 5163



Classer les Catégories de votre Forum par Onglet (messages) - Page 2 Empty
Essaye comme 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>

<!-- 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">Les bases</li>
<li onMouseOver="change_cat(1);" class="onglet_nactif" id="cat_1">Street Team & Projets fans</li>
<li onMouseOver="change_cat(2);" class="onglet_nactif" id="cat_2">Actualité & Presse.</li>
<li onMouseOver="change_cat(3);" class="onglet_nactif" id="cat_3">Les livres</li>
<li onMouseOver="change_cat(4);" class="onglet_nactif" id="cat_4">Les films - Twilight</li>
<li onMouseOver="change_cat(5);" class="onglet_nactif" id="cat_5">Vos oeuvres.</li>
<li onMouseOver="change_cat(6);" class="onglet_nactif" id="cat_6">La Cafet'</li>
<li onMouseOver="change_cat(7);" class="onglet_nactif" id="cat_7">Nos partenaires & les demandes de partenariat .</li>
<li onMouseOver="change_cat(8);" class="onglet_nactif" id="cat_8">PARTIE STAFF.</li>
<li onMouseOver="change_cat(9);" class="onglet_nactif" id="cat_9">Corbeille</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','9');

 
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="cat_forum" id="' + nom_cat[compteur_cat] + '" >');
}
else{
 document.write('<table class="cat_forum" 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 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 -->
MessageSujet: Re: Classer les Catégories de votre Forum par Onglet (messages)   Classer les Catégories de votre Forum par Onglet (messages) - Page 2 EmptyJeu 22 Juil 2010, 03:14
Revenir en haut Aller en bas
http://www.histoires-de-victoria.com/forum.htm
Crows
Crows
{ Membre }
{ Membre }

Féminin Messages : 18



Classer les Catégories de votre Forum par Onglet (messages) - Page 2 Empty
Les onglets n'apparaissent pas, et mon forum c'est élargi, par contre je n'ai plus le message d'erreur.
MessageSujet: Re: Classer les Catégories de votre Forum par Onglet (messages)   Classer les Catégories de votre Forum par Onglet (messages) - Page 2 EmptyJeu 22 Juil 2010, 03:38
Revenir en haut Aller en bas
http://www.ryotopub.com
Haribot' ♪
Haribot' ♪
{ Membre hyper-actif }
{ Membre hyper-actif }

Masculin Messages : 5163



Classer les Catégories de votre Forum par Onglet (messages) - Page 2 Empty
Si ton CSS est le même que celui du tutoriel, que tu as suivi les indications à la lettre, ça devrait marcher Wink

As-tu mis la disposition de ton forum structurée comme suit :

Spoiler:


Dernière édition par Hαrιcoow le Lun 30 Aoû 2010, 12:44, édité 2 fois
MessageSujet: Re: Classer les Catégories de votre Forum par Onglet (messages)   Classer les Catégories de votre Forum par Onglet (messages) - Page 2 EmptyJeu 22 Juil 2010, 04:08
Revenir en haut Aller en bas
Kilvizion
{ Membre }
{ Membre }

Masculin Messages : 6



Classer les Catégories de votre Forum par Onglet (messages) - Page 2 Empty
Bonjour

J'essaie aussi d'installer le code mais j'ai quelques problèmes.

J'ai même repris le code qu'Haricoow t'as donné en page 2 Crows. Les onglets s'affichent pour moi (dans ton code CSS les onglets sont bien assez larges pour tes titres d'onglets?).
Par contre j'ai aussi le problème du forum élargi. Je sais pas vraiment où arranger ça dans le index_body

Merci
MessageSujet: Re: Classer les Catégories de votre Forum par Onglet (messages)   Classer les Catégories de votre Forum par Onglet (messages) - Page 2 EmptyJeu 22 Juil 2010, 05:18
Revenir en haut Aller en bas
http://www.ryotopub.com
Haribot' ♪
Haribot' ♪
{ Membre hyper-actif }
{ Membre hyper-actif }

Masculin Messages : 5163



Classer les Catégories de votre Forum par Onglet (messages) - Page 2 Empty
Non, c'est à arranger dans le CSS Wink
MessageSujet: Re: Classer les Catégories de votre Forum par Onglet (messages)   Classer les Catégories de votre Forum par Onglet (messages) - Page 2 EmptyJeu 22 Juil 2010, 05:21
Revenir en haut Aller en bas
Kilvizion
{ Membre }
{ Membre }

Masculin Messages : 6



Classer les Catégories de votre Forum par Onglet (messages) - Page 2 Empty
Désolé pour le double-post, j'aurais bien voulu éditer.
Tant que c'est pour aider, je pense pas qu'il n'y ai de problème.

Si votre page est déformée après avoir validé le code , modifiez simplement la largeur du forum en % dans Administration/Général/Configuration.
Il est évidemment possible de le faire via le CSS mais j'ai pas bien cherché comment.
Peut-être en ajoutant cette classe dans le CSS?

Code:
.bodyline{
    background-color: #faf4e2;
    border: 1px #b27b4b solid;
        width: LARGEURpx;
MessageSujet: Re: Classer les Catégories de votre Forum par Onglet (messages)   Classer les Catégories de votre Forum par Onglet (messages) - Page 2 EmptyJeu 22 Juil 2010, 06:15
Revenir en haut Aller en bas
http://xx-notre-monde-xx.forumactif.org/
Chyna74
Chyna74
{ Membre }
{ Membre }

Féminin Messages : 13



Classer les Catégories de votre Forum par Onglet (messages) - Page 2 Empty
Hαrιcoow a écrit:
Pour remplacer par des onglets cliquables, remplacez tous les onMouseOver par onClick Smile
Je ne trouve pas le onMouseOver oO
j'aimerai que les onglets soir cliquable mais je trouve vraiment pas o_o
MessageSujet: Re: Classer les Catégories de votre Forum par Onglet (messages)   Classer les Catégories de votre Forum par Onglet (messages) - Page 2 EmptyJeu 22 Juil 2010, 10:53
Revenir en haut Aller en bas
http://www.ryotopub.com
Haribot' ♪
Haribot' ♪
{ Membre hyper-actif }
{ Membre hyper-actif }

Masculin Messages : 5163



Classer les Catégories de votre Forum par Onglet (messages) - Page 2 Empty
Passe-ton code Wink
MessageSujet: Re: Classer les Catégories de votre Forum par Onglet (messages)   Classer les Catégories de votre Forum par Onglet (messages) - Page 2 EmptyJeu 22 Juil 2010, 11:51
Revenir en haut Aller en bas
http://xx-notre-monde-xx.forumactif.org/
Chyna74
Chyna74
{ Membre }
{ Membre }

Féminin Messages : 13



Classer les Catégories de votre Forum par Onglet (messages) - Page 2 Empty
Ok ! Je l'est un peu modifier aussi ^^

Spoiler:
MessageSujet: Re: Classer les Catégories de votre Forum par Onglet (messages)   Classer les Catégories de votre Forum par Onglet (messages) - Page 2 EmptyJeu 22 Juil 2010, 11:57
Revenir en haut Aller en bas
http://www.ryotopub.com
Haribot' ♪
Haribot' ♪
{ Membre hyper-actif }
{ Membre hyper-actif }

Masculin Messages : 5163



Classer les Catégories de votre Forum par Onglet (messages) - Page 2 Empty
Nan mais c'est pas là que c'est onMouseOver..
C'est dans le template index_box Wink
MessageSujet: Re: Classer les Catégories de votre Forum par Onglet (messages)   Classer les Catégories de votre Forum par Onglet (messages) - Page 2 EmptyJeu 22 Juil 2010, 12:14
Revenir en haut Aller en bas
http://xx-notre-monde-xx.forumactif.org/
Chyna74
Chyna74
{ Membre }
{ Membre }

Féminin Messages : 13



Classer les Catégories de votre Forum par Onglet (messages) - Page 2 Empty
Oula j'ai fait quoi O_O
Peu pas supprimé en plus --'
Si tu pouvais supprimé, désolé ^^'

Spoiler:
MessageSujet: Re: Classer les Catégories de votre Forum par Onglet (messages)   Classer les Catégories de votre Forum par Onglet (messages) - Page 2 EmptyJeu 22 Juil 2010, 12:21
Revenir en haut Aller en bas
http://www.ryotopub.com
Haribot' ♪
Haribot' ♪
{ Membre hyper-actif }
{ Membre hyper-actif }

Masculin Messages : 5163



Classer les Catégories de votre Forum par Onglet (messages) - Page 2 Empty
Voilà, ton code modifié et corrigé car il y avait quelques fautes :

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>

<!-- DEBUT MODIF ONGLETS -->

<script type="text/javascript">
<!--

var i = 0;

document.write('<div align="center">')
<ul class="onglet">
 

<li onClick="change_cat(0);" class="onglet_actif" id="cat_0">Accueil</li>
<li onClick="change_cat(1);" class="onglet_nactif" id="cat_1">Concours</li>
<li onClick="change_cat(2);" class="onglet_nactif" id="cat_2">Bookcase</li>
<li onClick="change_cat(3);" class="onglet_nactif" id="cat_3">City</li>
<li onClick="change_cat(4);" class="onglet_nactif" id="cat_4">Office</li>
<li onClick="change_cat(5);" class="onglet_nactif" id="cat_5">Asia</li>
<li onClick="change_cat(6);" class="onglet_nactif" id="cat_6">Poll</li>
<li onClick="change_cat(7);" class="onglet_nactif" id="cat_7">Lounge</li>
<li onClick="change_cat(8);" class="onglet_nactif" id="cat_8">Cosplay</li>
<li onClick="change_cat(9);" class="onglet_nactif" id="cat_9">Finish</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','9');

 
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="cat_forum" id="' + nom_cat[compteur_cat] + '" >');
}
else{
 document.write('<table class="cat_forum" 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 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 -->
MessageSujet: Re: Classer les Catégories de votre Forum par Onglet (messages)   Classer les Catégories de votre Forum par Onglet (messages) - Page 2 EmptyJeu 22 Juil 2010, 13:45
Revenir en haut Aller en bas
http://www.histoires-de-victoria.com/forum.htm
Crows
Crows
{ Membre }
{ Membre }

Féminin Messages : 18



Classer les Catégories de votre Forum par Onglet (messages) - Page 2 Empty
Je n'y arrive pas :s
J'ai pris le code que tu m'a donné, et mis le CSS, et voila ce que ca me donne : http://triplette.forumdefan.com/index.htm
Ma structure est bien celle demandée.

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>

<!-- 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">Les bases</li>
<li onMouseOver="change_cat(1);" class="onglet_nactif" id="cat_1">Street Team &amp; Projets fans</li>
<li onMouseOver="change_cat(2);" class="onglet_nactif" id="cat_2">Actualité &amp; Presse.</li>
<li onMouseOver="change_cat(3);" class="onglet_nactif" id="cat_3">Les livres</li>
<li onMouseOver="change_cat(4);" class="onglet_nactif" id="cat_4">Les films - Twilight</li>
<li onMouseOver="change_cat(5);" class="onglet_nactif" id="cat_5">Vos oeuvres.</li>
<li onMouseOver="change_cat(6);" class="onglet_nactif" id="cat_6">La Cafet'</li>
<li onMouseOver="change_cat(7);" class="onglet_nactif" id="cat_7">Nos partenaires &amp; les demandes de partenariat .</li>
<li onMouseOver="change_cat(8);" class="onglet_nactif" id="cat_8">PARTIE STAFF.</li>
<li onMouseOver="change_cat(9);" class="onglet_nactif" id="cat_9">Corbeille</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','9');

 
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="cat_forum" id="' + nom_cat[compteur_cat] + '" >');
}
else{
 document.write('<table class="cat_forum" 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 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 -->



Citation :
tr.post td {padding-left: 20px;}

a:hover {
text-decoration: none !important;
}

a {
text-decoration: none !important;
}


.vignettes
{-moz-border-radius:7px;
background-color: #ffffff;
padding-right:10px;
padding-left:10px;
padding-bottom: 3px;
padding-top:3px;}

textarea, .textarea.post, input.post {
-moz-border-radius:10px;
}

.forumline{
background-color: #ffffff;
-moz-border-radius: 10px ;
border: 3px #ffffff solid;
}

.bodyline {
-moz-border-radius:10px;
}

.statistiques{
border:0px;
background-image: url("https://2img.net/h/oi42.tinypic.com/2i6k1t.jpg");
background-repeat: no-repeat;
background-position: left;
height:270px;}

.groupes{
background-color:#FFFFFF;border: 3px #910000 solid;
-moz-border-radius : 5px 5px 5px 5px;
height:40px;padding-right:12px;padding-left:14px;padding-bottom:3px;
font-size:15px;font-weight: bold;text-align:center;
text-decoration: none !important;}


.CLASSE-DES-TITRES:hover{
font-family: garamond, times new roman, impact, serif;
font-size: 120%;
width: 220px;

color: #000000;
background-color: #F8F8F8;
text-align: center;
border-left: 4px solid #F8F8F8;
border-right: 4px solid #F8F8F8;
}


/**TITRES DES CATEGORIES**/

.CLASSE-DES-TITRES{
font-family: garamond, times new roman, impact, serif;
font-size: 120%;
width: 220px;

border: 1px double #666672;
color: #000000;
text-align: center;
background-color: #F8F8F8;
border-left: 4px solid #F8F8F8;
border-right: 4px solid #F8F8F8;
}



.groupe {
text-transform: uppercase;
padding: 5px;
background-color: #ECB6A2;
}

.tableau_qeel {
border: 5px solid #FFFFFF;
-moz-border-radius: 30px;
-webkit-border-radius: 30px;
border-radius: 30px;
padding: 10px;
margin-left: 30px;
margin-top: 40px;
}




/**BODY**/
/**Enlever la marche en haut de la bannière**/
/**Répétition du fond**/

body {
margin : 0px;
background-repeat: no-repeat;
}








/**ASCENSEUR**/


.ascenseur {
position: fixed;
top: 250px;
right: 0px;
background-color: #F2E9D9;
-moz-border-radius: 0px 35px 35px 0px;
-webkit-border-radius: 0px 35px 35px 0px;
border-radius: 0px 35px 35px 0px;
}

.ascenseur1 {
position: fixed;
top: 286px;
right: 0px;
background-color: #F2E9D9;
-moz-border-radius: 0px 35px 35px 0px;
-webkit-border-radius: 0px 35px 35px 0px;
border-radius: 0px 35px 35px 0px;
}


/**CODE**/

.code {
background-color: #F2E9D9; /* couleur noire du fond */
background-image: url("https://i.servimg.com/u/f34/09/04/35/83/patter11.jpg");
background-repeat: no-repeat;
border:3px #C8BFAF solid; /* bordure blanche en traits peu épais */
-border-radius: 15px; /* tous les côtés sont arrondis */
-moz-border-radius: 15px; /* tous les côtés sont arrondis */
-webkit-border-radius: 15px; /* tous les côtés sont arrondis */
color: #261D0D; /* couleur du texte blanche */
}

/**QUOTE**/
.quote {
background-color: #F2E9D9; /* couleur noire du fond */
background-image: url("https://i.servimg.com/u/f34/09/04/35/83/patter11.jpg");
background-repeat: no-repeat;
border:3px #C8BFAF solid; /* bordure blanche en traits peu épais */
-border-radius: 15px; /* tous les côtés sont arrondis */
-moz-border-radius: 15px; /* tous les côtés sont arrondis */
-webkit-border-radius: 15px; /* tous les côtés sont arrondis */
color: #261D0D; /* couleur du texte blanche */
}

/**SPOILER fermé**/
.spoiler_closed{
background-color: #F2E9D9; /* couleur noire du fond */
background-image: url("https://i.servimg.com/u/f34/09/04/35/83/patter11.jpg");
background-repeat: no-repeat;
border:3px #C8BFAF solid; /* bordure blanche en traits peu épais */
-border-radius: 15px; /* tous les côtés sont arrondis */
-moz-border-radius: 15px; /* tous les côtés sont arrondis */
-webkit-border-radius: 15px; /* tous les côtés sont arrondis */
color: #261D0D; /* couleur du texte blanche */
}

/**SPOILER ouvert**/
.spoiler_content{
background-color: #F2E9D9; /* couleur noire du fond */
background-image: url("https://i.servimg.com/u/f34/09/04/35/83/patter11.jpg");
background-repeat: no-repeat;
border:3px #C8BFAF solid; /* bordure blanche en traits peu épais */
-border-radius: 15px; /* tous les côtés sont arrondis */
-moz-border-radius: 15px; /* tous les côtés sont arrondis */
-webkit-border-radius: 15px; /* tous les côtés sont arrondis */
color: #261D0D; /* couleur du texte blanche */
}


/**ESSAI PA**/


.accueil
{background-image: url(https://i.servimg.com/u/f34/09/04/35/83/patter11.jpg);
border: 2px solid #7D7978;
-moz-border-radius: 8px;
border-left: 4px solid #7E7E7E;
border-right: 4px solid #7E7E7E;}

.onglets
{font-family: garamond, times new roman, impact, serif;
color: #F2E9DA;
background-color: #trans;
text-align: center;
border-left: 4px solid #7E7E7E;
border-right: 4px solid #7E7E7E;
margin-right: 5px;
margin-left: 5px;
font-size: 13px;
font-variant: small-caps;
letter-spacing: 2px;
}

.onglets:hover
{font-family: garamond, times new roman, impact, serif;
color: #F2E9DA;
background-color: #trans;
text-align: center;
border-left: 4px solid #7E7E7E;
border-right: 4px solid #7E7E7E;
margin-right: 5px;
margin-left: 5px;
font-size: 13px;
font-variant: small-caps;
letter-spacing: 2px;
}

.contenu
{text-align: justify;
padding-right: 5px;
padding-left: 5px;
padding-top: 5px;}

.titres
{border-bottom: 1px solid #7D7978;
color: #000000;
font-size: 13px;
text-align: left;
padding-left: 5px;
font-variant: small-caps;
letter-spacing: 2px;
width:90%;}

div.infobulle
{position: relative;
color: #000000;
text-decoration: none;
font-size: 10px;
border-bottom: none;
text-align: center;}

div.infobulle span
{display: none;}

div.infobulle:hover
{background: none;
z-index: 999;
cursor: defaut;}

div.infobulle:hover span
{display: inline;
position: absolute;
white-space: nowrap;
top: 35px;
left: 35px;
background-image: url(https://i.servimg.com/u/f34/09/04/35/83/patter11.jpg);
-moz-border-radius: 8px;
text-decoration: none;
color: #000000;
padding: 3px;
border: 2px solid #7D7978;
border-left: 2px solid #7D7978;
font-size: 10px;
min-width:125px;
text-align: center;}

/**QEEL**/

.groupes
{background-image: url(https://i.servimg.com/u/f34/09/04/35/83/patter11.jpg);
background-color: #EEE5D6;
border: 1px solid #000000 ;
-moz-border-radius : 0px 5px 0px 5px;
padding-right:20px;
padding-left:20px;
padding-bottom:3px;
margin: 5px;
font-size:11px;
text-align:center;
text-decoration: none !important;}

#qeel td.row1
{background: none;}

/**INFO BULLE AVATAR**/

div.infobulle_avatar em {
display:none;
}

div.infobulle_avatar:hover {
background: none;
z-index: 999;
cursor: hand;
position: relative;
text-decoration:none;
border: 0;
}

div.infobulle_avatar:hover em {
font-style: normal; /*écriture de la police*/
font-size: 10px; /*taille de la police*/
color:#000 !important; /*couleur de la police*/
padding: 3px;
display: block;
position: absolute;
-moz-border-radius: 5px; /* bord arrondis*/
-webkit-border-radius: 5px; /* bord arrondis*/
border-radius: 5px ; /* bord arrondis*/
background-color: #FFF; /*couleur de fond de l'infobulle*/
border: 1px solid #000; /*taille et couleur de la bordure de l'infobulle*/
width:150px; /*largeur de l'infobulle*/
top: 100px; /*infobulle à 100px du haut*/
left: 100px; /*infobulle à 100px de la gauche*/
}

/**INFO BULLE AVATAR**/

.postdetails.poster-profile a img
{
border: border: 5px solid #FFFFFF; /*La bordure*/
}


/**ONGLET CATEGORIE**/

.text {
color:#993366; /*Couleur du texte de vos onglets*/
cursor:pointer;
}

#cat_Les bases,#cat_Street Team & Projets fans,#cat_Presse.,#cat_Les livres,#cat_Les films ,#cat_Vos oeuvres.,#cat_La Cafet',#cat_Nos partenaires & les demandes de partenariat.,#cat_PARTIE STAFF,#cat_Corbeille, /*nomonglet... à remplacer par le nom des onglets*/ {
padding-top:4px;
}

.spoiler_content { display: block; }
.hidden .spoiler_content { display: none; }

.cat_forum {
background-color: #000000;
margin: auto;
margin-bottom:30px;
width:800px;
}

.onglet {
display:inline-block;
margin-top:30px;
text-decoration:none; !important
cursor:pointer;
}

.onglet li {
float:left;
list-style-type:none;
margin-bottom:-22px;
text-decoration:none; !important
cursor:pointer;
}

.onglet li:hover {
text-decoration:none; !important
cursor:pointer;
}

.onglet li a {
display:block;
text-decoration:none; !important
list-style-type: none;
cursor:pointer;
}

.onglet li a: hover {
text-decoration:none;
list-style-type:none;
cursor:pointer;
}

.onglet_actif {
background: url('URL_ONGLET_ACTIF') no-repeat; /*URL de l'onglet étant actif*/
width:50px; /*Largeur de l'onglet étant actif*/
height:30px; /*Hauteur de l'onglet étant actif*/
cursor:pointer;
}

.onglet_nactif {
background:url('URL_ONGLET_INACTIF') no-repeat; /*URL de l'onglet étant inactif*/
width:50px; /*Largeur de l'onglet étant inactif*/
height:30px; /*Hauteur de l'onglet étant inactif*/
cursor:pointer;
}
MessageSujet: Re: Classer les Catégories de votre Forum par Onglet (messages)   Classer les Catégories de votre Forum par Onglet (messages) - Page 2 EmptyJeu 22 Juil 2010, 14:18
Revenir en haut Aller en bas
Kilvizion
{ Membre }
{ Membre }

Masculin Messages : 6



Classer les Catégories de votre Forum par Onglet (messages) - Page 2 Empty
Tes onglets sont trop petits (50x30) pour le texte qu'ils doivent accueillir. Essaies avec 150x30? Pour voir si ça vient bien de là.
MessageSujet: Re: Classer les Catégories de votre Forum par Onglet (messages)   Classer les Catégories de votre Forum par Onglet (messages) - Page 2 EmptyJeu 22 Juil 2010, 14:29
Revenir en haut Aller en bas
http://www.histoires-de-victoria.com/forum.htm
Crows
Crows
{ Membre }
{ Membre }

Féminin Messages : 18



Classer les Catégories de votre Forum par Onglet (messages) - Page 2 Empty
Je viens d'essayer, ca ne change rien :s
Merci beaucoup de m'aider en tout cas.
MessageSujet: Re: Classer les Catégories de votre Forum par Onglet (messages)   Classer les Catégories de votre Forum par Onglet (messages) - Page 2 EmptyJeu 22 Juil 2010, 14:37
Revenir en haut Aller en bas
http://www.ryotopub.com
Haribot' ♪
Haribot' ♪
{ Membre hyper-actif }
{ Membre hyper-actif }

Masculin Messages : 5163



Classer les Catégories de votre Forum par Onglet (messages) - Page 2 Empty
Refais le tuto, tu as du te tromper quelque part Wink Le tutoriel MARCHE Smile Je crois que je vais le mettre en Expert Wink
MessageSujet: Re: Classer les Catégories de votre Forum par Onglet (messages)   Classer les Catégories de votre Forum par Onglet (messages) - Page 2 EmptyJeu 22 Juil 2010, 14:44
Revenir en haut Aller en bas
Kilvizion
{ Membre }
{ Membre }

Masculin Messages : 6



Classer les Catégories de votre Forum par Onglet (messages) - Page 2 Empty
Quand on débute, c'est pas évident de trouver les bonnes class à intégrer pour modifier comme on veut.

Par exemple par défaut les onglets sont au milieu du bloc forum, alors que je voudrais les mettre à gauche. Je voudrais aussi pouvoir centrer le texte dans les onglets sachant qu'avec text-align et vertical-align il n'y a aucun changement (texte dans centré mais dans le haut de l'onglet). Des choses simples comme ça qui bloquent.

D'ailleurs si vous savez comment faire, surtout fixer les onglets à gauche, ça serait simpa, merci Smile
MessageSujet: Re: Classer les Catégories de votre Forum par Onglet (messages)   Classer les Catégories de votre Forum par Onglet (messages) - Page 2 EmptyJeu 22 Juil 2010, 14:50
Revenir en haut Aller en bas
http://www.histoires-de-victoria.com/forum.htm
Crows
Crows
{ Membre }
{ Membre }

Féminin Messages : 18



Classer les Catégories de votre Forum par Onglet (messages) - Page 2 Empty
Je viens de réussir. En faite, je n'avais pas pensé que le nom des catégories que je mettais devaient être exactement le même que celle de mon forum. Bref, désolée pour la perte de temps que j'ai occasionnée, et merci pour l'aide que vous m'avez apportée.
MessageSujet: Re: Classer les Catégories de votre Forum par Onglet (messages)   Classer les Catégories de votre Forum par Onglet (messages) - Page 2 EmptyJeu 22 Juil 2010, 14:56
Revenir en haut Aller en bas
http://marauderscalling.bb-fr.com
ptitlac
ptitlac
{ Membre }
{ Membre }

Féminin Messages : 226



Classer les Catégories de votre Forum par Onglet (messages) - Page 2 Empty
Oui Haricoow, mon template était déjà modifié, comme tu as pu le voir sur ce que je t'ai donné en page 1.

Sais-tu comment je peux régler mon problème ?
MessageSujet: Re: Classer les Catégories de votre Forum par Onglet (messages)   Classer les Catégories de votre Forum par Onglet (messages) - Page 2 EmptyVen 23 Juil 2010, 07:46
Revenir en haut Aller en bas
http://www.ryotopub.com
Haribot' ♪
Haribot' ♪
{ Membre hyper-actif }
{ Membre hyper-actif }

Masculin Messages : 5163



Classer les Catégories de votre Forum par Onglet (messages) - Page 2 Empty
@ ptitlac : Ça y est. J'ai changé tous les onMouseOver Wink

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>

<!-- DEBUT MODIF ONGLETS -->

<script type="text/javascript">
<!--

var i = 0;

document.write('<div align="center">')
<ul class="onglet">
 

<li onClick="change_cat(0);" class="onglet_actif" id="cat_0">Accueil</li>
<li onClick="change_cat(1);" class="onglet_nactif" id="cat_1">Concours</li>
<li onClick="change_cat(2);" class="onglet_nactif" id="cat_2">Bookcase</li>
<li onClick="change_cat(3);" class="onglet_nactif" id="cat_3">City</li>
<li onClick="change_cat(4);" class="onglet_nactif" id="cat_4">Office</li>
<li onClick="change_cat(5);" class="onglet_nactif" id="cat_5">Asia</li>
<li onClick="change_cat(6);" class="onglet_nactif" id="cat_6">Poll</li>
<li onClick="change_cat(7);" class="onglet_nactif" id="cat_7">Lounge</li>
<li onClick="change_cat(8);" class="onglet_nactif" id="cat_8">Cosplay</li>
<li onClick="change_cat(9);" class="onglet_nactif" id="cat_9">Finish</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','9');

 
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="cat_forum" id="' + nom_cat[compteur_cat] + '" >');
}
else{
 document.write('<table class="cat_forum" 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 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 -->
MessageSujet: Re: Classer les Catégories de votre Forum par Onglet (messages)   Classer les Catégories de votre Forum par Onglet (messages) - Page 2 EmptyVen 23 Juil 2010, 08:42
Revenir en haut Aller en bas
http://marauderscalling.bb-fr.com
ptitlac
ptitlac
{ Membre }
{ Membre }

Féminin Messages : 226



Classer les Catégories de votre Forum par Onglet (messages) - Page 2 Empty
Heu...il y a un problème...ce n'est pas mon template ><"

Le voici :

Spoiler:

Et serait-il possible que tu m'explique se que tu retouche ? afin de pouvoir trouver des erreurs plus facilement par la suite si jamais. Et puis pour apprendre aussi ^^

Merci beaucoup.
MessageSujet: Re: Classer les Catégories de votre Forum par Onglet (messages)   Classer les Catégories de votre Forum par Onglet (messages) - Page 2 EmptyVen 23 Juil 2010, 15:52
Revenir en haut Aller en bas
http://www.ryotopub.com
Haribot' ♪
Haribot' ♪
{ Membre hyper-actif }
{ Membre hyper-actif }

Masculin Messages : 5163



Classer les Catégories de votre Forum par Onglet (messages) - Page 2 Empty
Qu'est-ce qui ne fonctionne pas chez toi ? :$
MessageSujet: Re: Classer les Catégories de votre Forum par Onglet (messages)   Classer les Catégories de votre Forum par Onglet (messages) - Page 2 EmptyVen 23 Juil 2010, 16:21
Revenir en haut Aller en bas
Contenu sponsorisé




Classer les Catégories de votre Forum par Onglet (messages) - Page 2 Empty
MessageSujet: Re: Classer les Catégories de votre Forum par Onglet (messages)   Classer les Catégories de votre Forum par Onglet (messages) - Page 2 Empty
Revenir en haut Aller en bas
 

Classer les Catégories de votre Forum par Onglet (messages)

Voir le sujet précédent Voir le sujet suivant Revenir en haut 
Page 2 sur 25Aller à la page : Précédent  1, 2, 3 ... 13 ... 25  Suivant

 Sujets similaires

-
» Problème de script pour l'affichage des sous catégories et forums dans un système de catégories en onglet. ( forum en phpBB2)
» Justifier le contenu de votre forum (messages)
» Créer des boutons au style de votre forum (messages)
» Avoir un traducteur de langues sur votre forum (messages)
» Classer les Catégories par Onglets {Réalisé par Hαrιcoow}

Permission de ce forum:Vous ne pouvez pas répondre aux sujets dans ce forum
CSSActif :: Corbeille :: Archives de CSSActif :: Archives 2009~2011-

Partenaires Or


← Page précédente   ↑ Aller en haut Copyright © CSSActif 2009 - 2013 Tous droits réservés
Créer un forum | ©phpBB | Forum gratuit d'entraide | Signaler un abus | Forum gratuit