Icône nouveau sujet disparue après application couleur de fond

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

Résolu Icône nouveau sujet disparue après application couleur de fond

Message par TOM_@ le Mer 19 Nov 2014 - 0:03

Détails techniques


Version du forum : phpBB3
Poste occupé : Fondateur
Navigateur(s) concerné(s) : Mozilla Firefox
Personnes concernées par le problème : Tous les utilisateurs
Lien du forum : http://lescobrasidf.forumactif.org/

Description du problème

Bonsoir,

J'ai appliqué le code suivant, afin de colorier les cellules lorsqu'un nouveau message est posté :

Code:
dl.newpost {                               
        background:#FEC983;
     }

De ce coté là, aucun problème.
Cependant l’icône de nouveau sujet a disparu.
Quelle code CSS me permettrait de la récupérer en complément de la couleur de la cellule déjà appliquée par le code précédent ?

TOM_@
Nouveau membre

Masculin
Messages : 21
Inscrit(e) le : 10/11/2014

http://lescobrasidf.forumactif.org/
TOM_@ a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Icône nouveau sujet disparue après application couleur de fond

Message par Milouze14 le Mer 19 Nov 2014 - 6:18

Salut TOM_@ ,
j'ai beau chercher sur mon forum phpbb3, cette class n'existe pas dans les nouveaux sujets:

Code:
dl.newpost

Tu as modifié le template concerné?

a++

Milouze14
+ Hyperactif +

Masculin
Messages : 4565
Inscrit(e) le : 18/04/2005

http://www.milouze14.com/
Milouze14 a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Icône nouveau sujet disparue après application couleur de fond

Message par Neptunia le Mer 19 Nov 2014 - 9:07

Bonjour TOM_@ et Milouze ^^

