[AwesomeBB] Prefixe dans la liste des sujets

[Invité]

Détails techniques

Version du forum : AwesomeBB
Poste occupé : Fondateur
Navigateur(s) concerné(s) : Mozilla Firefox
Personnes concernées par le problème : Tous les utilisateurs
Lien du forum : https://gemurama.com/

Description du problème

Bonjour,

Je voudrais si possible bien sûr, qu'on adapte ce script pour la version AwesomeBB, s'il vous plait ?
> https://help.forumotion.com/t162008-modernbb-set-prefix-in-topic-list

Code:

        // [NEWS] .news
        // [TUTORIAL] .tutorial
        // [ARTICLE] .article
        $(document).ready(function() {
          var titleDiv = $("a.topictitle");
       
          titleDiv.each(function() {
            var title = $(this).html();
         
            if(title.includes("[NEWS]")) {
            $(this).html($(this).html().replace('[NEWS]', '<span class="news">NEWS</span>'))
              } else if(title.includes("[ARTICLE]"))  {
                $(this).html($(this).html().replace('[ARTICLE]', '<span class="article">ARTICLE</span>'));
              } else if(title.includes("[TUTORIAL]"))  {
                  $(this).html($(this).html().replace('[TUTORIAL]', '<span class="tutorial">TUTORIAL</span>'));
              }
       
          });
       
        });

Merci d'avance pour votre aide

[كونان2000]

hi

Code:

        // [NEWS] .news
        // [TUTORIAL] .tutorial
        // [ARTICLE] .article
        $(document).ready(function() {
          var titleDiv = $("a");
     
          titleDiv.each(function() {
            var title = $(this).html();
       
            if(title.includes("[NEWS]")) {
            $(this).html($(this).html().replace('[NEWS]', '<span class="news">NEWS</span>'))
              } else if(title.includes("[ARTICLE]"))  {
                $(this).html($(this).html().replace('[ARTICLE]', '<span class="article">ARTICLE</span>'));
              } else if(title.includes("[TUTORIAL]"))  {
                  $(this).html($(this).html().replace('[TUTORIAL]', '<span class="tutorial">TUTORIAL</span>'));
              }
     
          });
     
        });

[Milouze14]

Hello Zlork et كونان2000 ,
il vaut intervenir sur une class bien précise car tu indiques une simple balise ( a ) qui peut agir sur n'importe qu'elle balise (a) présente sur la liste des sujets  كونان2000    :
Ce script est plus adapté cher ami :

Code:

// [NEWS] .news
        // [TUTORIAL] .tutorial
        // [ARTICLE] .article
        $(document).ready(function() {
          var titleDiv = $(".posts-description a[href^='/t']");
          
      
          titleDiv.each(function() {
            var title = $(this).html();
        
            if(title.includes("[NEWS]")) {
            $(this).html($(this).html().replace('[NEWS]', '<span class="news">NEWS</span>'))
              } else if(title.includes("[ARTICLE]"))  {
                $(this).html($(this).html().replace('[ARTICLE]', '<span class="article">ARTICLE</span>'));
              } else if(title.includes("[TUTORIAL]"))  {
                  $(this).html($(this).html().replace('[TUTORIAL]', '<span class="tutorial">TUTORIAL</span>'));
              }
      
          });
      
        });

a++

[Invité]

Merci, ça fonctionne mais j'ai fais une boulette, j'ai perdu le CSS et il m'est impossible de récupérer sur le site....

Comment on fait déjà pour encadrer le texte (j'ai gardé l'image pour l'exemple) ?

[Milouze14]

Re,

alors pour cet exemple:

Code:

[NEWS]

Ce contenu donnera cette class:

Code:

 .news

Cela donnera dans ta feuille de style:

Code:



 .news
{
background-color:yellow; /* fond jaune*/
color:black;/*couleur de police noire*/
padding:3px;/*espace entre le texte */
}



a++

[Invité]

Merci beaucoup pour votre aide rapide !

Je cloture