installer widget "Sujets récents" dans le template overall_header tout en conservant 2 autres widgets

[Ganthille]

Détails techniques

Version du forum : phpBB3
Poste occupé : Administrateur
Navigateur(s) concerné(s) : Google Chrome
Personnes concernées par le problème : Tous les utilisateurs
Problème apparu depuis : Installation du thème
Lien du forum : (lien masqué, vous devez poster pour le voir)

Description du problème

Bonjour,

J'essaie depuis quelques jours d'insérer les "Sujets récents" sur ma page d'accueil, qui est pour mon thème dans le template overall_header.

J'ai tenté plusieurs tutoriels et messages traitant du sujet mais je ne semble pas en mesure de réaliser cet exploit.

Notez que j'ai 2 widgets activés déjà, que je désire conserver (donc la solution de n'avoir que le widget des sujets récents sur le portail n'est pas une option). Je me doute que je dois ajouter quelque chose du côté du .tblast mais je crains de ne pas avoir encore le niveau de compréhension pour trouver la solution par moi-même.

Je vous mets mon overall_header:


Et la partie CSS du header (enfin je crois que j'ai tout, le CSS total est très long):

Merci beaucoup,

[Invité]

Hello Ganthille,
tu peux importer les derniers discussions qui revient au mêmes que les sujets récents.
Dans ton template, tu as ceci:

Code:

<div class="tb1"><div class="tblast"></div></div>

Juste après déposes ceci:

Code:

  <script>
  jQuery(document).ready(function(){
        jQuery(".tblast").load("/latest h2.topic-title:lt(10)");
        });
  </script>

Il ne te resteras plus qu'à positionner et personnaliser les liens avec la class de la balise td:

Exemple:

Code:


div.tblast h2.topic-title
{
display: list-item;
height: 10px;
line-height: 10px;
font-size:11px!important;
}
div.tblast h2.topic-title a.topictitle
{
color:#666!important;
font-size:11px!important;
text-decoration:none!important;
}


Dans le script, le lt(10) veut dire que l'on veut que 10 sujets.
Voilou .
a++

[Ganthille]

Bonjour Milouze14,

Merci beaucoup de ton aide, malheureusement j'ai suivi tes consignes à la lettre pour le template et le CSS, et ça ne fonctionne pas du tout; rien ne s'affiche. J'ai tenté de placer le script à d'autres endroits comme après le tb1, après le tblast> mais rien là non plus.

[Invité]

Re,
c'est logique car tu as modifié le template de la recherche comme je ne voyais pas ton forum (masqué) avant mon intervention, je me suis basé sur un template dépourvu de modification.

Bref, remplaces le script par celui-ci:

Code:

<script>
  jQuery(document).ready(function(){
        jQuery(".tblast").load("/latest .ftrlink:lt(10)");
        });
  </script>

Puis la css:

Code:

div.tblast .ftrlink
{
display: list-item;
height: 10px;
line-height: 10px;
font-size:11px!important;
}
div.tblast .ftrlink a.topictitle
{
color:#666!important;
font-size:11px!important;
text-decoration:none!important;
}

a++

[Ganthille]

Je constate que j'ai encore beaucoup de choses à apprendre

Merci beaucoup de ton aide, j'apprécie grandement le temps que tu as pris pour m'aider. Ca fonctionne, qu'un petit coup de beauté à donner à tout ça maintenant!