Astuces Forumactif
Vous souhaitez réagir à ce message ? Créez un compte en quelques clics ou connectez-vous pour continuer.
Membres connectés récemment
Voir tous les membres

[PHPBB2] Coloriser les annonces et notes

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

Ombi
Ombi
https://vieminimaliste.forumactif.com/

MessageOmbi Sam 17 Avr 2021 - 19:30

  • Version du forum :
    PHPBB2
  • Templates modifiés :
    oui
  • Navigateur :
    Chrome
Re coucou Philippe

Cette fois-ci je te reviens avec un gros gros gros soucis et blocage que j'ai exposé sur forumactif vu que j'ai essayé d'utiliser l'un de leurs tutos, Neptunia essaie de m'aider tant bien que mal, j'ai aussi effectué tous les essais possibles je viens de tester la désactivation des javascripts, ai vidé le cache +++, ai revérifié mes diverses balises, mais rien n'y fait je n'en peux plus bien sûr si tu m'aides à trouver une sortie à cette impasse j'irai en avertir Neptunia sur forumactif en te mentionnant car vraiment je n'en peux plus et si je continue je sens que je vais faire une bêtise avec mon codage déjà en place  [PHPBB2] Coloriser les annonces et notes 1f615 

Donc commençons par le commencement, je souhaiterais bien délimiter les notes et annonces des autres messages pour le moment j'ai juste activité la ligne de séparation, mais j'aurais souhaité coloriser les sujets notes/annonces du haut de la liste des sujets dans une autre couleur, pour ce faire Neptunia m'a proposé ceci :

Dans un premier temps je pense que je t'ai donné les éléments principaux chemin faisant n'hésite pas à demander d'autres éléments  [PHPBB2] Coloriser les annonces et notes 1f609

Merci infiniment pour ton aide,

Très belle soirée,

Ombi.


Dernière édition par Ombi le Dim 18 Avr 2021 - 8:06, édité 1 fois
Milouze14
Milouze14
Fondateur

https://www.milouze14.net/

MessageMilouze14 Dim 18 Avr 2021 - 7:17

Coucou Ombi,
il fallait venir poster ici directement lOL .

Alors, je ne suis pas adepte de prendre le lien des images annonce etc etc car si tu as aussi activé le changement d image de ces derniers si nouvelle réponse etc etc, le script ne fonctionne plus.

Donc supprimes ce script:

Code:
    $(function() {/* Ajoute une class à la cellule des annonces globales */$('img[src="https://2img.net/i/fa/modernbb/folder_global_announce.png"]').closest('td').addClass('AnnonceG');/* Ajoute une class à la cellule des Notes */$('img[src="https://2img.net/i/fa/modernbb/sticky_read.png"]').closest('td').addClass('Note');});


Ensuite il est impératif que les textes ne soient pas personnalisés ici:

Les champs doivent être vide.

Général/Messages et Emails/Configuration/Messages :

Personnaliser le libellé d'une Note :
Personnaliser le libellé d'une Annonce :
Personnaliser le libellé d'une Annonce globale :


On a donc trois types d'annonce

Donc le script aura trois lignes qui recherche le contenu:
Note:
Annonce:
Annonce globale:



Modules/HTML&JAVASCRIPT/Gestion des codes Javascript/Créer un nouveau Javascript

Mettre un titre explicite.

Cocher sur les sous-forums


Déposer ceci:

Code:

$(function() {
$('.titre_sujet').each(function(){
$(this).find('span strong:contains(Annonce globale:)').closest('td').addClass('AnnonceG');
$(this).find('span  strong:contains(Annonce:)').closest('td').addClass('Annonce');
$(this).find('span strong:contains(Note:)').closest('td').addClass('Note');
});});

Penser a cliquer sur le bouton Valid

Dans ton template et afin de bien cibler l'annonce, recherches ceci:

Code:
{topics_list_box.row.TOPIC_TYPE}

Remplaces par:
Code:
<span>{topics_list_box.row.TOPIC_TYPE}</span>


Penser a enregistrer puis à valider en cliquant respectivement sur   Enregistr puis Ajout


Comme il manquait les annonces simples, tu peux ajouter ceci et choisir une couleur
Code:

/* Modifie la couleur de fond des annonces */
td.Annonce {background-color:#008B8B !important;}





Et voilou  hinhin
Ombi
Ombi
https://vieminimaliste.forumactif.com/

MessageOmbi Dim 18 Avr 2021 - 8:05

Re coucou Philippe

Tu as raison j'aurais du lOL mais pour être honnête j'étais gênée car ces derniers temps je t'ai quand même beaucoup sollicité et je n'ai pas envie d'être un boulet non plus pasvuT lOL

En tout cas Philippe je ne sais comment te remercier car tout fonctionne vraiment je n'ai pas de mots car je croyais bien cette fois-ci qu'il n'y avait pas d'issue, merci aussi car tu expliques toujours les solutions proposées car j'ignorais la balise exacte qui affectait ce type de messages et en effet comme tu le soulignes j'avais déjà pu lire que le script contenant les images était contraignant au sens que tu mentionnes donc voilou un super grand merci pour ta précieuse aide, du coup je ne serai plus gênée je viendrai directement vers toi en cas de pépin merci pour tout ce que tu fais pour nous en tout cas, cela demande du travail et une grande disponibilité et nous pouvons que t'en être grés Mercibis

Merveilleux dimanche à toi et au plaisir comme toujours coucou
Milouze14
Milouze14
Fondateur

https://www.milouze14.net/

MessageMilouze14 Dim 18 Avr 2021 - 8:10

Ben, tu ne me dérange pas, ce forum est fait pour cela Ombi.

Le soucis sur ce script:
Code:
        $(function() {/* Ajoute une class à la cellule des annonces globales */$('img[src="https://2img.net/i/fa/modernbb/folder_global_announce.png"]').closest('td').addClass('AnnonceG');
/* Ajoute une class à la cellule des Notes */$('img[src="https://2img.net/i/fa/modernbb/sticky_read.png"]').closest('td').addClass('Note');
});


Les notes ont cet icône:
https://2img.net/i/fa/subsilver/folder_sticky.gif

Alors que le script recherche:
Code:
/* Ajoute une class à la cellule des Notes */$('img[src="https://2img.net/i/fa/modernbb/sticky_read.png"]').closest('td').addClass('Note');
Cette image:
https://2img.net/i/fa/modernbb/sticky_read.png

Voilou pour les explications chère amie,
de rien et à très bientôt alors hinhin .



Milouze14
Milouze14
Fondateur

https://www.milouze14.net/

MessageMilouze14 Dim 18 Avr 2021 - 8:10


Hello


Sujet résolu et déplacé dans le forum adéquate

A bientôt pour une prochaine demande clin oeil

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

Créer un compte ou se connecter pour répondre

Vous devez être membre pour répondre.

S'enregistrer

Rejoignez notre communauté ! C'est facile !


S'enregistrer

Connexion

Vous êtes déjà membre ? Aucun soucis, cliquez ici pour vous connecter.


Connexion

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