Rendre le fond des forums cliquables

Voir le sujet précédent Voir le sujet suivant Aller en bas

Résolu Rendre le fond des forums cliquables

Message par demeter1 le Mer 19 Aoû 2015 - 21:52

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


Dernière édition par demeter1 le Lun 24 Aoû 2015 - 20:56, édité 1 fois

demeter1
+ Hyperactif +

Masculin
Messages : 8105
Inscrit(e) le : 23/01/2009

http://altitudetropicale.forums-actifs.com/index.forum
demeter1 a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Rendre le fond des forums cliquables

Message par Lixyr le Dim 23 Aoû 2015 - 20:23

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...





Lixyr
Aidactive
Aidactive

Féminin
Messages : 5595
Inscrit(e) le : 22/07/2010

http://forum-test-in-lixyr.rpg-dynasty.com/
Lixyr a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Rendre le fond des forums cliquables

Message par demeter1 le Lun 24 Aoû 2015 - 14:30

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.

demeter1
+ Hyperactif +

Masculin
Messages : 8105
Inscrit(e) le : 23/01/2009

http://altitudetropicale.forums-actifs.com/index.forum
demeter1 a été remercié(e) par l'auteur de ce sujet.
  • 0

Résolu Re: Rendre le fond des forums cliquables

Message par Milouze14 le Lun 24 Aoû 2015 - 19:49

Salut Stéphane et Lixyr ,

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

Ce script devrait fonctionner sur l'index:
Code:

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


a++

Milouze14
+ Hyperactif +

Masculin
Messages : 4563
Inscrit(e) le : 18/04/2005

http://www.milouze14.com/
Milouze14 a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Rendre le fond des forums cliquables

Message par demeter1 le Lun 24 Aoû 2015 - 20:55

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

Encore un petit miracle à ton actif Yes

Un grand merci pour cette aide. Thanks

demeter1
+ Hyperactif +

Masculin
Messages : 8105
Inscrit(e) le : 23/01/2009

http://altitudetropicale.forums-actifs.com/index.forum
demeter1 a été remercié(e) par l'auteur de ce sujet.

Voir le sujet précédent Voir le sujet suivant Revenir en haut


Permission de ce forum:
Vous ne pouvez pas répondre aux sujets dans ce forum