La date/heure actuelle est Sam 21 Oct 2017 - 08:40 - créer un forum

[Tuto] Cacher/Montrer les catégories

Aller au contenu

Poster un nouveau sujet Répondre au sujet Aller à la page: 1, 2, 318, 19, 20  >

[Tuto] Cacher/Montrer les catégories
Auteur Message
altair


Hors ligne
Invité




MessagePosté le: Lun 22 Oct 2007 - 16:17    Sujet du message: [Tuto] Cacher/Montrer les catégories Répondre en citant

PublicitéSupprimer les publicités ?
Titre: Cacher/Montrer les catégories
Version: 2.0

Auteur: altair
Contact Auteur: Messagerie privé
Source: 1ère version

Description: Cacher/Monter les catégories en cliquant sur les signes:
et

Variantes:
possibilité de clique sur l'entête ou bien sur le titre, afin de cacher/montrer la catégorie
possibilité de changement de couleur/image de l'entête entre caché et montré
possibilité d'application pour les autres bloques comme le Chat, le Qui-est-en-ligne, ect.

Niveau d'installation: Facile
Temps d'installation: 5 min
Nombre de template(s) à modifier : 2

Fonctionne sur les thèmes : Tous, mais doit être personnalisé différemment
Test(s) effectué(s) sur :Xooit, Phpbb,

Défaut(s) : à signaler
Exemple(s) : version similaire ICI





Chaque thème doit être personnalisé différemment !

Certains thèmes contiennent déjà cette option (mais sans le changement de signes) comme Morpheus et Aeolus

Flèche Exemple d'application sur le thème Olympus_Xooit


>> Panneau d'administration
>> l'onglet Thème
>> Modifier les templates

/!\ Faire une sauvegarde de chaque fichier avant sa modification /!\

Ouvrez index_body.tpl

Cherchez
Code: Sélectionner - Agrandir

<table width="100%" cellspacing="1" border="0" class="tablebg">
  <tr>
 <th colspan="2" class="thCornerL" height="25" nowrap="nowrap">&nbsp;{L_FORUM}&nbsp;</th>
 <th width="50" class="thTop" nowrap="nowrap">&nbsp;{L_TOPICS}&nbsp;</th>
 <th width="50" class="thTop" nowrap="nowrap">&nbsp;{L_POSTS}&nbsp;</th>
 <th class="thCornerR" nowrap="nowrap">&nbsp;{L_LASTPOST}&nbsp;</th>
  </tr>

Remplacez par
Code: Sélectionner - Agrandir

<table width="100%" cellspacing="1" border="0" class="tablebg">
  <tr>
 <th colspan="2" class="thCornerL" height="25" width="70%" nowrap="nowrap">&nbsp;{L_FORUM}&nbsp;</th>
 <th width="50" class="thTop" nowrap="nowrap">&nbsp;{L_TOPICS}&nbsp;</th>
 <th width="50" class="thTop" nowrap="nowrap">&nbsp;{L_POSTS}&nbsp;</th>
 <th class="thCornerR" nowrap="nowrap">&nbsp;{L_LASTPOST}&nbsp;</th>
  </tr>


Cherchez
Code: Sélectionner - Agrandir

  <!-- BEGIN catrow -->
  <tr>
 <td class="catLeft" colspan="2" height="28"><span class="cattitle"><a href="{catrow.U_VIEWCAT}" class="cattitle">{catrow.CAT_DESC}</a></span></td>
 <td class="rowpic" colspan="3" align="right">&nbsp;</td>
  </tr>
  <!-- BEGIN forumrow -->

Remplacez par
Code: Sélectionner - Agrandir

    <!-- BEGIN catrow -->

 <tbody id="cat_{catrow.CAT_ID}_f_h" style="display: none;">
  <tr>
    <td class="catLeft" colspan="5" height="28">
    <img style="padding-right: 5px; float: right; cursor: pointer;" src="http://img10.xooimage.com/files/a/c/c/maximise-176fb0.gif" onclick="javascript:ShowHide('cat_{catrow.CAT_ID}_f','cat_{catrow.CAT_ID}_f_h','cat_{catrow.CAT_ID}_f');" alt="Show">
    <span class="cattitle"><a href="{catrow.U_VIEWCAT}" class="cattitle">{catrow.CAT_DESC}</a></span></td>
  </tr>
 </tbody>
 
 <tbody id="cat_{catrow.CAT_ID}_f">
<script type="text/javascript">
<!--
tmp = 'cat_{catrow.CAT_ID}_f';
if(GetCookie(tmp) == '2')
{
   ShowHide('cat_{catrow.CAT_ID}_f', 'cat_{catrow.CAT_ID}_f_h', 'cat_{catrow.CAT_ID}_f');
}
//-->
</script>
  <tr>
    <td class="catLeft" colspan="5" height="28">
    <img style="padding-right: 5px; float: right; cursor: pointer;" src="http://img4.xooimage.com/files/a/0/8/minimise-176fb7.gif" onclick="javascript:ShowHide('cat_{catrow.CAT_ID}_f','cat_{catrow.CAT_ID}_f_h','cat_{catrow.CAT_ID}_f');" alt="Hide">
    <span class="cattitle"><a href="{catrow.U_VIEWCAT}" class="cattitle">{catrow.CAT_DESC}</a></span></td>
  </tr>

  <!-- BEGIN forumrow -->


Cherchez
Code: Sélectionner - Agrandir

  <!-- END forumrow -->
  <!-- END catrow -->
</table>

Remplacez par
Code: Sélectionner - Agrandir

  <!-- END forumrow -->
 </tbody>
  <!-- END catrow -->
</table>


Sauvegardez et fermez


Ouvrez overall_header.tpl
Cherchez
Code: Sélectionner - Agrandir

</head>

Ajoutez juste avant
Code: Sélectionner - Agrandir

<script type="text/javascript">
var PreloadFlag = false;
var expDays = 90;
var exp = new Date();
var tmp = '';
var tmp_counter = 0;
var tmp_open = 0;

exp.setTime(exp.getTime() + (expDays*24*60*60*1000));

