Problèmes affichages sous forums.

[Totomi]

Bonjour,

Comme le dit mon titre j'ai un problème avec l'affichage des sous forum de mon forum, j'ai tout d'abord essayé de me débrouiller seule via une modification dans structure et hiérarchie mais cela m'amène un autre problème. En fait en passant en structure "aucun" j'ai également le cadre des derniers messages qui s'affiche sous la catégorie et en mode moyen je n'ai pas mes sous forums. Je pense que cela vient du template mais j'avoue ne rien y connaitre et donc ne pas pouvoir faire grand chose.




Je mets également mon template index-box:

Spoiler:

Concernant le cadre autour du dernier message je voudrais seulement le garder quand on clique sur la catégorie et non comme sur l'image.

Mon forum est en PhpBB2, j'en suis la fondatrice et voici le forum test http://forum-de-test.creerforumgratuit.com/c1-pour-debuter?tt=1

[Totomi]

Je up

[Grey.]

Coucou,
Je n'ai bien compris ce que tu veux avoir comme résultat. Tu veux que tes sous-forums s'affichent ou ?

[Totomi]

Bonjour,
En fait je voudrais simplement qu'il s'affiche sous l'image mais juste avec les titres pas qu'il y ait des cadres en plus. Merci de t’occuper de mon problème.

[Grey.]

Coucou,
Alors pour cela tu vas dans Affichage > Page d'accueil > structure et hiérarchie et tu choisis: séparer les catégories sur l'index/moyen.

Ensuite un peu plus en bas sur la même page tu trouveras: Lien vers les niveaux inférieurs et là tu coches le "Oui".

Et le tour est joué
Bonne fin de journée.

[Totomi]

Le seul problème c'est qu'il s'agit de la configuration dans laquelle je suis, je pense donc que mon problème viens du template.

[Grey.]

Ah je vois alors voilà j'ai changé tes templates:

Code:

<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1/jquery.min.js"></script>

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


<!-- DEBUT MODIF ONGLETS -->

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

