It is currently Mon 26 Sep 2016 - 10:42 - créer un forum

[Tuto] Cacher/Montrer les catégories

Skip to content

Post new topic Reply to topic Goto page: 1, 2, 318, 19, 20  >

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


Offline
Guest




PostPosted: Mon 22 Oct 2007 - 16:17    Post subject: [Tuto] Cacher/Montrer les catégories Reply with quote

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...



Last edited by altair on Wed 9 Jan 2008 - 22:17; edited 2 times in total
Author Message
F@BuLouS


Offline
Guest




PostPosted: Sun 2 Dec 2007 - 15:20    Post subject: [Tuto] Cacher/Montrer les catégories Reply with quote

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

Author Message
altair


Offline
Guest




PostPosted: Mon 17 Dec 2007 - 13:58    Post subject: [Tuto] Cacher/Montrer les catégories Reply with quote

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>


Author Message
sheitan
Membre


Offline
Membre

Joined: 06 Nov 2006
Posts: 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)

PostPosted: Tue 18 Dec 2007 - 01:32    Post subject: [Tuto] Cacher/Montrer les catégories Reply with quote

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
Author Message
DrifterA


Offline
Guest




PostPosted: Tue 18 Dec 2007 - 11:18    Post subject: [Tuto] Cacher/Montrer les catégories Reply with quote

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.


Author Message
themalin
Membre


Offline
Membre

Joined: 19 Apr 2006
Posts: 8,897
Point(s): 9,101
Moyenne: 1.02
Mac Firefox (ou l'un de ses dérivés : Minefield/Pale Moon/...)

PostPosted: Tue 18 Dec 2007 - 11:19    Post subject: [Tuto] Cacher/Montrer les catégories Reply with quote

bonjour

vide ton cache et réessayes après

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


Forum
Author Message
DrifterA


Offline
Guest




PostPosted: Tue 18 Dec 2007 - 11:24    Post subject: [Tuto] Cacher/Montrer les catégories Reply with quote

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.


Author Message
altair


Offline
Guest




PostPosted: Tue 18 Dec 2007 - 12:13    Post subject: [Tuto] Cacher/Montrer les catégories Reply with quote

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>
Quote:
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




Last edited by altair on Tue 18 Dec 2007 - 20:40; edited 1 time in total
Author Message
DrifterA


Offline
Guest




PostPosted: Tue 18 Dec 2007 - 18:20    Post subject: [Tuto] Cacher/Montrer les catégories Reply with quote

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>




Author Message
sheitan
Membre


Offline
Membre

Joined: 06 Nov 2006
Posts: 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)

PostPosted: Fri 21 Dec 2007 - 20:38    Post subject: [Tuto] Cacher/Montrer les catégories Reply with quote

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
Author Message
altair


Offline
Guest




PostPosted: Tue 1 Jan 2008 - 14:19    Post subject: [Tuto] Cacher/Montrer les catégories Reply with quote

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>


Author Message
DrifterA


Offline
Guest




PostPosted: Thu 17 Jan 2008 - 15:23    Post subject: [Tuto] Cacher/Montrer les catégories Reply with quote

Bonjour,

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


Author Message
jawls


Offline
Guest




PostPosted: Sat 2 Feb 2008 - 02:17    Post subject: [Tuto] Cacher/Montrer les catégories Reply with quote

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>


Author Message
jawls


Offline
Guest




PostPosted: Sat 2 Feb 2008 - 02:23    Post subject: [Tuto] Cacher/Montrer les catégories Reply with quote

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

Author Message
themalin
Membre


Offline
Membre

Joined: 19 Apr 2006
Posts: 8,897
Point(s): 9,101
Moyenne: 1.02
Mac Firefox (ou l'un de ses dérivés : Minefield/Pale Moon/...)

PostPosted: Sat 2 Feb 2008 - 12:37    Post subject: [Tuto] Cacher/Montrer les catégories Reply with quote

jawls wrote:

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
Author Message
Contenu Sponsorisé





PostPosted: Today at 10:42    Post subject: [Tuto] Cacher/Montrer les catégories

Display posts from previous:   
Reply to topic Page 1 of 20 Goto page: 1, 2, 318, 19, 20  >




Portal | Index | Administration Panel | Create a forum | Free support forum | Free forums directory | Report a violation | Conditions générales d'utilisation
Propulsé par p h p B B © 2016 p h p B B Group |
 
© 2003-2013 Xooit.com - Contact - Mentions légales - CGU - Charte - CNIL : 1381401