function SetCookie(name, value)
{
   var argv = SetCookie.arguments;
   var argc = SetCookie.arguments.length;
   var expires = (argc > 2) ? argv[2] : null;
   var path = (argc > 3) ? argv[3] : null;
   var domain = (argc > 4) ? argv[4] : null;
   var secure = (argc > 5) ? argv[5] : false;
   document.cookie = name + "=" + escape(value) +
      ((expires == null) ? "" : ("; expires=" + expires.toGMTString())) +
      ((path == null) ? "" : ("; path=" + path)) +
      ((domain == null) ? "" : ("; domain=" + domain)) +
      ((secure == true) ? "; secure" : "");
}

function getCookieVal(offset)
{
   var endstr = document.cookie.indexOf(";",offset);
   if (endstr == -1)
   {
      endstr = document.cookie.length;
   }
   return unescape(document.cookie.substring(offset, endstr));
}

function GetCookie(name)
{
   var arg = name + "=";
   var alen = arg.length;
   var clen = document.cookie.length;
   var i = 0;
   while (i < clen)
   {
      var j = i + alen;
      if (document.cookie.substring(i, j) == arg)
      {
         return getCookieVal(j);
      }
      i = document.cookie.indexOf(" ", i) + 1;
      if (i == 0)
      {
         break;
      }
   }
   return null;
}

function ShowHide(id1, id2, id3)
{
   var res = expMenu(id1);
   if (id2 != '')
   {
      expMenu(id2);
   }
   if (id3 != '')
   {
      SetCookie(id3, res, exp);
   }
}

function expMenu(id)
{
   var itm = null;
   if (document.getElementById)
   {
      itm = document.getElementById(id);
   }
   else if (document.all)
   {
      itm = document.all[id];
   }
   else if (document.layers)
   {
      itm = document.layers[id];
   }
   if (!itm)
   {
      // do nothing
   }
   else if (itm.style)
   {
      if (itm.style.display == "none")
      {
         itm.style.display = "";
         return 1;
      }
      else
      {
         itm.style.display = "none";
         return 2;
      }
   }
   else
   {
      itm.visibility = "show";
      return 1;
   }
}
</script>


Sauvegardez et fermez

Vous pouvez ensuite changer les signes
et

à partir du Panneau d'administration >> Thèmes >> Modifier les images



Autres exemples de thèmes à venir...



Dernière édition par altair le Mer 9 Jan 2008 - 22:17; édité 2 fois
Auteur Message
F@BuLouS


Hors ligne
Invité




MessagePosté le: Dim 2 Déc 2007 - 15:20    Sujet du message: [Tuto] Cacher/Montrer les catégories Répondre en citant

Comment faut il faire pour adapter le script pour le chat?

Auteur Message
altair


Hors ligne
Invité




MessagePosté le: Lun 17 Déc 2007 - 13:58    Sujet du message: [Tuto] Cacher/Montrer les catégories Répondre en citant

Bonjour

j'avais pas eu le temps de répondre, donc voila pour le chat

essaies d'abord sur le thème de test

dans chat.tpl
tu cherches

Code: Sélectionner - Agrandir
 <tr>
  <th class="thTop" nowrap="nowrap"<!-- IF CHAT_SHOW_CONNECTED --> colspan="3"<!-- ENDIF -->>&nbsp;Chat&nbsp;</th>
 </tr>

tu remplaces par
Code: Sélectionner - Agrandir
  <tbody id="chat_f_h" style="display: none;">
  <tr>
    <th class="thTop" nowrap="nowrap"<!-- IF CHAT_SHOW_CONNECTED --> colspan="3"<!-- ENDIF -->>
    <img style="padding-right: 5px; float: right; cursor: pointer;" src="http://img10.xooimage.com/files/a/c/c/maximise-176fb0.gif" onclick="javascript:ShowHide('chat_f','chat_f_h','chat_f');" alt="Show">
    &nbsp;Chat&nbsp;</th>
  </tr>
 </tbody>
 
 <tbody id="chat_f">
<script type="text/javascript">
<!--
tmp = 'chat_f';
if(GetCookie(tmp) == '2')
{
   ShowHide('chat_f', 'chat_f_h', 'chat_f');
}
//-->
</script>
  <tr>
    <th class="thTop" nowrap="nowrap"<!-- IF CHAT_SHOW_CONNECTED --> colspan="3"<!-- ENDIF -->>
    <img style="padding-right: 5px; float: right; cursor: pointer;" src="http://img4.xooimage.com/files/a/0/8/minimise-176fb7.gif" onclick="javascript:ShowHide('chat_f','chat_f_h','chat_f');" alt="Hide">
    &nbsp;Chat&nbsp;</th>
  </tr>


tu cherches
Code: Sélectionner - Agrandir
</table>
<span class="corners-bottom"><span></span></span></div></div>
<br />

tu remplaces par
Code: Sélectionner - Agrandir
 </tbody>
</table>
<span class="corners-bottom"><span></span></span></div></div>
<br />


dans overall_header.tpl
tu cherches

Code: Sélectionner - Agrandir
</head>

tu ajoutes juste avant
Code: Sélectionner - Agrandir
<script type="text/javascript">
var PreloadFlag = false;
var expDays = 90;
var exp = new Date();
var tmp = '';
var tmp_counter = 0;
var tmp_open = 0;

exp.setTime(exp.getTime() + (expDays*24*60*60*1000));

function SetCookie(name, value)
{
   var argv = SetCookie.arguments;
   var argc = SetCookie.arguments.length;
   var expires = (argc > 2) ? argv[2] : null;
   var path = (argc > 3) ? argv[3] : null;
   var domain = (argc > 4) ? argv[4] : null;
   var secure = (argc > 5) ? argv[5] : false;
   document.cookie = name + "=" + escape(value) +
      ((expires == null) ? "" : ("; expires=" + expires.toGMTString())) +
      ((path == null) ? "" : ("; path=" + path)) +
      ((domain == null) ? "" : ("; domain=" + domain)) +
      ((secure == true) ? "; secure" : "");
}

function getCookieVal(offset)
{
   var endstr = document.cookie.indexOf(";",offset);
   if (endstr == -1)
   {
      endstr = document.cookie.length;
   }
   return unescape(document.cookie.substring(offset, endstr));
}

