La date/heure actuelle est Jeu 19 Oct 2017 - 05:20 - 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
kieffer


Inscrit le: 12 Nov 2009
Messages: 412

MessagePosté le: Ven 28 Nov 2014 - 12:31    Sujet du message: [Tuto] Cacher/Montrer les catégories Répondre en citant

PublicitéSupprimer les publicités ?
Revue du message précédent :

bonjour moi aussi en pleine refonte d'un forum je suis confronté au meme souci si un codeur passe par la

Code: Sélectionner - Agrandir

<table width="100%" cellspacing="0" cellpadding="10" 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>
{GLANCE_OUTPUT}
<!-- BEGIN catrow -->

<table width="98%" border="0" cellpadding="0" cellspacing="0" align="center">
 <tr>
  <td width="11"><img src="http://img.xooimage.com/files9/0/d/1/hg-1d1348.png" width="11" height="47" alt="hg" /></td>
   <td class="hm" align="center"><span class="forumlink" style="color:#000"><a href="{catrow.U_VIEWCAT}" class="forumlink" style="color:#000">{catrow.CAT_DESC}</a></span></td>
   <td width="11"><img src="http://img.xooimage.com/files3/e/2/d/hd-513dd1.png" width="11" height="47" alt="hd" /></td>
 </tr>
 <tr>
 <td class="mg" width="11"></td>
 <td>

<table width="100%" cellpadding="0" cellspacing="1" 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 forumrow -->
  <tr>
   <td class="row1" align="center" valign="middle" height="60"><img src="{catrow.forumrow.FORUM_FOLDER_IMG}" width="32" height="32" 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 -->
</table>

 </td>
 <td class="md" width="11"></td>
 </tr>
 <tr>
  <td width="11"><img src="http://img.xooimage.com/files2/6/8/c/bg-1d54bd.png" width="11" height="10" alt="bg" /></td>
  <td class="bm"></td>
  <td width="11"><img src="http://img.xooimage.com/files9/c/4/1/bd-1d1d47.png" width="11" height="10" alt="bd" /></td>
 </tr>
</table>

<table width="100%" border="0" cellspacing="0" cellpadding="0"><tr><td><br /></td></tr></table>

<!-- END catrow -->

<table width="98%" 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="98%" cellpadding="0" cellspacing="0" border="0" align="center">
 <tr>
               <td width="11"><img src="http://img.xooimage.com/files9/0/d/1/hg-1d1348.png" width="11" height="47" alt="hg" />/</td>
               <td class="hm" width="100%" align="left"><a href="{U_VIEWONLINE}" class="cattitle">{L_WHO_IS_ONLINE}</a></td>
               <td width="11"><img src="http://img.xooimage.com/files3/e/2/d/hd-513dd1.png" width="11" height="47" alt="hd" /></td>
            </tr>
  <tr>
    <td class="mg" width="11"></td>
   <td>
<table width="100%" cellpadding="3" cellspacing="1" border="0" class="forumline">
  <tr>
   <td class="row1" align="center" valign="middle" rowspan="2"><img src="http://img.xooimage.com/files4/f/d/d/icon_mini_groups-f77ae-1d33e68.png" 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>
</td>
<td class="md" width="11"></td>
</tr>
  <tr>
   <td width="11"><img src="http://img.xooimage.com/files2/6/8/c/bg-1d54bd.png" width="11" height="10" alt="bg" /></td>
   <td class="bm" width="100%"></td>
   <td width="11"><img src="http://img.xooimage.com/files9/c/4/1/bd-1d1d47.png" width="11" height="10" alt="bd" /></td>
  </tr>
