Coloriser les annonces et notes

2 participants

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

Résolu Coloriser les annonces et notes

Message par Ombeline30 Sam 17 Avr 2021 - 10:37

Détails techniques

Version du forum : phpBB2
Poste occupé : Administrateur
Navigateur(s) concerné(s) : Google Chrome
Personnes concernées par le problème : Tous les utilisateurs
Problème apparu depuis : 17 avril 2021
Lien du forum : https://vieminimaliste.forumactif.com/

Description du problème

Bonjour et d'avance merci beaucoup pour votre aide car je bloque.

J'ai voulu suivre le tuto présent sur le fofo pour ce faire mais rien n'y a fait j'ai donc compris que cela était du à la modification de mes templates j'ai donc adapté les codes avec mes id mais cela ne fonctionne toujours pas donc je m'en remets à vous merci beaucoup.

CSS

Code:
.corp_sujet.annonce {background-color:#008B8B !important;} /* Modifie la couleur de fond des annonces */
.corps_sujet.Note {background-color:#008B8B !important;} /* Modifie la couleur de fond des Note */


Javascript sur les sous-forums

Code:
$(function() {
        /* Ajoute une class à la cellule des annonces */
        $("corp_sujet.icon[style*='https://2img.net/i/fa/modernbb/folder_global_announce.png']").addClass("annonce");
        /* Ajoute une class à la cellule des Note */
        $("corp_sujet.icon[style*='https://2img.net/i/fa/modernbb/sticky_read.png']").addClass("Note");
        });


topi_list_box



Encore merci,

Ombeline.


Dernière édition par Ombeline30 le Dim 18 Avr 2021 - 8:18, édité 3 fois
Ombeline30

Ombeline30
****

Messages : 358
Inscrit(e) le : 11/08/2015

Voir le profil de l'utilisateur http://audeladesvoyances.forumgratuit.be/
Ombeline30 a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Coloriser les annonces et notes

Message par Neptunia Sam 17 Avr 2021 - 10:57

Bonjour,


Pourriez vous désactiver le script qui nous interdit de vous aider ?
Neptunia

Neptunia
Membre actif

Féminin
Messages : 17832
Inscrit(e) le : 08/08/2010

Voir le profil de l'utilisateur https://www.galaxie-series.net/
Neptunia a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Coloriser les annonces et notes

Message par Ombeline30 Sam 17 Avr 2021 - 10:59

Bonjour Neptunia si vous parlez de l'anti-clic droit c'est fait ;-)
Ombeline30

Ombeline30
****

Messages : 358
Inscrit(e) le : 11/08/2015

Voir le profil de l'utilisateur http://audeladesvoyances.forumgratuit.be/
Ombeline30 a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Coloriser les annonces et notes

Message par Neptunia Sam 17 Avr 2021 - 11:46

Il y a déjà un souci au niveau du template (visible dans l'éditeur par la mise en rouge de certaines balises (td tr table))

La div (vu_rep_sujet) ouverte à la ligne 61 est refermée ... euh, n'est refermée nulle part.

Il faut donc remplacer :
Code:
  <div class="corp_stat_sujet">
    <div class="vu_rep_sujet">
    Vu {topics_list_box.row.VIEWS} fois - {topics_list_box.row.REPLIES} Réponses
  </div>
par :
Code:
  <div class="corp_stat_sujet">
    <div class="vu_rep_sujet">
      Vu {topics_list_box.row.VIEWS} fois - {topics_list_box.row.REPLIES} Réponses</div>
  </div>

Ensuite au niveau du javascript, les sélecteurs ne sont pas les bons. Ce n'est pas à l'image qu'il faut rajouter une class mais à la ligne (<tr>) qui contient cette image. Comme le tableau semble ne plus comporter qu'une seule colonne (<td>) je cible directement la cellule td au lieu de cibler la ligne complète tr.

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');
});

Jusque là tout fonctionne (testé moi-même), la cellule contient bien la class Note dès que l'image correspondante est trouvée.