function GetCookie(name)
{
   var arg = name + "=";
   var alen = arg.length;
   var clen = document.cookie.length;
   var i = 0;
   while (i < clen)
   {
      var j = i + alen;
      if (document.cookie.substring(i, j) == arg)
      {
         return getCookieVal(j);
      }
      i = document.cookie.indexOf(" ", i) + 1;
      if (i == 0)
      {
         break;
      }
   }
   return null;
}

function ShowHide(id1, id2, id3)
{
   var res = expMenu(id1);
   if (id2 != '')
   {
      expMenu(id2);
   }
   if (id3 != '')
   {
      SetCookie(id3, res, exp);
   }
}

function expMenu(id)
{
   var itm = null;
   if (document.getElementById)
   {
      itm = document.getElementById(id);
   }
   else if (document.all)
   {
      itm = document.all[id];
   }
   else if (document.layers)
   {
      itm = document.layers[id];
   }
   if (!itm)
   {
      // do nothing
   }
   else if (itm.style)
   {
      if (itm.style.display == "none")
      {
         itm.style.display = "";
         return 1;
      }
      else
      {
         itm.style.display = "none";
         return 2;
      }
   }
   else
   {
      itm.visibility = "show";
      return 1;
   }
}
</script>


Auteur Message
sheitan
Membre


Hors ligne
Membre