</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>
<br />
<!-- BEGIN switch_user_logged_out -->
<form method="post" action="{S_LOGIN_ACTION}">
  <table width="98%" cellpadding="3" cellspacing="1" border="0" class="forumline" align="center">
   <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" maxlength="32" />
      <!-- BEGIN switch_allow_autologin -->
      &nbsp;&nbsp; &nbsp;&nbsp;{L_AUTO_LOGIN}
      <input class="text" type="checkbox" name="autologin" />
      <!-- END switch_allow_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="3" border="0" align="center" cellpadding="0">
  <tr>
   <td width="32" align="center"><img src="http://img.xooimage.com/files110/4/d/7/mail-png-copie-48c9b90.png" alt="{L_NEW_POSTS}" /></td>
   <td><span class="gensmall">{L_NEW_POSTS}</span></td>
   <td>&nbsp;&nbsp;</td>
   <td width="32" align="center"><img src="http://img.xooimage.com/files110/c/f/c/winrar-library-copie-48c9b81.png" alt="{L_NO_NEW_POSTS}" /></td>
   <td><span class="gensmall">{L_NO_NEW_POSTS}</span></td>
   <td>&nbsp;&nbsp;</td>
   <td width="32" align="center"><img src="http://img.xooimage.com/files110/1/f/2/locked-copie-48c9b7b.png" alt="{L_FORUM_LOCKED}" /></td>
   <td><span class="gensmall">{L_FORUM_LOCKED}</span></td>
  </tr>
</table>

Forum
Auteur Message
Annibal
Membre


Hors ligne
Membre

Inscrit le: 19 Nov 2014
Messages: 4
Niveau:
Point(s): 4
Moyenne: 1,00
Internet Explorer Masculin Capricorne (22déc-19jan)

MessagePosté le: Dim 30 Nov 2014 - 23:35    Sujet du message: [Tuto] Cacher/Montrer les catégories Répondre en citant

j espere qu l on vas avoir de la chance §....

Forum
Auteur Message
kieffer
Membre


Hors ligne
Membre