Pour le CSS, (que je n'ai pas pu tester) ça devrait donner quelque chose comme ceci.
Code:
td.AnnonceG {background-color:#008B8B !important;} /* Modifie la couleur de fond des annonces globales */
td.Note {background-color:#008B8B !important;} /* Modifie la couleur de fond des notes */

Si ça ne fonctionne toujours pas, désactivez tous vos scripts actifs sur toutes les pages, l'un d'eux relatif à l'éditeur de messages contient une erreur et risque de faire planter tous les autres javascripts appelés sur la même page.
Neptunia

Neptunia
Membre actif

Féminin
Messages : 17832
Inscrit(e) le : 08/08/2010

Voir le profil de l'utilisateur https://www.galaxie-series.net/
Neptunia a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Coloriser les annonces et notes

Message par Ombeline30 Sam 17 Avr 2021 - 11:52

Merci Neptunia pour ta correction et ton aide mais hélas après avoir tout changé et mis les codes ça a déglingué mon dernier bloc et cela n'a pas changé les couleurs  scratch



Dernière édition par Ombeline30 le Sam 17 Avr 2021 - 17:15, édité 1 fois
Ombeline30

Ombeline30
****

Messages : 358
Inscrit(e) le : 11/08/2015

Voir le profil de l'utilisateur http://audeladesvoyances.forumgratuit.be/
Ombeline30 a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Coloriser les annonces et notes

Message par Ombeline30 Sam 17 Avr 2021 - 11:57

J'ai tenté en désactivant les javascripts et en vidant mon cache mais rien n'y fait
Ombeline30

Ombeline30
****

Messages : 358
Inscrit(e) le : 11/08/2015

Voir le profil de l'utilisateur http://audeladesvoyances.forumgratuit.be/
Ombeline30 a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Coloriser les annonces et notes

Message par Ombeline30 Sam 17 Avr 2021 - 12:01

En fait je viens de tester les ajouts séparément et je constate que le rajout de la DIV enlève le texte du dernier bloc pour le mettre à gauche et le script ne change rien niveau colorisation
Ombeline30

Ombeline30
****

Messages : 358
Inscrit(e) le : 11/08/2015

Voir le profil de l'utilisateur http://audeladesvoyances.forumgratuit.be/
Ombeline30 a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Coloriser les annonces et notes

Message par Neptunia Sam 17 Avr 2021 - 12:18

Avez vous vidé votre cache ?

De mon côté auteur et date du dernier message sont à leur place (sous le nombre de vues et de réponses)
Neptunia

Neptunia
Membre actif

Féminin
Messages : 17832
Inscrit(e) le : 08/08/2010

Voir le profil de l'utilisateur https://www.galaxie-series.net/
Neptunia a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Coloriser les annonces et notes

Message par Ombeline30 Sam 17 Avr 2021 - 12:29

Oui oui j'ai vidé mon cache je vais retester de suite  Wink
Ombeline30

Ombeline30
****

Messages : 358
Inscrit(e) le : 11/08/2015

Voir le profil de l'utilisateur http://audeladesvoyances.forumgratuit.be/
Ombeline30 a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Coloriser les annonces et notes

Message par Ombeline30 Sam 17 Avr 2021 - 12:31

rien n'a faire cela persiste  Non !

Voulez-vous le css ma liste des sujets ?
Ombeline30

Ombeline30
****

Messages : 358
Inscrit(e) le : 11/08/2015

Voir le profil de l'utilisateur http://audeladesvoyances.forumgratuit.be/
Ombeline30 a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Coloriser les annonces et notes

Message par Neptunia Sam 17 Avr 2021 - 12:44

Oui, merci

C'est justement parce que je n'avais pas le css associé au template que je n'ai pu tester la colorisation.

En tout cas ya un morceau de CSS qui risque de créer un souci.
Code:
.stats_sujet {
  float:center;
}
et plus loin
Code:
.stats_sujet_search {
  float:center;
}
On peut flotter à gauche ou à droite, mais pas au centre.
Neptunia

Neptunia
Membre actif

Féminin
Messages : 17832
Inscrit(e) le : 08/08/2010

Voir le profil de l'utilisateur https://www.galaxie-series.net/
Neptunia a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Coloriser les annonces et notes

Message par Ombeline30 Sam 17 Avr 2021 - 12:48

Oki attendez je vais vous partager le css de la liste des sujets 

Code:


Dernière édition par Ombeline30 le Sam 17 Avr 2021 - 17:15, édité 1 fois
Ombeline30

Ombeline30
****

Messages : 358
Inscrit(e) le : 11/08/2015

Voir le profil de l'utilisateur http://audeladesvoyances.forumgratuit.be/
Ombeline30 a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Coloriser les annonces et notes

Message par Ombeline30 Sam 17 Avr 2021 - 12:50

Excusez-moi j'avais mal compris donc vous avez pu voir mon css donc si je veux centrer cette partie je ne dois pas le faire en float mais avec quel style alors s'il vous plaît ? Un margin/un padding ?
Ombeline30

Ombeline30
****

Messages : 358
Inscrit(e) le : 11/08/2015

Voir le profil de l'utilisateur http://audeladesvoyances.forumgratuit.be/
Ombeline30 a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Coloriser les annonces et notes

Message par Neptunia Sam 17 Avr 2021 - 12:59

Voir le css c'est vite dit.
On voit effectivement le css de chaque élément, on peut aussi voir votre css complet (css de base et css perso) à cette adresse
-> https://vieminimaliste.forumactif.com/123-ltr.css
Mais vous conviendrez que c'est pas très digeste.
Même une fois "enjolivé" impossible de dissocier le css de base du css personnalisé.

Et c'est uniquement du css perso dont on aurait besoin.




Sinon, rien à faire pour centrer le contenu de la div stats_sujet c'est centré par défaut puisque la div parente corp_stat_sujet contient déjà la règle text-align: center;
Neptunia

Neptunia
Membre actif

Féminin
Messages : 17832
Inscrit(e) le : 08/08/2010

Voir le profil de l'utilisateur https://www.galaxie-series.net/
Neptunia a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Coloriser les annonces et notes

Message par Ombeline30 Sam 17 Avr 2021 - 13:03

Hum oui en effet c'est pour cela que je vous l'ai partagé ci-dessus ;-)
Ombeline30

Ombeline30
****

Messages : 358
Inscrit(e) le : 11/08/2015

Voir le profil de l'utilisateur http://audeladesvoyances.forumgratuit.be/
Ombeline30 a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Coloriser les annonces et notes

Message par Ombeline30 Sam 17 Avr 2021 - 13:08

Alors je fais une tite récap j'ai changé les floats que tu m'as indiqué par des text-align encore merci, du coup j'ai été replacé la div au bon endroit dans le template donc maintenant tout est ok à ce niveau-là  thumright

Plus qu'à comprendre pourquoi le script ne fonctionne pas même en vidant le cache  scratch

Je l'ai testé sur mon forum test qui ne contient aucun javascript et n'est quasi pas codé et j'obtiens le même résultat cela ne change rien Sad
Ombeline30

Ombeline30
****

Messages : 358
Inscrit(e) le : 11/08/2015

Voir le profil de l'utilisateur http://audeladesvoyances.forumgratuit.be/
Ombeline30 a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Coloriser les annonces et notes

Message par Neptunia Sam 17 Avr 2021 - 14:12

Ombeline30 a écrit:Plus qu'à comprendre pourquoi le script ne fonctionne pas même en vidant le cache scratch

Je l'ai testé sur mon forum test qui ne contient aucun javascript et n'est quasi pas codé et j'obtiens le même résultat cela ne change rien Sad

...
Neptunia a écrit:Si ça ne fonctionne toujours pas, désactives tous tes scripts actifs sur toutes les pages, l'un d'eux relatif à l'éditeur de messages contient une erreur et risque de faire planter tous les autres javascripts appelés sur la même page.
Je vois toujours cette erreur, même une fois le fofo mis en maintenance.
Uncaught TypeError: $(...).sceditor is not a function
<anonymous> https://vieminimaliste.forumactif.com/99045.js:1




Je viens d'ajouter sur un forum test
- le template d'origine agrémenté de mon ajout (fermeture de div)
- Le CSS concernant les sujets en ayant purgé le float: center non voulu
- Scripts et CSS proposés à 11h46 ICI en modifiant évidemment l'image des notes par celle utilisée sur mon fofo.
- PA > Général > Messages et Emails > Configuration > Séparer les annonces et notes des autres sujets : Non (ton template ne collait pas avec mon tableau séparateur)

Et ça fonctionne nickel à deux détails près.
- J'ai le même problème que celui que celui que tu avais, le contenu de la cellule Dernier Message n'est pas au bon endroit. Me faudrait du coup template et css actuel puisque j'ai cru comprendre que tu avais réussi à résoudre ce souci.
- Je ne suis pas certaine que la zone colorisée soit celle voulue, mais ça c'est facile à corriger

Coloriser les annonces et notes Minima10
Neptunia

Neptunia
Membre actif

Féminin
Messages : 17832
Inscrit(e) le : 08/08/2010

Voir le profil de l'utilisateur https://www.galaxie-series.net/
Neptunia a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Coloriser les annonces et notes

Message par Ombeline30 Sam 17 Avr 2021 - 14:43

Recoucou Neptunia

Donc de mon côté template ok SAUF QUE en changeant les float on m'a imposé la fermeture de la div comme ceci et tout est vert 

Code:

J'ai procédé à la modification des séparations des messages et annonces comme vous c'est OK

Vos codes sont placés, c'est ok

J'ai désactivé TOUS les scripts rien ne change

J'ai vidé le cache rien ne change


Dernière édition par Ombeline30 le Sam 17 Avr 2021 - 17:17, édité 1 fois
Ombeline30

Ombeline30
****

Messages : 358
Inscrit(e) le : 11/08/2015

Voir le profil de l'utilisateur http://audeladesvoyances.forumgratuit.be/
Ombeline30 a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Coloriser les annonces et notes

Message par Neptunia Sam 17 Avr 2021 - 15:17

J'ai toujours la même erreur liée à l'éditeur.

N'as tu pas un script qui déplace le bouton "Mentionner un membre" juste avant le bouton "Date actuelle" ? Par défaut le bouton est à gauche des smilies du forum (sur la réponse rapide)

Je vois aussi un script qui modifie le css de l'éditeur
Code:
$(function () {
   $(function () {
      $("#text_editor_textarea ").sceditor('instance').css('::-webkit-scrollbar{width:10px!important;height:20px}::-webkit-scrollbar-track{background:#f9f7f7!important}::-webkit-scrollbar-thumb{background-color:#e1e9d4!important;border:1px solid#fff!important;border-radius:15px!important}body{overflow-x:hidden}')
   })
});
Curieux de passer par le javascript pour faire ça. Passer par la feuille CSS m'aurait paru plus adapté.

En tout cas ya bien au moins l'un de ces deux scripts qui débloque.

Il y a aussi des scripts devenus inutiles.
Par exemple ceux relatifs aux notifications. Désormais la notif toolbar renvoie le nom du sujet concerné en lieu et place de "ce sujet".

Neptunia

Neptunia
Membre actif

Féminin
Messages : 17832
Inscrit(e) le : 08/08/2010

Voir le profil de l'utilisateur https://www.galaxie-series.net/
Neptunia a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Coloriser les annonces et notes

Message par Ombeline30 Sam 17 Avr 2021 - 17:10

Re coucou Neptunia

Alors scripts notifications effacés + essai avec script scrollbar éditeur de messages wysiwyg effacé rien n'a changé, j'ai tenté de remplacer la scrollbar de cet éditeur wysiwyg précisément par du css à l'instant tout comme à l'époque et n'y suis jamais arrivée d'où le script Sad

Donc visiblement les scripts n'y sont pour rien au problème vu que sur mon fofo test j'ai le même soucis sans AUCUN script  Sorry

Et pour le bouton mention je n'ai mis que le css prévu pour et mon @ se situe bel et bien à gauche des smileys
Ombeline30

Ombeline30
****

Messages : 358
Inscrit(e) le : 11/08/2015

Voir le profil de l'utilisateur http://audeladesvoyances.forumgratuit.be/
Ombeline30 a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Coloriser les annonces et notes

Message par Ombeline30 Sam 17 Avr 2021 - 18:03

Je viens d'essayer de rajouter ce code car cette partie n'y est plus dans mon topics_list_box :

Code:
<!-- BEGIN single_selection -->
      <td class="{topics_list_box.row.ROW_CLASS}" align="center" valign="middle" width="20"><input type="radio" name="{topics_list_box.FIELDNAME}" value="{topics_list_box.row.FID}" {topics_list_box.row.L_SELECT} /></td>
      <!-- END single_selection -->
      <td class="{topics_list_box.row.ROW_FOLDER_CLASS}" align="center" valign="middle" width="20"><img title="{topics_list_box.row.L_TOPIC_FOLDER_ALT}" src="{topics_list_box.row.TOPIC_FOLDER_IMG}" alt="{topics_list_box.row.L_TOPIC_FOLDER_ALT}" /></td>
      <!-- BEGIN icon -->
      <td class="{topics_list_box.row.ROW_CLASS}" align="center" valign="middle" width="20">{topics_list_box.row.ICON}</td>
      <!-- END icon -->

mais du coup les icônes apparaissent en double et cela n'engendre pas que le script fonctionne Sad
Ombeline30

Ombeline30
****

Messages : 358
Inscrit(e) le : 11/08/2015

Voir le profil de l'utilisateur http://audeladesvoyances.forumgratuit.be/
Ombeline30 a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Coloriser les annonces et notes

Message par Neptunia Sam 17 Avr 2021 - 18:40

Il faudrait essayer en désactivant tous les scripts sauf celui concernant la colorisation des annonces et notes.

Le problème vient forcément de ton codage puisqu'avec les éléments fournis, j'ai réussi à coloriser ma note au premier essai (et j'ai un paquet de scripts actifs sans avoir d'erreurs, de plus je ne pouvais pas voir le résultat avant d'avoir le css lié aux listes de sujets).

Du côté du javascript il faudrait désactiver (sur le fofo test) tous les scripts sauf celui de la colorisation. Ca permettra de savoir définitivement si ça vient d'un script ou pas.

Si ça ne règle toujours pas le souci, faudra regarder du côté des templates (overall_header, viewforum_body, overall_footer_begin et overall_footer_end)
Neptunia

Neptunia
Membre actif

Féminin
Messages : 17832
Inscrit(e) le : 08/08/2010

Voir le profil de l'utilisateur https://www.galaxie-series.net/
Neptunia a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Coloriser les annonces et notes

Message par Ombeline30 Sam 17 Avr 2021 - 18:43

merci beaucoup Neptunia je vais m'atteler à la tâche Wink
Ombeline30

Ombeline30
****

Messages : 358
Inscrit(e) le : 11/08/2015

Voir le profil de l'utilisateur http://audeladesvoyances.forumgratuit.be/
Ombeline30 a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Coloriser les annonces et notes

Message par Ombeline30 Dim 18 Avr 2021 - 8:16

Coucou @"Neptunia"

Au final il n'y avait aucun soucis avec aucun script car hier soir j'ai fait mes tests comme vous me l'aviez suggéré + j'ai remis mon forum test à zéro avec TOUTES les valeurs de base de forumactif et cela ne fonctionnait toujours pas (bizarre alors que chez vous aucun soucis) du coup j'ai demandé de l'aide à @"Milouze14" qui m'a déjà beaucoup aidée sur divers codages et tout est rentré dans l'ordre, excuse-moi pour le dérangement et un grand merci pour ta disponibilité et pour l'aide que tu as voulu m'apporter Yes

Très beau dimanche Coloriser les annonces et notes 1%20(35)
Ombeline30

Ombeline30
****

Messages : 358
Inscrit(e) le : 11/08/2015

Voir le profil de l'utilisateur http://audeladesvoyances.forumgratuit.be/
Ombeline30 a été remercié(e) par l'auteur de ce sujet.

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

- Sujets similaires

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