Ajout de lien aux sous-forums

[.bloodstream]

Détails techniques

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

Voir l'image:

Personnes concernées par le problème : Tous les utilisateurs
Problème apparu depuis : 23 novembre.
Lien du forum : http://anythingcouldhappen.forumactif.com/

Description du problème

Bonjour

Je cherche à créer des liens personnalisés que j'aimerais mettre dans la partie des sous forums (le fond blanc dans la capture d'écran), en gros j'aimerais ajouter des liens de sujets important dans la liste des sous forums, mais sans créer la sous-catégorie. Exemple ce code de lien :

Code:

<a href="http://anythingcouldhappen.forumactif.com/t7-reglement">Règlement</a>

J'ai cherché un peu partout, mais je n'ai pas trouvé de solution. J'ai testé à mettre le lien dans la description, mais les liens ne vont pas dans la partie de sous forum ce qui est normal. Quand j'ajoute le lien dans la partie des sous forums dans le template, ça dupplique le lien dans toutes les catégories, ce qui je pense est aussi normal. Je pense qu'il faut ajouter un script, mais je n'ai aucune idée du code. Je ne pense pas que mettre le code de mon template sera utile pour mon problème, mais je pourrais toujours l'ajouter au besoin.

Merci d'avance pour votre aide.

[Faline]

Bonsoir,

Je ne suis pas sure d'avoir compris la question. S'agit-il de trouver un emplacement pour ces liens ou est-ce un problème de formatage (en grand, couleur...) ?

Tu peux mettre ce lien (ou toute une collection de liens) dans n'importe quelle zone qui accueille du html, notamment aussi la description d'un forum. Pour ce qui est du formatage, tu peux l'inclure dans le lien, p. ex.

Code:

<a style="font-size: 36px;" href="http://anythingcouldhappen.forumactif.com/t7-reglement">Règlement</a>

pour l'avoir écrit en taille 36 px (ou tout autre formatage souhaité...). Tu peux même mettre une image dessus :

Code:

<a href="http://anythingcouldhappen.forumactif.com/t7-reglement"><img src="adresse_image" /></a>

où tu mets une image avec l'inscription règlement...

[.bloodstream]

Coucou