Inscrit le: 12 Nov 2009
Messages: 412
Niveau:
Point(s): 397
Moyenne: 0,96
Mac Chrome (ou l'un de ses dérivés : Chromium/Iron/...) Masculin Gémeaux (21mai-20juin)

MessagePosté le: Dim 30 Nov 2014 - 23:53    Sujet du message: [Tuto] Cacher/Montrer les catégories Répondre en citant

oui un nouveau script peut etre plus simple d'installation serait bienvenue
_______________________
Membre fondateur de Graphcode
Forum d'entraide gratuit graphisme et code multi-plateformes
Ressources photoshop et gimp gratuites



Forum
Auteur Message
Annibal
Membre


Hors ligne
Membre

Inscrit le: 19 Nov 2014
Messages: 4
Niveau:
Point(s): 4
Moyenne: 1,00
Internet Explorer Masculin Capricorne (22déc-19jan)

MessagePosté le: Lun 1 Déc 2014 - 23:39    Sujet du message: [Tuto] Cacher/Montrer les catégories Répondre en citant

Bien d accord avec toi, mais la visiblement plus de suivi de ce post. Domage

Forum
Auteur Message
kieffer
Membre


Hors ligne
Membre

Inscrit le: 12 Nov 2009
Messages: 412
Niveau:
Point(s): 397
Moyenne: 0,96
Mac Chrome (ou l'un de ses dérivés : Chromium/Iron/...) Masculin Gémeaux (21mai-20juin)

MessagePosté le: Ven 12 Déc 2014 - 00:39    Sujet du message: [Tuto] Cacher/Montrer les catégories Répondre en citant

c'est pas glop j'avais deja l'approche des image sniff


_______________________
Membre fondateur de Graphcode
Forum d'entraide gratuit graphisme et code multi-plateformes
Ressources photoshop et gimp gratuites



Forum
Auteur Message
kieffer
Membre


Hors ligne
Membre

Inscrit le: 12 Nov 2009
Messages: 412
Niveau:
Point(s): 397
Moyenne: 0,96
Mac Chrome (ou l'un de ses dérivés : Chromium/Iron/...) Masculin Gémeaux (21mai-20juin)

MessagePosté le: Mer 11 Fév 2015 - 17:22    Sujet du message: [Tuto] Cacher/Montrer les catégories Répondre en citant

pas de réponses depuis le 12 décembre sniff sniff
_______________________
Membre fondateur de Graphcode
Forum d'entraide gratuit graphisme et code multi-plateformes
Ressources photoshop et gimp gratuites



Forum
Auteur Message
R-max
Membre


Hors ligne
Membre

Inscrit le: 07 Sep 2014
Messages: 180
Point(s): 197
Moyenne: 1,09
Windows Vista ou 7 Chrome (ou l'un de ses dérivés : Chromium/Iron/...) Masculin Scorpion (23oct-21nov)

MessagePosté le: Mer 11 Fév 2015 - 17:53    Sujet du message: [Tuto] Cacher/Montrer les catégories Répondre en citant

slt 


ça manque cruellement de développeur et de codeur ....


mais x-machin n'est pas loin de vous trouvez un code  Razz .....


bonne journée 


Forum
Auteur Message
Cinfonie
Membre


Hors ligne
Membre

Inscrit le: 29 Avr 2014
Messages: 199
Point(s): 201
Moyenne: 1,01
Windows Vista ou 7 Internet Explorer Féminin Poissons (20fev-20mar) 馬 Cheval

MessagePosté le: Jeu 12 Fév 2015 - 21:56    Sujet du message: [Tuto] Cacher/Montrer les catégories Répondre en citant

Le système fonctionne très bien. Nous, sur ForumAmi, nous l'avons installé et n'avons aucun problème avec.
_______________________
http://forumami.clicforum.fr/index.php


Forum
Auteur Message
VERTYODA
Membre


Hors ligne
Membre

Inscrit le: 10 Fév 2017
Messages: 21
Point(s): 21
Moyenne: 1,00
Windows Vista ou 7 Chrome (ou l'un de ses dérivés : Chromium/Iron/...) Masculin Bélier (21mar-19avr) 鷄 Coq

MessagePosté le: Mar 30 Mai 2017 - 16:08    Sujet du message: [Tuto] Cacher/Montrer les catégories Répondre en citant

Bonjour
J'ai appliquer le tuto sur un forum que j'ai créé pour faire les tests avant de les appliquer au forum Normal ,ainsi que les modifs demandé par sheitan
Le Thème est Simplicity --> Forum de test http://vertytestforum.clicforum.com/index.php
Pas de difficultés particulières pour que çà marche en modifiant les deux templates concernés
Néanmoins je me suis retrouvé avec une barre grise à la place de la barre effet dégradé et j'avais le curseur text a la place du curseur Pointer quand on cliquait sur le titre de la catégorie.
J'ai donc modifié le template Index_Body.tpl de cette façon
entre <!-- BEGIN catrow --> et <!-- BEGIN forumrow --> avant de retrouver le curseur en forme de main et avoir mon image de dégradé et avoir la ligne bleu (Forum,sujets,messages,derniers messages sous les nom des catégories.
code du 1er spoiler


Code: Sélectionner - Agrandir

  <!-- BEGIN catrow -->
 
 <tbody id="cat_{catrow.CAT_ID}_f_h" style="display: none;">

 <tr>

   <td class="catLeft" align="center" colspan="5" height="28">
      /* Partie modifier pour rendre le titre cliquable avec le curseur en forme de main
      ----------------------------------------------------------------------------------*/
      <span class="cattitle"><a onclick="javascript:ShowHide('cat_{catrow.CAT_ID}_f',
        'cat_{catrow.CAT_ID}_f_h','cat_{catrow.CAT_ID}_f')" onmouseover="" style="cursor: pointer;
        "class="cattitle">{catrow.CAT_DESC}</a>
      </span>
   </td>
      /* pour que les icones + et - se trouvent a droite sur l'image
      -------------------------------------------------------------*/
      <td class= "rowpic" colspan="3"><img src="images/spacer.gif"
         alt="" min-width="280" height="12"><img style="padding-right: 5px;   float: right; cursor: pointer;"
         src="http://img.xooimage.com/files6/4/2/0/maximize-63700a.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" align="center" colspan="5" height="28">
       /* Partie modifier pour rendre le titre cliquable avec le curseur en forme de main
       ----------------------------------------------------------------------------------*/
       <span class="cattitle"><a onclick="javascript:ShowHide('cat_{catrow.CAT_ID}_f','cat_{catrow.CAT_ID}_f_h',
         'cat_{catrow.CAT_ID}_f')" onmouseover="" style="cursor: pointer;
         "class="cattitle">{catrow.CAT_DESC}</a>
       </span>
    </td>
       /* pour que les icones + et - se trouvent a droite sur l'image
       -------------------------------------------------------------*/     
    <td class="rowpic" colspan="3"><img src="images/spacer.gif"
       alt="" min-width="280" height="12"><img style="padding-right: 5px; float: right; cursor: pointer;"
       src="http://img.xooimage.com/files3/c/a/2/minimize3-636fab.gif"
       onclick="javascript:ShowHide('cat_{catrow.CAT_ID}_f','cat_{catrow.CAT_ID}_f_h','cat_{catrow.CAT_ID}_f');"
       alt="Hide">
    </td>
   
 </tr>

/* Partie Déplacée pour avoir la ligne bleu (Forum,Sujets,Messages,Derniers Messages) Sous la ligne catégorie
-------------------------------------------------------------------------------------------------------------*/
<tr>
    <th colspan="5" class="thCornerL" height="25" width="70%" align="left" 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" Width="180" nowrap="nowrap">&nbsp;{L_LASTPOST}&nbsp;</th>
</tr>
/*-----------------------------------------------------------------------------------------------------------*/

<!-- BEGIN forumrow -->


Mais j'avais un décalage de la ligne bleu qui se calait sous la barre grise catégorie et non pas sous l'ensemble Barre grise et dégradé (Image/spacer.gif)
J'ai donc modifié la ligne
sous <!-- BEGIN forumrow --> en rajoutant colspan="4" pour régler le problème
mais je trouve bizarre donc je pense que l'ensemble de mon code n'est pas correcte , car en plus lorsque tous les catégories sont cachés,il y a un effet d'allongement et de rétrécissement de l'ensemble de la barre.
Code: Sélectionner - Agrandir

<!-- BEGIN forumrow -->

<tr>
<td class="row1" colspan="4"*height="45"><img src="{catrow.forumrow.FORUM_FOLDER_IMG}" alt="{catrow.forumrow.L_FORUM_FOLDER_ALT}" title="{catrow.forumrow.L_FORUM_FOLDER_ALT}" /></td>
<td class="row1" width="100%"><a href="{catrow.forumrow.U_VIEWFORUM}" class="nav">{catrow.forumrow.FORUM_NAME}</a><br />
<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"><span class="gensmall">{catrow.forumrow.TOPICS}</span></td>
<td class="row2" align="center"><span class="gensmall">{catrow.forumrow.POSTS}</span></td>
<td class="row2" align="center" nowrap="nowrap"><span class="gensmall">{catrow.forumrow.LAST_POST}</span></td>
</tr>
<!-- END forumrow -->


Si un expert peut regarder ce code et me dire ce qui ne va pas , si besoin je mettrais le code complete de index_body.tpl
Dommage que le thème de http://salon-du-maroc.clicforum.fr/index.php ne soit pas dans les thèmes xooit , c'est pas mal ce qu'ils ont fait
En espérant avoir été clair dans mes explications.
Merci d'avance
@plus


Forum
Auteur Message
RotorMan
Modérateur


Hors ligne
Modérateur

Inscrit le: 21 Déc 2006
Messages: 857
Niveau:
Point(s): 855
Moyenne: 1,00
Windows 8 ou 10 Firefox (ou l'un de ses dérivés : Minefield/Pale Moon/...) Masculin Bélier (21mar-19avr) 龍 Dragon

MessagePosté le: Mar 30 Mai 2017 - 16:37    Sujet du message: [Tuto] Cacher/Montrer les catégories Répondre en citant

Bonjour,

De mon côté, je ne vois rien de spécial, tout s'affiche correctement.





Cordialement
_______________________
Aucune aide par MP. Le forum d'entraide est fait pour cela.
La lecture du règlement est obligatoire
50 balais mais 30 dans ma tête.
Discord - Twitter


Forum
Auteur Message
VERTYODA
Membre


Hors ligne
Membre

Inscrit le: 10 Fév 2017
Messages: 21
Point(s): 21
Moyenne: 1,00
Windows Vista ou 7 Chrome (ou l'un de ses dérivés : Chromium/Iron/...) Masculin Bélier (21mar-19avr) 鷄 Coq

MessagePosté le: Mar 30 Mai 2017 - 17:17    Sujet du message: [Tuto] Cacher/Montrer les catégories Répondre en citant

Bonjour Rotorman

Tout s'affiche correctement mais regardes mes images avec les annotations en rouge.
Et le code te semble correcte ? , car pourquoi a t il fallu que je rajoute colspan="4"





Il y a peut être rien a faire

Cordialement


Forum
Auteur Message
Contenu Sponsorisé





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

Montrer les messages depuis:   
Répondre au sujet Page 20 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