document.write('<div align="center" style="display:none;" id="conteneur_barre_onglet">
<ul class="conteneur_onglets">

<li onClick="change_cat(1)" class="onglet actif" id="onglet_1">Pour débuter</li>
<li onClick="change_cat(2)" class="onglet " id="onglet_2">Kuroi City</li>
<li onClick="change_cat(3)" class="onglet " id="onglet_3">Pensionnat Yûgure no Kaigi</li>
<li onClick="change_cat(4)" class="onglet " id="onglet_4">Hors jeu</li>
 
</ul></div>');

var compteur_cat = 1;

function change_cat(numero)
{
  if(document.getElementById('categorie_'+numero))
  {
      /* affichage de la bonne categorie */
      $('table[id^=categorie_]').css('display','none');
      $('table[id=categorie_'+numero+']').fadeIn();
   
      /* affichage du bon onglet */
      $('.actif').removeClass("actif");
      $('.onglet[id=onglet_'+numero+']').addClass("actif");
  }
}

function capture_cat()
{
  if(compteur_cat == 1)
  {
      document.write('<table class="forumline" id="categorie_' + compteur_cat + '" >');
  }
  else
  {
      $('#conteneur_barre_onglet').css("display","block");
      document.write('<table class="forumline" id="categorie_' + compteur_cat + '" style="display:none;">');
  }
 
  compteur_cat++;
}

//-->
</script>

<!-- BEGIN catrow --><!-- BEGIN tablehead -->

<script type="text/javascript">
<!--
  capture_cat();
//-->
</script>

<!-- FIN MODIF ONGLETS -->


<tr>
       
        <th colspan="{catrow.tablehead.INC_SPAN}" nowrap="nowrap" width="100%" class="secondarytitle"> {catrow.tablehead.L_FORUM} </th>


          </tr>
  <!-- END tablehead -->
  <!-- BEGIN cathead -->
  <tr>
      <!-- BEGIN inc -->
      <td class="{catrow.cathead.inc.INC_CLASS}" width="46"><img src="{SPACER}" height="0" width="46" /></td>
      <!-- END inc -->
      <td class="{catrow.cathead.CLASS_CAT}" colspan="{catrow.cathead.INC_SPAN}" width="100%">
        <h{catrow.cathead.LEVEL} class="hierarchy">
            <span class="cattitle">
              <a class="cattitle" title="{catrow.cathead.CAT_DESC}" href="{catrow.cathead.U_VIEWCAT}">{catrow.cathead.CAT_TITLE}</a>
            </span>
        </h{catrow.cathead.LEVEL}>
      </td>
      <td class="{catrow.cathead.CLASS_ROWPIC}" colspan="3" align="right"> </td>
  </tr>
  <!-- END cathead -->
  <!-- BEGIN forumrow -->
    <tr>
      <!-- BEGIN inc -->
      <td class="{catrow.forumrow.inc.INC_CLASS}" width="46"><img src="{SPACER}" height="0" width="46" alt="." /></td>
      <!-- END inc -->
                     
                <td class="row3 over" align="center" valign="middle" height="50" ><table><tr><td>
        <div class="stats"><span class="gensmall" align="center" valign="middle">{catrow.forumrow.POSTS} ~messages~</span></div></td></tr>
                  <tr><td><div class="dermessage"><span class="gensmall">{catrow.forumrow.LAST_POST}
      </span></div><br></td></tr></table>
                </td>
           
        <td class="row1 over" colspan="{catrow.forumrow.INC_SPAN}" valign="top" width="78%" height="50">
        <h{catrow.forumrow.LEVEL} class="hierarchy">
            <span class="forumlink">
              <a class="forumlink" href="{catrow.forumrow.U_VIEWFORUM}">{catrow.forumrow.FORUM_NAME}</a><br />
            </span>
        </h{catrow.forumrow.LEVEL}>
        <span class="genmed">{catrow.forumrow.FORUM_DESC}<br /><div class="sous-forums"{catrow.forumrow.L_LINKS}{catrow.forumrow.LINKS}</div></span>
          <span class="gensmall">
            <!-- BEGIN switch_moderators_links -->
            {catrow.forumrow.switch_moderators_links.L_MODERATOR}{catrow.forumrow.switch_moderators_links.MODERATORS}
            <!-- END switch_moderators_links -->
         
        </span>
        </span>
                  </td>
  </tr>
       
  <!-- END forumrow -->
  <!-- BEGIN catfoot -->
  <tr>
      <!-- BEGIN inc -->
      <td class="{catrow.catfoot.inc.INC_CLASS}" width="46"><img src="{SPACER}" height="0" width="46" /></td>
      <!-- END inc -->
  <!-- END forumrow -->
  <!-- BEGIN catfoot -->
  <tr>
      <!-- BEGIN inc -->
      <td class="{catrow.catfoot.inc.INC_CLASS}" width="46"><img src="{SPACER}" height="0" width="46" /></td>
      <!-- END inc -->
      <td class="spaceRow" colspan="{catrow.catfoot.INC_SPAN}" height="1"><img src="{SPACER}" alt="" height="1" width="1" /></td>
  </tr>
  <!-- END catfoot -->
  <!-- BEGIN tablefoot -->
</table><img src="{SPACER}" alt="" height="5" width="1" /><!-- END tablefoot --><!-- END catrow -->

Tu pourras personnaliser tes liens des sous-forums en mettant ce code dans ton CSS:

Code:

.sous-forums {
background-color: # ;
border: 1px solid # ;
}

[Totomi]

C'est presque parfait sauf que le premier sous forum n'est pas au format lien " je peux accéder en cliquant au second mais le premier non. désolé d'encore t’embêter.

[Grey.]

Ah oui y avait quelque chose qui manquait, j'ai corrigé:

Code:

<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1/jquery.min.js"></script>

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


<!-- DEBUT MODIF ONGLETS -->

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

document.write('<div align="center" style="display:none;" id="conteneur_barre_onglet">
<ul class="conteneur_onglets">

<li onClick="change_cat(1)" class="onglet actif" id="onglet_1">Pour débuter</li>
<li onClick="change_cat(2)" class="onglet " id="onglet_2">Kuroi City</li>
<li onClick="change_cat(3)" class="onglet " id="onglet_3">Pensionnat Yûgure no Kaigi</li>
<li onClick="change_cat(4)" class="onglet " id="onglet_4">Hors jeu</li>
 
</ul></div>');

var compteur_cat = 1;

function change_cat(numero)
{
  if(document.getElementById('categorie_'+numero))
  {
      /* affichage de la bonne categorie */
      $('table[id^=categorie_]').css('display','none');
      $('table[id=categorie_'+numero+']').fadeIn();
 
      /* affichage du bon onglet */
      $('.actif').removeClass("actif");
      $('.onglet[id=onglet_'+numero+']').addClass("actif");
  }
}

function capture_cat()
{
  if(compteur_cat == 1)
  {
      document.write('<table class="forumline" id="categorie_' + compteur_cat + '" >');
  }
  else
  {
      $('#conteneur_barre_onglet').css("display","block");
      document.write('<table class="forumline" id="categorie_' + compteur_cat + '" style="display:none;">');
  }
 
  compteur_cat++;
}

//-->
</script>

<!-- BEGIN catrow --><!-- BEGIN tablehead -->

<script type="text/javascript">
<!--
  capture_cat();
//-->
</script>

<!-- FIN MODIF ONGLETS -->


<tr>
     
        <th colspan="{catrow.tablehead.INC_SPAN}" nowrap="nowrap" width="100%" class="secondarytitle"> {catrow.tablehead.L_FORUM} </th>


          </tr>
  <!-- END tablehead -->
  <!-- BEGIN cathead -->
  <tr>
      <!-- BEGIN inc -->
      <td class="{catrow.cathead.inc.INC_CLASS}" width="46"><img src="{SPACER}" height="0" width="46" /></td>
      <!-- END inc -->
      <td class="{catrow.cathead.CLASS_CAT}" colspan="{catrow.cathead.INC_SPAN}" width="100%">
        <h{catrow.cathead.LEVEL} class="hierarchy">
            <span class="cattitle">
              <a class="cattitle" title="{catrow.cathead.CAT_DESC}" href="{catrow.cathead.U_VIEWCAT}">{catrow.cathead.CAT_TITLE}</a>
            </span>
        </h{catrow.cathead.LEVEL}>
      </td>
      <td class="{catrow.cathead.CLASS_ROWPIC}" colspan="3" align="right"> </td>
  </tr>
  <!-- END cathead -->
  <!-- BEGIN forumrow -->
    <tr>
      <!-- BEGIN inc -->
      <td class="{catrow.forumrow.inc.INC_CLASS}" width="46"><img src="{SPACER}" height="0" width="46" alt="." /></td>
      <!-- END inc -->
                   
                <td class="row3 over" align="center" valign="middle" height="50" ><table><tr><td>
        <div class="stats"><span class="gensmall" align="center" valign="middle">{catrow.forumrow.POSTS} ~messages~</span></div></td></tr>
                  <tr><td><div class="dermessage"><span class="gensmall">{catrow.forumrow.LAST_POST}
      </span></div><br></td></tr></table>
                </td>
         
        <td class="row1 over" colspan="{catrow.forumrow.INC_SPAN}" valign="top" width="78%" height="50">
        <h{catrow.forumrow.LEVEL} class="hierarchy">
            <span class="forumlink">
              <a class="forumlink" href="{catrow.forumrow.U_VIEWFORUM}">{catrow.forumrow.FORUM_NAME}</a><br />
            </span>
        </h{catrow.forumrow.LEVEL}>
        <span class="genmed">{catrow.forumrow.FORUM_DESC}<br /><div class="sous-forums">{catrow.forumrow.L_LINKS}{catrow.forumrow.LINKS}</div></span>
          <span class="gensmall">
            <!-- BEGIN switch_moderators_links -->
            {catrow.forumrow.switch_moderators_links.L_MODERATOR}{catrow.forumrow.switch_moderators_links.MODERATORS}
            <!-- END switch_moderators_links -->
       
        </span>
        </span>
                  </td>
  </tr>
     
  <!-- END forumrow -->
  <!-- BEGIN catfoot -->
  <tr>
      <!-- BEGIN inc -->
      <td class="{catrow.catfoot.inc.INC_CLASS}" width="46"><img src="{SPACER}" height="0" width="46" /></td>
      <!-- END inc -->
  <!-- END forumrow -->
  <!-- BEGIN catfoot -->
  <tr>
      <!-- BEGIN inc -->
      <td class="{catrow.catfoot.inc.INC_CLASS}" width="46"><img src="{SPACER}" height="0" width="46" /></td>
      <!-- END inc -->
      <td class="spaceRow" colspan="{catrow.catfoot.INC_SPAN}" height="1"><img src="{SPACER}" alt="" height="1" width="1" /></td>
  </tr>
  <!-- END catfoot -->
  <!-- BEGIN tablefoot -->
</table><img src="{SPACER}" alt="" height="5" width="1" /><!-- END tablefoot --><!-- END catrow -->

[Totomi]

ça marche mais j'ai juste une dernière question, j'ai voulu center les sous-forums mais en utilisant "text-align: center" dans le css rien ne marche, merci beaucoup.

[Grey.]

Bein alors mets des marges...

Code:

margin-leftt: 50px;

j'ai mis 50px d'après ce que je vois sur ton forum d'essai, plus le chiffre est grand, plus tes liens vont à droite.

[Totomi]

En fait c'est exactement ce que j'ai mis donc je met le problème en résolu et te remercie pour ton aide.