Inscrit le: 06 Nov 2006
Messages: 46
Niveau:
Point(s): 46
Moyenne: 1,00
Windows XP (ou plus ancien) Firefox (ou l'un de ses dérivés : Minefield/Pale Moon/...) Masculin Taureau (20avr-20mai)

MessagePosté le: Mar 18 Déc 2007 - 01:32    Sujet du message: [Tuto] Cacher/Montrer les catégories Répondre en citant

Bonsoir altaïr,
comment fais tu pour le clique sur l'entête
et le changement de couleur de l'entête avec le thême subportal?
merci Wink
_______________________
Espace-bonsaï
----------------------------------------------------------------


Forum
Auteur Message
DrifterA


Hors ligne
Invité




MessagePosté le: Mar 18 Déc 2007 - 11:18    Sujet du message: [Tuto] Cacher/Montrer les catégories Répondre en citant

Bonjour,

J'aurais une question :
Est-ce normal que lorsque je clique sur le bouton qui est sencé hide, je n'ai aucun changement ? (Les codes ont bien été copiés collés, insérés au bon endroit, mais rien ne se passe.)
Même sur votre exemple, j'ai beau cliquer sur "l'apostrophe vers le haut" je n'ai rien qui se rétracte.
(J'ai essayé sous IE pour voir si c'était Mozilla qui m'en empêchait, mais le résultat est à l'identique.)

Pour information, mon thème est DustyGreen.


Auteur Message
themalin
Membre


Hors ligne
Membre

Inscrit le: 19 Avr 2006
Messages: 8 897
Point(s): 9 101
Moyenne: 1,02
Mac Firefox (ou l'un de ses dérivés : Minefield/Pale Moon/...)

MessagePosté le: Mar 18 Déc 2007 - 11:19    Sujet du message: [Tuto] Cacher/Montrer les catégories Répondre en citant

bonjour

vide ton cache et réessayes après

http://xooit.xooit.com/t3097-%5BGuide%5D-Vider-le-cache.htm
_______________________


Forum
Auteur Message
DrifterA


Hors ligne
Invité




MessagePosté le: Mar 18 Déc 2007 - 11:24    Sujet du message: [Tuto] Cacher/Montrer les catégories Répondre en citant

Merci de répondre si vite !

Je viens de vider mon cache comme indiqué sur le topc et ai essayé de nouveau sur mon forum et l'exemple, mais le résultat demeure inchangé : Aucun mouvement.


Auteur Message
altair


Hors ligne
Invité




MessagePosté le: Mar 18 Déc 2007 - 12:13    Sujet du message: [Tuto] Cacher/Montrer les catégories Répondre en citant

Bonjour

@ DrifterA
comme cité sur le tutoriel chaque thème doit être modifier différement
l'exemple d'en haut c'est juste pour Olympus_Xooit
donc tu dois mettre ici ton template index_body.tpl à l'intérieur des balises code





@ sheitan

sur le code précédemment modifié dans index_body.tpl
entre BEGIN catrow et END catrow
Code: Sélectionner - Agrandir
<!-- BEGIN catrow -->
<table width="100%" cellpadding="2" cellspacing="1" border="0" class="forumline">
<tbody id="cat_{catrow.CAT_ID}_f_h" style="display: none;">
        <tr>
<td class="catLeft" align="center" colspan="5" height="25"><img style="padding-right: 5px; float: right; cursor: pointer;" src="http://img2.xooimage.com/files/7/7/e/up-1f5317.gif" onclick="javascript:ShowHide('cat_{catrow.CAT_ID}_f','cat_{catrow.CAT_ID}_f_h','cat_{catrow.CAT_ID}_f');" alt="Show"><span class="cattitle"><a href="{catrow.U_VIEWCAT}" class="cattitle">{catrow.CAT_DESC}</a></span></td>
   </tr>
</tbody>

<tbody id="cat_{catrow.CAT_ID}_f">
<script type="text/javascript">
<!--
tmp = 'cat_{catrow.CAT_ID}_f';
if(GetCookie(tmp) == '2')
{
   ShowHide('cat_{catrow.CAT_ID}_f', 'cat_{catrow.CAT_ID}_f_h', 'cat_{catrow.CAT_ID}_f');
}
//-->
</script>

        <tr>
<td class="catLeft" align="center" colspan="5" height="25"><img style="padding-right: 5px; float: right; cursor: pointer;" src="http://img4.xooimage.com/files/d/e/b/down-1f5318.gif" onclick="javascript:ShowHide('cat_{catrow.CAT_ID}_f','cat_{catrow.CAT_ID}_f_h','cat_{catrow.CAT_ID}_f');" alt="Hide"><span class="cattitle"><a href="{catrow.U_VIEWCAT}" class="cattitle">{catrow.CAT_DESC}</a></span></td>
   </tr>
   
  <tr>
   <th colspan="2" class="thCornerL" height="25" nowrap="nowrap">&nbsp;{L_FORUM}&nbsp;</th>
   <th width="50" class="thTop" nowrap="nowrap">&nbsp;{L_TOPICS}&nbsp;</th>
   <th width="50" class="thTop" nowrap="nowrap">&nbsp;{L_POSTS}&nbsp;</th>
   <th class="thCornerR" nowrap="nowrap">&nbsp;{L_LASTPOST}&nbsp;</th>
  </tr>
 
  <!-- BEGIN forumrow -->
   <tr>
   <td class="row1" align="center" valign="middle" height="50"><img src="{catrow.forumrow.FORUM_FOLDER_IMG}" width="46" height="25" alt="{catrow.forumrow.L_FORUM_FOLDER_ALT}" title="{catrow.forumrow.L_FORUM_FOLDER_ALT}"></td>   
   
<td class="row1" width="100%" height="50">
         <!-- BEGIN switch_ficons -->
         <table cellspacing="0" cellpadding="0"><tr><td>{catrow.forumrow.FORUM_ICON}</td><td>
         <!-- END switch_ficons -->
         <span class="forumlink"><a href="{catrow.forumrow.U_VIEWFORUM}" class="forumlink">¤&nbsp;{catrow.forumrow.FORUM_NAME}</a><br>
     </span> <span class="genmed">{catrow.forumrow.FORUM_DESC}
          <!-- BEGIN switch_has_subforums -->
          <br>
          <!-- END switch_has_subforums -->
          <!-- BEGIN subforumrow -->
          <img src="{catrow.forumrow.subforumrow.FORUM_FOLDER_IMG}" alt="{catrow.forumrow.subforumrow.L_FORUM_FOLDER_ALT}"><a href="{catrow.forumrow.subforumrow.U_VIEWFORUM}" class="postlink">{catrow.forumrow.subforumrow.FORUM_NAME}</a>
          <!-- END subforumrow -->
          <br>
     </span>
          <!-- BEGIN switch_ficons -->
          </td></tr></table>
          <!-- END switch_ficons -->
</td>
   <td class="row2" 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="row2" align="center" valign="middle" height="50" nowrap="nowrap"><span class="gensmall"><font>•</font>&nbsp;{catrow.forumrow.LAST_POST}</span></td>
  </tr>
           <!-- END forumrow -->
</tbody>
</table>
<br />
           <!-- END catrow -->


tu cherches
Code: Sélectionner - Agrandir
<td class="catLeft" align="center" colspan="5" height="25"><img style="padding-right: 5px; float: right; cursor: pointer;" src="http://img2.xooimage.com/files/7/7/e/up-1f5317.gif" onclick="javascript:ShowHide('cat_{catrow.CAT_ID}_f','cat_{catrow.CAT_ID}_f_h','cat_{catrow.CAT_ID}_f');" alt="Show">

et tu remplaces par
Code: Sélectionner - Agrandir
<td class="catLeft2" align="center" colspan="5" height="25" onclick="javascript:ShowHide('cat_{catrow.CAT_ID}_f','cat_{catrow.CAT_ID}_f_h','cat_{catrow.CAT_ID}_f');"><img style="padding-right: 5px; float: right; cursor: pointer;" src="http://img2.xooimage.com/files/7/7/e/up-1f5317.gif" alt="Show">


tu cherches
Code: Sélectionner - Agrandir
<td class="catLeft" align="center" colspan="5" height="25"><img style="padding-right: 5px; float: right; cursor: pointer;" src="http://img4.xooimage.com/files/d/e/b/down-1f5318.gif" onclick="javascript:ShowHide('cat_{catrow.CAT_ID}_f','cat_{catrow.CAT_ID}_f_h','cat_{catrow.CAT_ID}_f');" alt="Hide">

tu remplaces par
Code: Sélectionner - Agrandir
<td class="catLeft" align="center" colspan="5" height="25" onclick="javascript:ShowHide('cat_{catrow.CAT_ID}_f','cat_{catrow.CAT_ID}_f_h','cat_{catrow.CAT_ID}_f');"><img style="padding-right: 5px; float: right; cursor: pointer;" src="http://img4.xooimage.com/files/d/e/b/down-1f5318.gif" alt="Hide">


dans overall_header.tpl
ajoutez avant </style>
Citation:
td.catLeft2 {
background-image: url(http://img.xooimage.com/files2/4/7/a/cellpic1-35d9d-6d82b.gif);
background-color:#D1D2B6; border: #D0C9C5; border-style: solid; height: 28px;
border-width: 0px 0px 0px 1px;
}

remplacez ce qui est en rouge par le lien d'une autre image




Dernière édition par altair le Mar 18 Déc 2007 - 20:40; édité 1 fois
Auteur Message
DrifterA


Hors ligne
Invité




MessagePosté le: Mar 18 Déc 2007 - 18:20    Sujet du message: [Tuto] Cacher/Montrer les catégories Répondre en citant

Voici mon code :


 
Code: Sélectionner - Agrandir
 <table width="100%" cellspacing="0" cellpadding="2" border="0" align="center">
  <tr>
    <td align="left" valign="bottom"><span class="gensmall">
    <!-- BEGIN switch_user_logged_in -->
    {LAST_VISIT_DATE}<br />
    <!-- END switch_user_logged_in -->
    {CURRENT_TIME}<br /></span><span class="nav"><a href="{U_INDEX}" class="nav">{L_INDEX}</a></span></td>
    <td align="right" valign="bottom" class="gensmall">
        <!-- BEGIN switch_user_logged_in -->
        <a href="{U_SEARCH_NEW}" class="gensmall">{L_SEARCH_NEW}</a><br /><a href="{U_SEARCH_SELF}" class="gensmall">{L_SEARCH_SELF}</a><br />
        <!-- END switch_user_logged_in -->
        <a href="{U_SEARCH_UNANSWERED}" class="gensmall">{L_SEARCH_UNANSWERED}</a></td>
  </tr>
</table>

<table width="100%" cellpadding="0" cellspacing="0" border="0" class="forumline">
  <tr>
    <th colspan="2" class="thCornerL" height="25" nowrap="nowrap">&nbsp;{L_FORUM}&nbsp;</th>
    <th width="50" class="thTop" nowrap="nowrap">&nbsp;{L_TOPICS}&nbsp;</th>
    <th width="50" class="thTop" nowrap="nowrap">&nbsp;{L_POSTS}&nbsp;</th>
    <th class="thCornerR" nowrap="nowrap">&nbsp;{L_LASTPOST}&nbsp;</th>
  </tr>
  <!-- BEGIN catrow -->
  <tr>
    <td class="catLeft" colspan="2" height="28"><span class="cattitle"><a href="{catrow.U_VIEWCAT}" class="cattitle">{catrow.CAT_DESC}</a></span></td>
    <td class="rowpic" colspan="3" align="right">&nbsp;</td>
  </tr>
  <!-- BEGIN forumrow -->
  <tr>
    <td class="row1" align="center" valign="middle" height="50"><img src="{catrow.forumrow.FORUM_FOLDER_IMG}" width="46" height="25" alt="{catrow.forumrow.L_FORUM_FOLDER_ALT}" title="{catrow.forumrow.L_FORUM_FOLDER_ALT}" /></td>
    <td class="row1" width="100%" height="50"><span class="forumlink"> <a href="{catrow.forumrow.U_VIEWFORUM}" class="forumlink">{catrow.forumrow.FORUM_NAME}</a><br />
      </span> <span class="genmed">{catrow.forumrow.FORUM_DESC}<br />
      </span><span class="gensmall">{catrow.forumrow.L_MODERATOR} {catrow.forumrow.MODERATORS}</span></td>
    <td class="row2" 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="row2" align="center" valign="middle" height="50" nowrap="nowrap"> <span class="gensmall">{catrow.forumrow.LAST_POST}</span></td>
  </tr>
  <!-- END forumrow -->
  <!-- END catrow -->
</table>

<table width="100%" cellspacing="0" border="0" align="center" cellpadding="0">
  <tr>
    <td align="left"><span class="gensmall"><a href="{U_MARK_READ}" class="gensmall">{L_MARK_FORUMS_READ}</a></span></td>
    <td align="right"><span class="gensmall">{S_TIMEZONE}</span></td>
  </tr>
</table>

<table width="100%" cellpadding="0" cellspacing="0" border="0" class="forumline">
  <tr>
    <td class="catHead" colspan="2" height="28"><span class="cattitle"><a href="{U_VIEWONLINE}" class="cattitle">{L_WHO_IS_ONLINE}</a></span></td>
  </tr>
  <tr>
    <td class="row1" align="center" valign="middle" rowspan="2"><img src="http://img2.xooimage.com/files/w/h/whosonline-3278d.gif" alt="{L_WHO_IS_ONLINE}" /></td>
    <td class="row1" align="left" width="100%"><span class="gensmall">{TOTAL_POSTS}<br />{TOTAL_USERS}<br />{NEWEST_USER}</span>
    </td>
  </tr>
  <tr>
    <td class="row1" align="left"><span class="gensmall">{TOTAL_USERS_ONLINE} &nbsp; [ {L_WHOSONLINE_ADMIN} ] &nbsp; [ {L_WHOSONLINE_MOD} ]<br />{RECORD_USERS}<br />{LOGGED_IN_USER_LIST}</span></td>
  </tr>
</table>

<table width="100%" cellpadding="0" cellspacing="0" border="0">
    <td align="left" valign="top"><span class="gensmall">{L_ONLINE_EXPLAIN}</span></td>
</table>

<!-- BEGIN switch_user_logged_out -->
<form method="post" action="{S_LOGIN_ACTION}">
  <table width="100%" cellpadding="0" cellspacing="0" border="0" class="forumline">
    <tr>
      <td class="catHead" height="28"><a name="login"></a><span class="cattitle">{L_LOGIN_LOGOUT}</span></td>
    </tr>
    <tr>
      <td class="row1" align="center" valign="middle" height="28"><span class="gensmall">{L_USERNAME}:
        <input class="post" type="text" name="username" size="10" />
        &nbsp;&nbsp;&nbsp;{L_PASSWORD}:
        <input class="post" type="password" name="password" size="10" />
        &nbsp;&nbsp; &nbsp;&nbsp;{L_AUTO_LOGIN}
        <input class="text" type="checkbox" name="autologin" />
        &nbsp;&nbsp;&nbsp;
        <input type="submit" class="mainoption" name="login" value="{L_LOGIN}" />
        </span> </td>
    </tr>
  </table>
</form>
<!-- END switch_user_logged_out -->

<br clear="all" />

<table cellspacing="0" border="0" align="center" cellpadding="0">
  <tr>
    <td width="20" align="center"><img src="http://img3.xooimage.com/files/f/o/folder_new-3276a.gif" alt="{L_NEW_POSTS}"/></td>
    <td><span class="gensmall">{L_NEW_POSTS}</span></td>
    <td>&nbsp;&nbsp;</td>
    <td width="20" align="center"><img src="http://img4.xooimage.com/files/f/o/folder-32769.gif" alt="{L_NO_NEW_POSTS}" /></td>
    <td><span class="gensmall">{L_NO_NEW_POSTS}</span></td>
    <td>&nbsp;&nbsp;</td>
    <td width="20" align="center"><img src="http://img1.xooimage.com/files/f/o/folder_lock-2b180.gif" alt="{L_FORUM_LOCKED}" /></td>
    <td><span class="gensmall">{L_FORUM_LOCKED}</span></td>
  </tr>
</table>




Auteur Message
sheitan
Membre


Hors ligne
Membre

Inscrit le: 06 Nov 2006
Messages: 46
Niveau:
Point(s): 46
Moyenne: 1,00
Windows XP (ou plus ancien) Firefox (ou l'un de ses dérivés : Minefield/Pale Moon/...) Masculin Taureau (20avr-20mai)

MessagePosté le: Ven 21 Déc 2007 - 20:38    Sujet du message: [Tuto] Cacher/Montrer les catégories Répondre en citant

Bonsoir althaïr,
merci pour le code ça fonctionne parfaitement Wink
comment je peux faire pour l'adapter à d'autre cellule comme le chat,
j'ai essayé en vain de trafiquer le code que tu as donné plus haut à F@BuLouS
mais je n'y parvient pas. undecided

autre question: comment faire pour que les liens d'entêtes des catégorie ne pointe pas vers les pages actuel mais qu'il servent juste à ouvrir ou fermer la cellule.

une dernière: comment as tu fait pour que la transition des couleurs deviennent violette avant de passer au bleu, tu utilise la fonction css "hover" ?

merci de ton aide et de ton tuto. Very Happy
_______________________
Espace-bonsaï
----------------------------------------------------------------


Forum
Auteur Message
altair


Hors ligne
Invité




MessagePosté le: Mar 1 Jan 2008 - 14:19    Sujet du message: [Tuto] Cacher/Montrer les catégories Répondre en citant

Bonjour


@ drifterA

tu cherches
Code: Sélectionner - Agrandir
  <!-- BEGIN catrow -->
  <tr>
    <td class="catLeft" colspan="2" height="28"><span class="cattitle"><a href="{catrow.U_VIEWCAT}" class="cattitle">{catrow.CAT_DESC}</a></span></td>
    <td class="rowpic" colspan="3" align="right">&nbsp;</td>
  </tr>
  <!-- BEGIN forumrow -->
tu remplaces par
Code: Sélectionner - Agrandir
  <!-- BEGIN catrow -->
  <tbody id="cat_{catrow.CAT_ID}_f_h" style="display: none;">
  <tr>
    <td class="catLeft" colspan="2" height="28"><span class="cattitle"><a href="{catrow.U_VIEWCAT}" class="cattitle">{catrow.CAT_DESC}</a></span></td>
    <td class="rowpic" colspan="3" align="right"><img style="padding-right: 5px; float: right; cursor: pointer;" src="http://img10.xooimage.com/files/a/c/c/maximise-176fb0.gif" onclick="javascript:ShowHide('cat_{catrow.CAT_ID}_f','cat_{catrow.CAT_ID}_f_h','cat_{catrow.CAT_ID}_f');" alt="Show">
</td>
  </tr>
   </tbody>
 
 <tbody id="cat_{catrow.CAT_ID}_f">
<script type="text/javascript">
<!--
tmp = 'cat_{catrow.CAT_ID}_f';
if(GetCookie(tmp) == '2')
{
   ShowHide('cat_{catrow.CAT_ID}_f', 'cat_{catrow.CAT_ID}_f_h', 'cat_{catrow.CAT_ID}_f');
}
//-->
</script>
  <tr>
    <td class="catLeft" colspan="2" height="28"><span class="cattitle"><a href="{catrow.U_VIEWCAT}" class="cattitle">{catrow.CAT_DESC}</a></span></td>
    <td class="rowpic" colspan="3" align="right"><img style="padding-right: 5px; float: right; cursor: pointer;" src="http://img4.xooimage.com/files/a/0/8/minimise-176fb7.gif" onclick="javascript:ShowHide('cat_{catrow.CAT_ID}_f','cat_{catrow.CAT_ID}_f_h','cat_{catrow.CAT_ID}_f');" alt="Hide">

</td>
  </tr>
  <!-- BEGIN forumrow -->


tu remplaces
Code: Sélectionner - Agrandir

  <!-- END forumrow -->
  <!-- END catrow -->
</table>
par
Code: Sélectionner - Agrandir
  <!-- END forumrow -->
 </tbody>
  <!-- END catrow -->
</table>


tu ajoutes avant </head> dans overall_header.tpl
Code: Sélectionner - Agrandir

<script type="text/javascript">
var PreloadFlag = false;
var expDays = 90;
var exp = new Date();
var tmp = '';
var tmp_counter = 0;
var tmp_open = 0;

exp.setTime(exp.getTime() + (expDays*24*60*60*1000));

function SetCookie(name, value)
{
   var argv = SetCookie.arguments;
   var argc = SetCookie.arguments.length;
   var expires = (argc > 2) ? argv[2] : null;
   var path = (argc > 3) ? argv[3] : null;
   var domain = (argc > 4) ? argv[4] : null;
   var secure = (argc > 5) ? argv[5] : false;
   document.cookie = name + "=" + escape(value) +
      ((expires == null) ? "" : ("; expires=" + expires.toGMTString())) +
      ((path == null) ? "" : ("; path=" + path)) +
      ((domain == null) ? "" : ("; domain=" + domain)) +
      ((secure == true) ? "; secure" : "");
}

function getCookieVal(offset)
{
   var endstr = document.cookie.indexOf(";",offset);
   if (endstr == -1)
   {
      endstr = document.cookie.length;
   }
   return unescape(document.cookie.substring(offset, endstr));
}

function GetCookie(name)
{
   var arg = name + "=";
   var alen = arg.length;
   var clen = document.cookie.length;
   var i = 0;
   while (i < clen)
   {
      var j = i + alen;
      if (document.cookie.substring(i, j) == arg)
      {
         return getCookieVal(j);
      }
      i = document.cookie.indexOf(" ", i) + 1;
      if (i == 0)
      {
         break;
      }
   }
   return null;
}

function ShowHide(id1, id2, id3)
{
   var res = expMenu(id1);
   if (id2 != '')
   {
      expMenu(id2);
   }
   if (id3 != '')
   {
      SetCookie(id3, res, exp);
   }
}

function expMenu(id)
{
   var itm = null;
   if (document.getElementById)
   {
      itm = document.getElementById(id);
   }
   else if (document.all)
   {
      itm = document.all[id];
   }
   else if (document.layers)
   {
      itm = document.layers[id];
   }
   if (!itm)
   {
      // do nothing
   }
   else if (itm.style)
   {
      if (itm.style.display == "none")
      {
         itm.style.display = "";
         return 1;
      }
      else
      {
         itm.style.display = "none";
         return 2;
      }
   }
   else
   {
      itm.visibility = "show";
      return 1;
   }
}
</script>




@ sheitan

pour le chat il suffit de suivre les même étapes cités plus haut je viens de revérifier et ça marche, sauf si tu as l'ancien code du chat

pour les titres de catégorie
tu remplaces
Code: Sélectionner - Agrandir
 alt="Show"><span class="cattitle"><a href="{catrow.U_VIEWCAT}" class="cattitle">{catrow.CAT_DESC}</a></span></td>
par
Code: Sélectionner - Agrandir
 alt="Show"><span class="cattitle"><a onclick="javascript:ShowHide('cat_{catrow.CAT_ID}_f','cat_{catrow.CAT_ID}_f_h','cat_{catrow.CAT_ID}_f');" class="cattitle">{catrow.CAT_DESC}</a></span></td>


tu remplaces
Code: Sélectionner - Agrandir
 alt="Hide"><span class="cattitle"><a href="{catrow.U_VIEWCAT}" class="cattitle">{catrow.CAT_DESC}</a></span></td>
par
Code: Sélectionner - Agrandir
 alt="Hide"><span class="cattitle"><a onclick="javascript:ShowHide('cat_{catrow.CAT_ID}_f','cat_{catrow.CAT_ID}_f_h','cat_{catrow.CAT_ID}_f');" class="cattitle">{catrow.CAT_DESC}</a></span></td>


Auteur Message
DrifterA


Hors ligne
Invité




MessagePosté le: Jeu 17 Jan 2008 - 15:23    Sujet du message: [Tuto] Cacher/Montrer les catégories Répondre en citant

Bonjour,

Après avoir oublié ce tuto pendant deux semaines, je reviens ici juste pour vous remercier et pour dire que cela marche à merveille !


Auteur Message
jawls


Hors ligne
Invité




MessagePosté le: Sam 2 Fév 2008 - 02:17    Sujet du message: [Tuto] Cacher/Montrer les catégories Répondre en citant

voila pour regarder j'ai pris un autre contenu de template original toujours pas le code demander




Code: Sélectionner - Agrandir

<table width="100%" cellspacing="0" cellpadding="2" border="0" align="center">
  <tr>
 <td align="left" valign="bottom"><span class="gensmall">
 <!-- BEGIN switch_user_logged_in -->
 {LAST_VISIT_DATE}<br />
 <!-- END switch_user_logged_in -->
 {CURRENT_TIME}<br /></span><span class="nav"><a href="{U_INDEX}" class="nav">{L_INDEX}</a></span></td>
 <td align="right" valign="bottom" class="gensmall">
  <!-- BEGIN switch_user_logged_in -->
  <a href="{U_SEARCH_NEW}" class="gensmall">{L_SEARCH_NEW}</a><br /><a href="{U_SEARCH_SELF}" class="gensmall">{L_SEARCH_SELF}</a><br />
  <!-- END switch_user_logged_in -->
  <a href="{U_SEARCH_UNANSWERED}" class="gensmall">{L_SEARCH_UNANSWERED}</a></td>
  </tr>
</table>
<!-- BEGIN catrow -->
<table width="100%" cellpadding="2" cellspacing="0" class="forumline">
<thead>
 <caption><table border="0" cellspacing="0" cellpadding="0" width="100%" class="forumheader">
 <tr>
  <td align="left" valign="bottom" width="25"><img src="http://img2.xooimage.com/files/h/d/hdr_left-30e6d.gif" width="25" height="27" alt="" /></td>
  <td align="center" class="forumheader-mid"><a href="{catrow.U_VIEWCAT}">{catrow.CAT_DESC}</a></td>
  <td align="right" valign="bottom" width="25"><img src="http://img9.xooimage.com/files/h/d/hdr_right-30e6e.gif" width="25" height="27" alt="" /></td>
 </tr></table></caption>
</thead>
<tbody>
<tr>
 <th colspan="2">{L_FORUM}</th>
 <th width="50">{L_TOPICS}</th>
 <th width="50">{L_POSTS}</th>
 <th>{L_LASTPOST}</th>
</tr>
<!-- BEGIN forumrow -->
<tr>
 <td class="row1" align="center" valign="middle" style="padding: 5px;"><img src="{catrow.forumrow.FORUM_FOLDER_IMG}" width="23" height="23" alt="{catrow.forumrow.L_FORUM_FOLDER_ALT}" title="{catrow.forumrow.L_FORUM_FOLDER_ALT}" /></td>
 <td class="row1" width="100%"><span class="forumlink"> <script language="JavaScript">FolderStart('{catrow.forumrow.FORUM_FOLDER_IMG}');</script><a href="{catrow.forumrow.U_VIEWFORUM}" class="forumlink">{catrow.forumrow.FORUM_NAME}</a><script language="JavaScript">FolderEnd();</script><br />
   </span> <span class="genmed">{catrow.forumrow.FORUM_DESC}<br />
   </span><span class="gensmall">{catrow.forumrow.L_MODERATOR} {catrow.forumrow.MODERATORS}</span></td>
 <td class="row2" align="center" valign="middle"><span class="gensmall">{catrow.forumrow.TOPICS}</span></td>
 <td class="row2" align="center" valign="middle"><span class="gensmall">{catrow.forumrow.POSTS}</span></td>
 <td class="row2" align="center" valign="middle" nowrap="nowrap"> <span class="gensmall">{catrow.forumrow.LAST_POST}</span></td>
</tr>
<!-- END forumrow -->
</tbody>
</table>
<br class="spacer" />
<!-- END catrow -->
<table width="100%" cellspacing="0" border="0" align="center" cellpadding="2">
  <tr>
 <td align="left"><span class="gensmall"><a href="{U_MARK_READ}" class="gensmall">{L_MARK_FORUMS_READ}</a></span></td>
 <td align="right"><span class="gensmall">{S_TIMEZONE}</span></td>
  </tr>
</table>
<table width="100%" cellpadding="3" cellspacing="0" class="forumline">
<thead>
 <caption><table border="0" cellspacing="0" cellpadding="0" width="100%" class="forumheader">
 <tr>
  <td align="left" valign="bottom" width="25"><img src="http://img2.xooimage.com/files/h/d/hdr_left-30e6d.gif" width="25" height="27" alt="" /></td>
  <td align="center" class="forumheader-mid"><a href="{U_VIEWONLINE}">{L_WHO_IS_ONLINE}</a></td>
  <td align="right" valign="bottom" width="25"><img src="http://img9.xooimage.com/files/h/d/hdr_right-30e6e.gif" width="25" height="27" alt="" /></td>
 </tr></table></caption>
</thead>
<tbody>
<tr>
 <td class="row1" align="center" valign="middle" rowspan="2" style="padding: 5px;"><img src="http://img1.xooimage.com/files/w/h/whosonline-25f40.gif" alt="{L_WHO_IS_ONLINE}" width="23" height="23" /></td>
 <td class="row1" align="left" width="100%"><span class="gensmall">{TOTAL_POSTS}<br />{TOTAL_USERS}<br />{NEWEST_USER}</span>
 </td>
</tr>
<tr>
 <td class="row1" align="left"><span class="gensmall">{TOTAL_USERS_ONLINE} &nbsp; [ {L_WHOSONLINE_ADMIN} ] &nbsp; [ {L_WHOSONLINE_MOD} ]<br />{RECORD_USERS}<br />{LOGGED_IN_USER_LIST}</span></td>
</tr>
</tbody>
</table>
<table width="100%" cellpadding="1" cellspacing="1" border="0">
<tr>
 <td align="left" valign="top"><span class="gensmall">{L_ONLINE_EXPLAIN}</span></td>
</tr>
</table>
<!-- BEGIN switch_user_logged_out -->
<form method="post" action="{S_LOGIN_ACTION}">
  <table width="100%" cellpadding="2" cellspacing="0" class="forumline">
<thead>
 <caption><table border="0" cellspacing="0" cellpadding="0" width="100%" class="forumheader">
 <tr>
  <td align="left" valign="bottom" width="25"><img src="http://img2.xooimage.com/files/h/d/hdr_left-30e6d.gif" width="25" height="27" alt="" /></td>
  <td align="center" class="forumheader-mid"><a name="login"></a>{L_LOGIN_LOGOUT}</td>
  <td align="right" valign="bottom" width="25"><img src="http://img9.xooimage.com/files/h/d/hdr_right-30e6e.gif" width="25" height="27" alt="" /></td>
 </tr></table></caption>
</thead>
<tbody>
 <tr>
   <td class="row1" align="center" valign="middle"><table border="0" cellspacing="0" cellpadding="1">
   <tr>
  <td><span class="gensmall">{L_USERNAME}:</span></td>
  <td><input class="post" type="text" name="username" size="10" /></td>
  <td><span class="gensmall">&nbsp;&nbsp;&nbsp;{L_PASSWORD}:</span>
  <td><input class="post" type="password" name="password" size="10" maxlength="32" /></td>
  <td><span class="gensmall">&nbsp;&nbsp; &nbsp;&nbsp;{L_AUTO_LOGIN}</span></td>
  <td width="20"><span class="cbstyled"><input type="checkbox" name="autologin" /></span></td>
  <td><span class="gensmall">&nbsp;&nbsp;&nbsp;</span></td>
  <td><input type="submit" class="mainoption" name="login" value="{L_LOGIN}" /></td>
   </tr>
   </table></td>
 </tr>
   </tbody>
  </table>
</form>
<!-- END switch_user_logged_out -->
<br clear="all" />
<table cellspacing="3" border="0" align="center" cellpadding="0">
  <tr>
 <td width="20" align="center"><img src="http://img10.xooimage.com/files/f/o/folder_new_big-30e48.gif" alt="{L_NEW_POSTS}" width="23" height="23" /></td>
 <td><span class="gensmall">{L_NEW_POSTS}</span></td>
 <td>&nbsp;&nbsp;</td>
 <td width="20" align="center"><img src="http://img2.xooimage.com/files/f/o/folder_big-30e47.gif" alt="{L_NO_NEW_POSTS}" width="23" height="23" /></td>
 <td><span class="gensmall">{L_NO_NEW_POSTS}</span></td>
 <td>&nbsp;&nbsp;</td>
 <td width="20" align="center"><img src="http://img10.xooimage.com/files/f/o/folder_locked_big-30e49.gif" alt="{L_FORUM_LOCKED}" width="23" height="23" /></td>
 <td><span class="gensmall">{L_FORUM_LOCKED}</span></td>
  </tr>
</table>


Auteur Message
jawls


Hors ligne
Invité




MessagePosté le: Sam 2 Fév 2008 - 02:23    Sujet du message: [Tuto] Cacher/Montrer les catégories Répondre en citant

toute les manipulations qui on été faites ce sont sous vos conseils et malheureusement le débutant que je suis  n'a pas garder l'original depuis je sais qu'il faut le faire  mes excuses pour cela  de toute facon si j'en reviens au depart tout ce qui a deja ete transformer sera perdu je croyais pouvoir tout simplement encore faire des transformations

Auteur Message
themalin
Membre


Hors ligne
Membre

Inscrit le: 19 Avr 2006
Messages: 8 897
Point(s): 9 101
Moyenne: 1,02
Mac Firefox (ou l'un de ses dérivés : Minefield/Pale Moon/...)

MessagePosté le: Sam 2 Fév 2008 - 12:37    Sujet du message: [Tuto] Cacher/Montrer les catégories Répondre en citant

jawls a écrit:

toute les manipulations qui on été faites ce sont sous vos conseils et malheureusement le débutant que je suis  n'a pas garder l'original depuis je sais qu'il faut le faire  mes excuses pour cela  de toute facon si j'en reviens au depart tout ce qui a deja ete transformer sera perdu je croyais pouvoir tout simplement encore faire des transformations
bonjour

si tu veux récupérer ton template d'origine
dans ton thème de test installes le même qu'en normal et copies colle de test en normal le template voulu
_______________________


Forum
Auteur Message
Contenu Sponsorisé





MessagePosté le: Aujourd’hui à 08:40    Sujet du message: [Tuto] Cacher/Montrer les catégories

Montrer les messages depuis:   
Répondre au sujet Page 1 sur 20 Aller à la page: 1, 2, 318, 19, 20  >




Index | Panneau d’administration | Créer un forum | Forum gratuit d’entraide | Annuaire des forums gratuits | Signaler une violation | Conditions générales d'utilisation
Propulsé par p h p B B © 2016 p h p B B Group | Traduction par : phpBB-fr.com
 
© 2003-2013 Xooit.com - Contact - Mentions légales - CGU - Charte - CNIL : 1381401