Liens vers les sous forum

Bonjour,

Je voudrais personnalisé se code: https://www.never-utopia.com/t53795-categories-gris-rose

J'aime beaucoup ce code, que j'utilise sur des forums. Je trouve juste qu'il manque le liens vers les sous forums.

J'aimerais avoir la visibilité de mes sous forum sur la page principal avec seulement un liens.
( liens de mon forum: http://leelomarchand1646015.forumsactifs.com/)

merci de votre aide d'avance.

Salut!

Tu aimerais que les sous-forums soient où exactement?

Avoir un liens en dessous des descriptions.

Enfin si c'est possible sinon c’est pas grave.

Salut!

En dessous du bloc de la description ou à l'intérieur du bloc? Parce que c'est différent

M'enfin, je vais commencer par te dire comment le mettre en dessous du bloc de la description.

Premièrement, on va se rendre dans le template et trouver cet endroit :

Code:

<div class="forum_last_mess">
        {catrow.forumrow.LAST_POST}
      </div>
    </div>
  </div>
<!-- END forumrow -->

Juste avant la fermeture du dernier div, on va rajouter ceci :

Code:

<div style="clear: both;"></div>

Puis, on va ajouter un bloc pour les sous-forums, à savoir ceci :

Code:

<div class="sous_forums_bloc">{catrow.forumrow.L_LINKS}{catrow.forumrow.LINKS}</div>

Au final, ton template devrait ressembler à ceci :

Code:

<link href='http://fonts.googleapis.com/css?family=Covered+By+Your+Grace|Dancing+Script' rel='stylesheet' type='text/css' />
<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>
<!-- BEGIN catrow -->
<!-- BEGIN tablehead -->
<div class="cate_title">
  {catrow.tablehead.L_FORUM}
</div>
<div class="cate_bloc">
  <!-- END tablehead -->
  <!-- BEGIN cathead -->
  <!-- END cathead -->
  <!-- BEGIN forumrow -->
  <div class="cate_forum">
    <img class="old_new_lock" title="{catrow.forumrow.L_FORUM_FOLDER_ALT}" src="{catrow.forumrow.FORUM_FOLDER_IMG}" alt="{catrow.forumrow.L_FORUM_FOLDER_ALT}" />
    <div class="cate_forum_middle">
      <a class="forumlink" href="{catrow.forumrow.U_VIEWFORUM}">{catrow.forumrow.FORUM_NAME}</a>
      <div class="forum_desc">
        {catrow.forumrow.FORUM_DESC}
      </div>
    </div>
    <div class="cate_forum_last">
      <div class="forum_last_stats">
        Sujets:{catrow.forumrow.TOPICS} | Messages : {catrow.forumrow.POSTS}
      </div>
      <div class="forum_last_mess">
        {catrow.forumrow.LAST_POST}
      </div>
    </div>
    <div style="clear: both;"></div>
    <div class="sous_forums_bloc">{catrow.forumrow.L_LINKS}{catrow.forumrow.LINKS}</div>
  </div>
<!-- END forumrow -->
<!-- BEGIN catfoot -->
<!-- END catfoot -->
<!-- BEGIN tablefoot -->
</div>
<!-- END tablefoot -->
<!-- END catrow -->

Ensuite, on passe au CSS \o/

Premièrement, tu va à cet endroit dans le CSS et tu enlèves le "height: 100px;" :

Code:

/*Bloc des forums*/
.cate_forum {
  height: 100px;
  width: 800px;
  margin-bottom: 20px;
}

Puis, tu personnalises comme tu veux ton nouveau bloc en ajoutant ceci dans le CSS et en le changeant comme tu veux :

Code:

/*Bloc des sous-forums*/
.sous_forums_bloc {
  width: 440px;
  margin: auto;
  margin-top: 5px;
  text-align: left;
}

Et tu personnalises les liens eux mêmes en mettant ceci dans le CSS et en le changeant comme tu veux

Code:

/*Liens des sous-forums*/
.sous_forums_bloc a {
  font-family: "abeatbykai", sans-serif;
  font-size: 12px;
  letter-spacing: 1px;
  color: gray;
}

Normalement, cela devrait être ok ^^

Oh merci, c'est parfais , c'est comme ceux ci que je le voulais. Merci Beaucoup de ton aide.

Tu m'a beaucoup aider et super code au passage.

De rien ^^

N'oublie pas de mettre l'icône "terminé"