@TOM_@ :
Le css à mettre est
dl.newpost {
background-color:#FEC983 !important;}

- En tant que background, la couleur définie passait par dessus l'image devenue masquée par la couleur.
- Avec cette configuration, il me semble que le !important est impératif.

@Milouze :
@Milouze14 a écrit:j'ai beau chercher sur mon forum phpbb3, cette class n'existe pas dans les nouveaux sujets:
Y'a un bout de javascript qui va avec !

Astuce Coloriser les cellules sur l’index lorsqu’un nouveau message est posté

Neptunia
+ Hyperactif +

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

http://www.planet-series.com/
Neptunia a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Icône nouveau sujet disparue après application couleur de fond

Message par Milouze14 le Mer 19 Nov 2014 - 17:46

Salut TOM_@ et Neptune- ,

merci pour l'info Neptune Wink ,


- En tant que background, la couleur définie passait par dessus l'image devenue masquée par la couleur.
- Avec cette configuration, il me semble que le !important est impératif.
De mon côté je ne l'ai pas mentionné Neptune et le background est affiché avec la couleur que j'ai désire Wink .


TOM_@ :
Il y deux erreurs dans les scripts présents.

Celui-ci:
http://lescobrasidf.forumactif.org/99053.js
Cette partie:
Code:

$(function(){
$("dl.icon[style*='http://illiweb.com/fa/prosilver/announce_read.gif']").addClass("annonce");
$("dl.icon[style*='http://illiweb.com/fa/prosilver/sticky_read.gif']").addClass("Note")
});

Il manque la fermeture de la deuxième ligne:

Après ceci:

Code:

.addClass("Note")
Ajoutes un point virgule

le script sera donc comme ceci:
Code:

$(function(){
$("dl.icon[style*='http://illiweb.com/fa/prosilver/announce_read.gif']").addClass("annonce");
$("dl.icon[style*='http://illiweb.com/fa/prosilver/sticky_read.gif']").addClass("Note");
});

Ce script :
http://lescobrasidf.forumactif.org/12270.js

Idem:

Code:

$(function(){
$('dl.icon[style*="http://illiweb.com/fa/prosilver/forum_unread_category.gif"]').addClass('newpost');
$('dl.icon[style*="http://illiweb.com/fa/prosilver/forum_unread.gif"]').addClass('newpost')
});
Après ceci:

Code:

.addClass('newpost')
Ajoutes un point virgule

le script sera donc comme ceci:
Code:

$(function(){
$('dl.icon[style*="http://illiweb.com/fa/prosilver/forum_unread_category.gif"]').addClass('newpost');
$('dl.icon[style*="http://illiweb.com/fa/prosilver/forum_unread.gif"]').addClass('newpost');
});

Penses à cliquer sur le bouton

a++




Milouze14
+ Hyperactif +

Masculin
Messages : 4565
Inscrit(e) le : 18/04/2005

http://www.milouze14.com/
Milouze14 a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Icône nouveau sujet disparue après application couleur de fond

Message par TOM_@ le Mer 19 Nov 2014 - 22:48

Bonsoir Milouze et Neptune.

J'ai vérifié les scripts, et pour moi ils étaient corrects, sans oubli.
Mais dans le doute je les ai supprimé et crée de nouveau.

Cependant il manquait bien "-color", d'après Neptune dans :
Code:
dl.newpost {
background-color:#FEC983 !important;}

Suite à cette correction, tout est rentré dans l'ordre, et l’icône nouveau message est apparue dans l'index général (Accueil).

Par contre, le fond de couleur est bien actif dans l'index général, mais plus sur le nouveau sujet posté scratch
Pourtant j'ai bien suivi le Tutoriel de Matriochka.
Mon but final est de colorier les nouveaux sujets postés et la catégorie du Forum correspondant d'une certaine couleur. La seconde partie est OK, mais la première n'y est pas.
Si vous pouviez éclairer mes lanternes, car là mes (quelques) neurones me font mal Question Question Question

TOM_@
Nouveau membre

Masculin
Messages : 21
Inscrit(e) le : 10/11/2014

http://lescobrasidf.forumactif.org/
TOM_@ a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Icône nouveau sujet disparue après application couleur de fond

Message par Neptunia le Jeu 20 Nov 2014 - 6:47

Le tutoriel de Matriochka ne concerne que l'index (comme l'indique son titre) et non les sous-forums.

Il vous faut donc créer un autre javascript pour les sous-forums avec les images adaptées.
Ou compléter l'ancien et le placer sur les sous-forums en plus de l'index déjà coché.

A titre d'exemple, voilà ce que j'utilise sur mon forum. Le script ne fonctionnera pas tel quel, puisque je suis sous PunBB
Code:
$(function() {
/* Ajoute une class à la cellule si sujet avec nouveau message */
$('img[src="http://hitsk.in/t/13/86/22/i_icon_newest_reply.gif"]').closest('tr').addClass('newpost');
/* Ajoute une class à la cellule si forum avec nouveau message */
$('img[src="http://hitsk.in/t/13/86/22/i_icon_minipost_new.gif"]').closest('tr').addClass('newpost');
/* Ajoute une class à la cellule si catégorie avec nouveau message */
$('img[src="http://hitsk.in/t/13/86/22/i_icon_minicat_new.gif"]').closest('tr').addClass('newpost');
/* Ajoute un texte défilant si catégorie ou forum avec nouveau message */
$('tr.newpost h2.hierarchy a.forumlink').after('<div class="check-post"><marquee behavior="alternate" scrolldelay="100" style="width: 100%;"><font color="red"> ►►► Nouveau(x) message(s) ◄◄◄</font></marquee></div>');
});

Ici je ne me sers pas des icônes de légende des sujets, il y en a 6 qui indiquent les nouveaux messages. Mais la petite icône de la colonne Derniers messages qui reste la même que le sujet soit populaire ou pas, verrouillé ou pas etc etc. L'icône qui par défaut ressemble à une petite feuille.

Pour info le script signalant les annonces et Note contient encore une erreur ou plutôt un oubli. Il va coloriser en vert les Note lus mais pas ceux qui ne sont pas lus puisque le script ne réagit qu'à cette image et non à celle là

Neptunia
+ Hyperactif +

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

http://www.planet-series.com/
Neptunia a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Icône nouveau sujet disparue après application couleur de fond

Message par TOM_@ le Jeu 20 Nov 2014 - 16:21

Bonjour Neptune-
Neptune- a écrit:
Pour info le script signalant les annonces et Note contient encore une erreur ou plutôt un oubli. Il va coloriser en vert les Note lus mais pas ceux qui ne sont pas lus puisque le script ne réagit qu'à cette image et non à celle là
Je te remercie de ces remarques très pertinentes : j'ai pu corriger ces oublis efficacement.

Au sujet du reste ton script peut me faire une piste de départ. Malheureusement, je débute dans ce domaine qui ne m'est pas trop familier au sujet des codes. Mais bon en faisant quelques recherches je vais essayer !!

Merci à vous deux, Milouze14 et Neptune-, pour vos précieux conseils qui m'ont permis d'avancer.
@+

TOM_@
Nouveau membre

Masculin
Messages : 21
Inscrit(e) le : 10/11/2014

http://lescobrasidf.forumactif.org/
TOM_@ a été remercié(e) par l'auteur de ce sujet.

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


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