Rendre le fond des forums cliquables

[demeter1]

Détails techniques

Version du forum : phpBB2
Poste occupé : Administrateur
Navigateur(s) concerné(s) : Opera
Capture d'écran du problème :

Voir l'image:

Personnes concernées par le problème : Tous les utilisateurs
Lien du forum : http://altitudetropicale.forums-actifs.com/index.forum

Description du problème

Bonjour à tous,
est il possible en passant par les templates de rendre cliquable le fond des forums sans désactiver les liens contenus dans la description ?

En l'état la zone est insensible au clic et il faut obligatoirement cliquer sur le titre du forum pour accéder au contenu du forum.

Voici mon index_box

Code:

        <div id="M14_Alerte"style="display:none;">
      <span id="M14_Alerte_close"> <img src="http://i19.servimg.com/u/f19/11/93/85/24/sans_t35.gif" alt="ici" /></span>
      <br /><br />
    Bonjour  ,<br />
    merci de vous être inscrit sur le forum.<br />Pour améliorer l'esprit de convivialité, veuillez vous présenter afin que la communauté puisse vous connaitre.<br />Cette simple formalité vous ouvrira l'accés à l'ensemble du forum.<br /><br />
    Afin de faciliter votre présentation, un formulaire est à votre disposition. Si vous souhaitez l'utiliser, cliquez <a href="/h8-formulaire-de-presentation"title=" ici ">ici</a>.<br /><br />
    Si vous souhaitez faire une présentation simple, cliquez <a href="/post?f=9&mode=newtopic"title="ici">ici</a>.<br /><br />
    Merci de votre compréhension
    <br />
    </div>

          <div id="infogeneral">
        <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}">Index des forums</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><br />
                                <a class="gensmall" href="/feed/" target="_blank">S'abonner au flux RSS du forum</a><br />
                                <a class="gensmall" href="/profile?mode=sendpassword" target="_blank">Récupérer un nouveau mot de passe</a><br />



             
             
            </td>
          </tr>
          </table></div>
             
            <br /><br />


 
       
        <br /><br />



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

 
<table class="M14_forumline" width="100%" border="0" cellspacing="1" cellpadding="0">
      <tr>
<th colspan="{catrow.tablehead.INC_SPAN}" nowrap="nowrap" width="100%" class="secondarytitle"> {catrow.tablehead.L_FORUM} </th>
        </tr>
<!-- END tablehead -->
        <!-- BEGIN cathead -->
 
        <tr>
        <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="{catrow.forumrow.INC_CLASS}" align="center" valign="middle">
        <img title="{catrow.forumrow.L_FORUM_FOLDER_ALT}" src="{catrow.forumrow.FORUM_FOLDER_IMG}" alt="{catrow.forumrow.L_FORUM_FOLDER_ALT}" />
        </td>
         
        <td class="row1 over" colspan="1" valign="top" width="100%" height="50"style="vertical-align:middle"><div class="categ"><table width="100%"><tr><td><h{catrow.forumrow.LEVEL} class="hierarchy">
                    <span class="forumlink">
                      <a class="forumlink" href="{catrow.forumrow.U_VIEWFORUM}"><div class="beautitre"><span class="gradualfader">{catrow.forumrow.FORUM_NAME}</span></div></a>
                    </span>
                </h{catrow.forumrow.LEVEL}></td></tr></table>

        <!-- ENCADREMENT DES CATEGORIES-->
        <div class="haut_cate"> </div> <div class="milieu_cate"style="width: 100% ! important;">
        <!-- FIN ENCADREMENT DES CATEGORIES-->
     

        <table>
        <tr>
        <td width="100%">

          <span class="genmed"><div style="text-align:justify;"> <div class="cato">
           
            {catrow.forumrow.FORUM_DESC}</div></div></span>
             
              </td>
     
              <td><td align="center" valign="middle" height="50"><div class="cata"> <!-- BEGIN avatar -->
        <div style="width: 200px;"></div>
        <span class="lastpost-avatar">{catrow.forumrow.avatar.LAST_POST_AVATAR}</span>
                <!-- END avatar --><span class="gensmall"> <div class="stats"> {catrow.forumrow.TOPICS}sujets<br />{catrow.forumrow.POSTS} messages</div> </span> </div>



        <div class="catb"><span class="gensmall last-post">{catrow.forumrow.LAST_POST}</span>
                    <!-- BEGIN switch_topic_title -->
                  <div class="lasts">  <a href="{catrow.forumrow.U_LATEST_TOPIC_POST}" title="{catrow.forumrow.LATEST_TOPIC_TITLE}">{catrow.forumrow.LATEST_TOPIC_NAME}</a></div>


                    <!-- END switch_topic_title --></div>
                </td></td>
          </tr>
          </table>
     
     
        <!-- SUITE EN CADREMENT CATEGORIE -->
          </div>
        <div class="bas_cate"> </div>
        <!-- FIN SUITE EN CADREMENT CATEGORIE -->
        </div>

        <table width="100%"><tr><td><div class="linf">{catrow.forumrow.L_LINKS}{catrow.forumrow.LINKS}
        </div>  </td></tr></table></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 -->
        <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 -->

