Ajout de lien vers les sous forum

Bonjour, je tien tout d'abord a m'excuser si je ne suis pas au bon endroit, j'avais un doute mais comme je demande quelque part de personnaliser un code en ajoutant quelque chose, je me suis dit que ce devait être là, encore une fois, désolé si ce n'est pas le cas.

Voilà, alors mon problème, si je puis appeler ça comme ça, c'est que j'aime beaucoup ce codage https://www.never-utopia.com/t53795-categories-gris-rose mais ce dernier n'a pas de lien vers les sous-fourm, je voudrais savoir s'il était possible d'en rajouter.

J'espère m'être montré compréhensible et je remercie toute personne voulant bien se pencher là dessus ou ayant au moins pris la peine de lire pour se demander si c'était possible.

Je vous souhaite une bonne journée.

Oui, c'est faisable mais où veux-tu les mettre ?

Tout d’abord, merci d'avoir répondu si vite, ça me fait plaisir.
J'aurais deux possibilité, soit en dessous du cadre du milieu, soit ajouter un cadre entre la zone du milieu et cette de droite. Je ne sais pas ce qui est le plus pratique a coder, de ce fait, je laisse le choix.

Teste ces codes et dis-moi si ça te conviendrait :)

Code:

    /************************************************** DÉBUT DES CATÉGORIES **************************************************/

    /*Bloc des titres des catégories*/
    .cate_title {
      width: 800px;
      height: 75px;
      padding-top: 10px;
      margin: auto;
      text-align: center;
      background-image: url('http://img15.hostingpics.net/pics/520024nuage.png');
      background-repeat: no-repeat;
      background-position: top center;
      margin-bottom: -10px;
    }
    /*Titres des catégories*/
    .cate_title h2 {
      display: block;
      padding-top: 15px;
      height: 60px;
      margin: 0px;
      font-family: "Dancing Script";
      text-shadow: 1px 1px 3px #ffb5cc;
      font-size: 55px;
      letter-spacing: 1px;
      color: #d74e77;
    }
    .cate_title h2 img {
      margin-top: -25px;
      margin-left: 20px;
    }
    .cate_title h2 span {
      display: none;
    }
    a.nav img {
      display: none;
    }


    /*Bloc des catégories*/
    .cate_bloc {
      background-color: #ffffff;
      width: 800px;
      margin: auto;
      margin-bottom: 10px;
      border-radius: 10px;
      padding-top: 50px;
      padding-bottom: 1px;
      font-family: "abeatbykai", sans-serif;
      font-size: 12px;
      letter-spacing: 1px;
      color: gray;
    }


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


    /*Image Old New Lock*/
    .old_new_lock {
      float: left;
      margin-left: 15px;
      margin-top: 21px;
      width: 130px; /*Largeur des images*/
      height: 57px; /*Hauteur des images*/
    }
    /*Masque*/
    .old_new_lock {
      -webkit-mask: url(http://www.aht.li/2552618/nuage.svg) center center / 130px 57px;
      mask: url(http://www.aht.li/2552618/nuage.svg) center center / 130px 57px;
    }


    /*Bloc du mileu*/
    .cate_forum_middle {
      position: relative;
      float: left;
      margin-top: 10px;
      margin-left: 15px;
      margin-right: 15px;
      width: 420px;
    }

    /*Intérieur bloc du mileu : la desc*/
.blocgrisdesc {
      width: 420px;
    height: 53px;
      padding: 10px;
      padding-top: 17px;
      background-color: #e4e1e2;
      border-radius: 10px;
}

    /*Intérieur bloc du mileu : les sous-forums*/
.lienssousforums {
width: 420px;
  margin-top: 10px;
  margin-bottom: 8px;
      background-color: #d1d1d1;
      border-radius: 5px;
  text-align: center;
  padding: 5px;
}

    /*Titres des forums*/
    .forumlink {
      position: absolute;
      top: -20px;
      z-index: 2;
      height: 28px;
      font-size: 28px;
      font-family: 'Covered By Your Grace', cursive;
      color: grey!important;
      font-weight: normal;
    }
    /*Titres survolés des forums*/
    .forumlink:hover {
      color: #d74e77!important;
      text-decoration: none!important;
    }
    /*Désactiver les images des titres*/
    .forumlink img {
      display: none;
    }

    /*Description des forums*/
    .forum_desc {
      height: 53px;
      overflow-y: auto;
      padding-right: 5px;
      text-align: justify;
    }

    /*Bloc gris des statistiques et du dernier message*/
    .cate_forum_last {
      position: relative;
      float: left;
      margin-top: 10px;
      width: 160px;
      height: 70px;
      padding: 5px;
      background-color: #e4e1e2;
      border-radius: 10px;
      text-align: center;
    }
    /*Statistiques*/
    .forum_last_stats {
      margin-left: 3px;
      margin-right: 3px;
      margin-bottom: 10px;
      padding-bottom: 3px;
      font-size: 9px;
      border-bottom: 1px dashed #d74e77;
    }
    /*Police du dernier message*/
    .forum_last_mess, .forum_last_mess a.gensmall {
      font-size: 11px;
      font-family: "abeatbykai", sans-serif;
    }
    /*Couleur des liens du dernier message*/
    .forum_last_mess a {
      color: #d74e77;
    }


    /*Les barres de défilement dans les catégories*/
    .forum_desc::-webkit-scrollbar {height:12px; width:5px; background:none; margin-right:5px;}
    .forum_desc::-webkit-scrollbar-thumb {background:rgba(242,163,189,1); height:30px; border-radius:30px;}
    .forum_desc::-webkit-scrollbar-corner {background:none;}

    /************************************************** FIN DES CATÉGORIES **************************************************/

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"><div class="blocgrisdesc">
          <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="lienssousforums">{catrow.forumrow.L_LINKS}{catrow.forumrow.LINKS}</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>
    <!-- END forumrow -->
    <!-- BEGIN catfoot -->
    <!-- END catfoot -->
    <!-- BEGIN tablefoot -->
    </div>
    <!-- END tablefoot -->
    <!-- END catrow -->

La disposition me va mais je me retrouve avec un petit problème de décalage

Spoiler:

EDIT : Après avoir fait quelques modifications dans le css j'ai réussis a réglé le problème de décalage.

Merci beaucoup pour ton aide

Est-ce que je peux avoir le lien de ton forum stp ? (tu peux le mettre sous hide si tu veux)

Bien sur, le voilà

Je viens de voir ton EDIT, en fait. Du coup, c'est bon ?

Oui, de mon côté c'est parfait, encore merci

Pas de problème, j'archive alors !
Pense à mentionner Onyx pour les catégories (vu que tu as le crédit de la PA pour Halloween) :)

EDIT : la solution donnée par Demily qui a eu le même problème :

Demily a écrit:D'accord alors Dans la partie CSS, repérer la partie /*Intérieur bloc du milieu: les sous-forums*/ et il faut remplacer par ce code:

Code:

/*Intérieur bloc du mileu : les sous-forums*/
.lienssousforums {
width: 420px;
  margin-top: 5px;
  margin-bottom: 4px;
      background-color: #d1d1d1;
      border-radius: 1px;
  text-align: center;
  padding: 2px;

Et voilà, les sous-forums se mettent correctement et il n'y a plus de décalage avec les catégories.


Merci encore pour vos réponses.