Merci de m'avoir répondu, mais c'est vrai que ma demande n'est peut-être pas claire
En fait je ne recherche pas à savoir quoi faire du texte, c'est plutôt l'emplacement. Je voudrais mettre le lien en question dans le carré blanc (celui entre l'avatar et la partie dernier message) de ma capture d'écran. Du coup je ne sais pas où mettre le code, si c'est dans le template directement ou si c'est une question d'un autre script, voir un javascript? Je ne sais pas.

En tout cas je cherche toujours une réponse à mon problème

[Faline]

Comme ton fofo est en maintenance, je n'arrive pas à voir à quoi correspond cette zone .

Edit : oups, c'est fini la maintenance. En fait tu as déjà l'emplacement, c'est le même où dans d'autres sous-forums tu as les nouveautés, absences, partenariats...

[.bloodstream]

J'ai débloqué, en espèrant que ça puisse aider.

[Faline]

Je viens de voir et j'ai édité ci-dessus.

[.bloodstream]

D'accord  
Oui sauf que les liens que tu vois, c'est les liens des sous-forums, j'aimerais rajouter des liens dans cette section sans que ce soit des sous-forums, comme des liens de sujets, mais je ne sais pas quel script qui pourrait fonctionner ni où le placer

[Faline]

Il faudrait donc remplacer un sous-forum par un topic . Là, je suis au bout de mon latin.

[Neptunia]

Bonjour ^^


Un petit exemple basé sur la section The beginning > Start of something new

Script à placer sur l'index :

Code:

$(function () {
      $('.ListeSousForums a.gensmall[href^="/f40-"]').after('<a href="/t12-" class="gensmall subtopic">Absences</a>');
    });

Quelques explications :

a.gensmall[href^="/f40-"]')

On place ici le lien du sous-forum à la suite duquel il faudra ajouter les liens de sujets.
Les absences -> anythingcouldhappen.forumactif.com/f40-les-absences

'<a href="/t12-" class="gensmall subtopic">Absences</a>'

Et ici l'ensemble du code à ajouter (ici un seul sujet) en une seule chaîne de texte incluse entre guillemets simples (apostrophes)

En sus de la class gensmall, j'ai ajouté subtopic pour que vous puissiez éventuellement personnaliser ces liens différemment des liens de sous-fofo (via le CSS)
Il faudra répéter autant de fois cette ligne qu'il y aura de listes de sous-fora à compléter.

Code testé et fonctionnel !

[.bloodstream]

Faline ; merci quand même d'avoir essayé

Neptunia ; Merci beaucoup j'ai testé et ça fonctionne pour un sous forum, mais le code ne semble pas fonctionner pour un sujet? par exemple, je l'ai testé pour la première catégorie et pour le sujet du règlement :

Code:

$(function () {
      $('.ListeSousForums a.gensmall[href^="/f1-"]').after('<a href="/t7-" class="gensmall subtopic">Règlement</a>');
    });

[Neptunia]

C'est normal !


Pour qu'on puisse ajouter des liens aux sous-fora il faut des liens et des sous-fora. Pourla première caté, pas de sous-fofo donc mon script ne produira rien

[.bloodstream]

Ce n'est pas ce code que je recherche alors
Puisque si je donne un exemple sur ce forum : http://www.thegreatperhaps.org/
Il y a des liens et des sous-forums dans la même partie et c'est ce que je recherche en fait.

[Faline]

Sur l'autre forum ce sont des listes de liens dans la colonne tout à gauche, au choix des sous-forums ou topics. En élargissant cette colonne actuellement vide, tu peux probablement aussi y mettre à ta guise des liens de sous-forums (à ramasser à la main) ou autres, si c'est à peu près le même codage.

[Neptunia]

Dans l'exemple fourni, le forum utilise simplement un tableau placé dans la description de la section.

Il faut donc ajouter manuellement les liens des sous-fora quand c'est nécessaire et ne surtout pas afficher les liens des sous-fo dans Affichage > Structure et hiérarchie


Apprendre à faire un tableau

[.bloodstream]

Pour les tableaux je sais comment ça fonctionne, sauf que je crois que le problème vient peut être de mon template pour mes catégories? Puisque quand je mets le lien dans les descriptions, impossible de le déplacer dans la case des liens des sous-forums.
Je met les codes, comme j'aimerais vraiment trouver la solution

template index_box

Code:

<link href="https://fonts.googleapis.com/css?family=Shadows Into Light Two" rel="stylesheet">
 <link href="https://fonts.googleapis.com/css?family=Srisakdi" rel="stylesheet">
   <link href='http://fonts.googleapis.com/css?family=Aguafina 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 -->
                              
                  
                                <!-- 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">
                                  </td>
                          </tr>
                        </table>
                        <!-- BEGIN catrow --><!-- BEGIN tablehead -->
            <table class="forumline" width="100%" border="0" cellspacing="0" cellpadding="0">
                                    <tr>
                                      <th colspan="4" nowrap="nowrap" width="100%" class="secondarytitle">     <div class="categorie">{catrow.tablehead.L_FORUM}</div> </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">
                    
                            
                                  <div align=center><a class="titre" colspan="{catrow.cathead.CAT_DESC}" href="{catrow.cathead.U_VIEWCAT}">{catrow.cathead.CAT_TITLE}</a></div>
                                </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="row1 over" colspan="{catrow.forumrow.INC_SPAN}" valign="top" width="100%" height="50">
                          
                                <h{catrow.forumrow.LEVEL} class="hierarchy">

                                </h{catrow.forumrow.LEVEL}> <br><div class="cat-full"><center><table align="center" width="100%" border="0" cellspacing="1" cellpadding="0" align="center"><tr><td align="center" valign="middle" height="50" width="10%">
                                <img class="new-old-lock" title="{catrow.forumrow.L_FORUM_FOLDER_ALT}" src="{catrow.forumrow.FORUM_FOLDER_IMG}" alt="{catrow.forumrow.L_FORUM_FOLDER_ALT}" /></td>
                                <td> <div class="titre-descr-sous"><a href="{catrow.forumrow.U_VIEWFORUM}">{catrow.forumrow.FORUM_NAME}</a><div class="lignetitre"></div>
                                 <div class="description-cat">{catrow.forumrow.FORUM_DESC}</div></div></span> </td>
                                 <td><!-- BEGIN avatar -->
                                   <div class="ava-dernier">{catrow.forumrow.avatar.LAST_POST_AVATAR}</div>
                                   <!-- END avatar --></td><td><div class="sous-forum-fond"><div class="sous-forums"><div style="overflow:auto;height:88px;"><div id="lienssousforums" class="sousforums_details""><span class="ListeSousForums">{catrow.forumrow.L_LINKS}{catrow.forumrow.LINKS}</span></div></div></div></div>
<!-- BEGIN switch_moderators_links -->
                                  {catrow.forumrow.switch_moderators_links.L_MODERATOR}{catrow.forumrow.switch_moderators_links.MODERATORS}
                                <script text="javascript">
            jQuery('#lienssousforums').html(jQuery('#lienssousforums').html().replace(/, /g,'  ')).removeAttr('id');
          </script>
                                    <!-- END switch_moderators_links -->
                                </span></td><td><div class="dernier-post">
                      <div class="suj-mess"><span class="cat-stats">{catrow.forumrow.TOPICS} sujets ✩ {catrow.forumrow.POSTS} messages</span></div><br />
                                <div style="position:relative;top:7px;"><div class="titrelastpost"><span class="gensmall" style="font-size:12px;">{catrow.forumrow.LAST_POST}</span></div></div>
                  </div> </td>
                                          
                              
                                                      
                                                      
                                </tr></table></center></div><br>
                                </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><br><!-- END tablefoot --><!-- END catrow -->


CSS;

Code:

/* CODE CATEGORIE */

    .cat-nav{
      text-align:center;
      color:#756363;
      text-transform:uppercase;
      letter-spacing:1px;
      font-size:10px;
    }

    .categorie > h2{
      font-size:20px;
      text-transform:uppercase;
      letter-spacing:0px;
      font-weight:normal;
  font-family:Shadows Into Light Two, Cursive;
  text-shadow: 0px 0px 1px;
   text-align:center;
    }


 .cat-full{
      padding:10px;
margin:7px;
  display: block;
  margin-left: auto;
  margin-right: auto;
  width:93%;
      border-radius:10px;
      background-color:#e1e9d4;
  box-shadow:0px 0px 1.5px grey;
    }
  
    .dernier-post{
  background-color:#f8fdf8;
  padding:5px;
      margin-top:10px;
      width:150px;
       height:88px;
      text-align:center;
      line-height:15px;
      font-size:12px;
  position:relative;left:-2px;
   position:relative;top:-4px;
    }

.titrelastpost a{
 font-family:Rochester, Cursive;
  font-size:25px;
  text-transform:lowercase;
   color:#B74F59;
  letter-spacing:-1px;
  text-shadow:0px 0px 1px;
  position:relative;top:-3px;
    }

.titrelastpost {
 font-family:Arial;
  text-transform:lowercase;
  letter-spacing:-1px;
  position:relative;top:-10px;
    }

.titrelastpost img {
  position:relative;top:1px;
    }

.titrelastpost a.gensmall {
font-family:Georgia;
  font-size:12px;
  color:#454442;
letter-spacing:-1px;
text-transform: lowercase;
text-align: center;
line-height:12px;
text-shadow: 0px 0px 1px #E0C5C7;
position:relative;top:-2px;
}

  .suj-mess{
  background-color:white;
  padding:5px;
    font-size:10px;
      text-transform:uppercase;
      letter-spacing:-1px;
  box-shadow:0px 0px 1.5px grey;
    }


    .ava-dernier{
      width:55px;
      padding:5px;
      overflow:hidden;
      background-color:#f8fdf8;
  position:relative;top: 1px;
   position:relative;left:-4px;
    }
    .ava-dernier > img{
      width:55px;
    }

    .titre-descr-sous {
     width:230px;
  font-size:20px;
       font-family:Srisakdi, Cursive;
text-transform:lowercase;
    letter-spacing:-1px;
  line-height:15px;
  position:relative;top:-1px;
  position:relative;left:-3px;
    transition:all 2s;
  -moz-transition:all 2s;
-webkit-transition:all 2s;
-o-transition:all 2s;
       }

.titre-descr-sous a {
  font-weight:600;
   text-shadow:0px 0px 1px;
position: relative;
    z-index: 5;
   transition:all 2s;
  -moz-transition:all 2s;
-webkit-transition:all 2s;
-o-transition:all 2s;
}


.titre-descr-sous a::before {
  content: "❝";
color:#B74F59;
    position:relative;top:3px;
  position:relative;left:-1px;
   transition:all 2s;
  -moz-transition:all 2s;
-webkit-transition:all 2s;
-o-transition:all 2s;
}
 
.titre-descr-sous a:hover {
color:#B74F59;
   letter-spacing:0px;
   text-shadow:0px 0px 1px;
    transition:all 2s;
  -moz-transition:all 2s;
-webkit-transition:all 2s;
-o-transition:all 2s;
}

   .lignetitre {
   width:240px;
 border-top:2px solid #f8fdf8;
   position:relative;top:1px;
  position:relative;left:-3px;
  
    }
 
    .description-cat{
  font-family:arial;
      text-align:justify;
  text-transform: none;
  width:230px;
      height:72px;
      overflow:auto;
      font-size:11.5px;
  padding:5px;
      padding-top:5px;
  padding-bottom:5px;
      margin:5px 0 ;
  background-color:#f8fdf8;
   border-top:2px solid #f8fdf8;
   line-height:10px;
  position:relative;left:-3px;
    }


.titrecategdesc{
  font-family: 'Shadows Into Light', cursive;
color:#7B5C5B;
letter-spacing:-0.3px;
  line-height:11px;
  font-variant: small-caps;
  font-size:16px;
  text-shadow:0px 0px 0.5px;
   position:relative;top:9px;
   }


.titrecategline{
  border-bottom:8px solid #DED1D1;
  padding-left:6px;
  padding-right:6px;
   position:relative;top:-9px;
  }

.sous-forum-fond {
      text-align:justify;
  width:120px;
      height:88px;
      overflow:auto;
      font-size:12px;
      padding:5px;
      margin:5px 0;
 background-color:#f8fdf8;
    position:relative;top:1px;
   position:relative;left:-1px;

    }

    .sous-forums{
  background-color:white;
 box-shadow:0px 0px 1.5px grey;
 display: block;
  text-align:center;
  width:120px;
  height:88px;
    position:relative;left:0px;
    }
    .sous-forums a{
  font-family: Old Standard TT;
  display: block;
  margin-left:auto;
  margin-right:auto;
      font-size:11px;
      text-transform:uppercase;
      letter-spacing:-1px;
    position:relative;top:0px;
  overflow:auto;
    }

.sousforums_details a {
   display: block;
    margin-left:3px;
  margin-right:3px
    margin-bottom:3px
    padding: 3px;
  padding-top:7px;!important;
background-color:#D8E6D2;
  position:relative;top:3px;
}


    .new-old-lock{
      margin-top:2px;
  position:relative;left:-1px;
    }

[Neptunia]

Il faut supprimer la colonne avec la case des sous-fora

En revanche il faudra déplacer la colonne de l'avatar, un tableau étant en un seul tenant, pas possible d'avoir le texte de la description d'un côté de l'avatar et les liens de l'autre côté.

[.bloodstream]

Parfait, je vais réfléchir si je change tout ou pas, je croyais qu'il y a avait une manière plus simple
Merci beaucoup pour la réponse, du coup c'est résolu.