et le contenu d'une description

Code:

<div style="text-align:justify;">
           <img style="float:left" alt="http://i18.servimg.com/u/f18/11/93/85/24/sans_t10.gif" src="http://i18.servimg.com/u/f18/11/93/85/24/sans_t10.gif" />       
   <div class="description_forum">
              Caractéristiques générales et maintenance des camélias, rhododendrons, magnolias,proteas, et autres plantes de terre acide.     
      <div style="text-align:center">
                 <a href="/f80-camelias"><img src="http://s3.noelshack.com/uploads/images/12109310967798_arrow_next.png" style="width: 10px;" />« Camelias» </a>  <a href="/f98-magnolias"><img src="http://s3.noelshack.com/uploads/images/12109310967798_arrow_next.png" style="width: 10px;" /> «Magnolias»</a>  <a href="/f82-rhododendrons"><img src="http://s3.noelshack.com/uploads/images/12109310967798_arrow_next.png" style="width: 10px;" /> «Rhododendrons»</a> <a href="/f99-proteas"><img src="http://s3.noelshack.com/uploads/images/12109310967798_arrow_next.png" style="width: 10px;" /> « Proteas»</a> <a href="/f100-autres-plantes-acidophiles"><img src="http://s3.noelshack.com/uploads/images/12109310967798_arrow_next.png" style="width: 10px;" /> «Autres plantes acidophiles»</a>    <a href="/f102-sujets-en-attente-de-transfert"><img src="http://s3.noelshack.com/uploads/images/12109310967798_arrow_next.png" style="width: 10px;" /> «Sujets en attente de transfert»</a> 
      </div>
           
   </div>
</div>
<div style="display:none;" class="M14_Display">
</div>
       
<div style="display:none;" class="M14_Display">
</div>

Merci par avance pour votre aide

[Lixyr]

Bonjour Demeter,

Avez-vous essayé de mettre le lien de tout le forum autours du forum, comme ça :

Code:

<a href="LIEN"><div du forum>...</div></a>

?
Comme il y a déjà des divs dans la balise de lien j'imagine que nous ne sommes plus à ça près...

[demeter1]

Bonjour Lixyr,
Merci pour cette réponse et désolé pour ce retard de correspondance. Cette méthode fonctionne pour l'avoir testé avant de poster. Ce que je recherche est une méthode plus automatique en entourant une variable si cela est possible.

[Invité]

Salut Stéphane et Lixyr ,

on peut entourer automatiquement toutes les descriptions, l'inconvénient est le lien ,
il sera identique pour toutes .

Ce script devrait fonctionner sur l'index:

Code:


$(function(){
$('.description_forum').wrap('<a href="http://altitudetropicale.forums-actifs.com/"></a>');
});



a++

[demeter1]

Bonjour Philippe,
Cela fonctionne à merveille et ne désactive pas les liens des sous forums inclus dans la div "description". et fonctionne aussi sur les sous forums en cochant sur toutes les pages.

Encore un petit miracle à ton actif

Un grand merci pour cette aide. :thanks: