Fond des sujets colorés, code javascript

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

Résolu Fond des sujets colorés, code javascript

Message par Whitemoon le Dim 15 Mar 2015 - 20:21

Détails techniques


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

Description du problème

Bonjour ! Je suis actuellement entrain de faire mon forum RPG, et en cherchant une solution pour mon problème, donc mettre le fond des nouveaux sujets colorés (je trouve qu'avec mon codage les nouveaux sujets sont difficiles à voir actuellement), je suis tombée sur ce sujet : http://forum.forumactif.com/t374798-changer-le-fond-d-un-sujet-lors-d-un-nouveau-message

J'ai donc essayé sur mon forum, et comme la personne du sujet, cela ne fonctionne pas, je rencontre le même souci, mais la réponse ne se trouve pas sur le sujet de la demande d'aide...

Donc, vu que le code a été fait par Milouze14, s'il pouvait venir m'aider à résoudre ceci, ce serait top =)

Merci d'avance !


Dernière édition par Whitemoon le Jeu 19 Mar 2015 - 14:28, édité 1 fois

Whitemoon
Nouveau membre

Féminin
Messages : 6
Inscrit(e) le : 15/03/2015

http://itsraininganimals.forumactif.fr/
Whitemoon a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Fond des sujets colorés, code javascript

Message par Milouze14 le Lun 16 Mar 2015 - 4:09

Salut Whitemoon ,
bienvenue sur le Forum des Forums Wink .

Il faut en fait trouver le lien de l'image annonçant un nouveau sujet

Passes en mode avancé en cliquant sur :
Affichage/Images et couleurs/Gestion des images/Mode avançé


Icônes des sujets puis recherches le lien de l'image et copies le:

"Sujet - Nouveau :"
Puis déposes le à la place de:
"LE LIEN DE L IMAGE"

Ici:
Code:

       
$(function() {
$('img[src="LE LIEN DE L IMAGE"]').closest('tr').attr('id','M14_New').attr('title','Nouveau message');
});


Dans la feuille de style:
Affichage/Images et Couleurs/Couleurs/Feuille de style

Code:


tr#M14_New td{background:green;}

Changes la couleur par celle de ton choix.

a++





Milouze14
+ Hyperactif +

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

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

Résolu Re: Fond des sujets colorés, code javascript

Message par Whitemoon le Lun 16 Mar 2015 - 9:52

Bonjour !

Ca ne fonctionne pas, ça reste ma couleur de base, que ce soit pour les nouveaux sujets ou les anciens.

J'avais fait l'erreur de mettre l'image vide de forumactif, vu qu'à la base je n'ai pas d'image correspondante, mais même en mettant une image classique pour le code, ça ne fonctionne pas.

Whitemoon
Nouveau membre

Féminin
Messages : 6
Inscrit(e) le : 15/03/2015

http://itsraininganimals.forumactif.fr/
Whitemoon a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Fond des sujets colorés, code javascript

Message par Milouze14 le Lun 16 Mar 2015 - 15:51

Re,

tu peux me donner le script que tu as déposé stp Wink .

a++

Milouze14
+ Hyperactif +

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

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

Résolu Re: Fond des sujets colorés, code javascript

Message par Whitemoon le Lun 16 Mar 2015 - 18:11

Le voici :

Code:
$(function() {
$('img[src="http://illiweb.com/fa/prosilver/topic_unread.gif"]').closest('tr').attr('id','M14_New').attr('title','Nouveau message');
});

Whitemoon
Nouveau membre

Féminin
Messages : 6
Inscrit(e) le : 15/03/2015

http://itsraininganimals.forumactif.fr/
Whitemoon a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Fond des sujets colorés, code javascript

Message par Milouze14 le Mar 17 Mar 2015 - 4:17

Salut Whitemoon,

l'astuce fonctionne sur template vierge dans cette partie , vu que tu as tout modifié,
il va falloir le paramétrer.

Le script devrait de toute manière celui-ci:
Code:

$(function() {
$('img[src="http://illiweb.com/fa/prosilver/topic_unread.gif"]').closest('table.sujet').attr('id','M14_New').attr('title','Nouveau message');
        });

La css:

Code:

table#M14_New.sujet {background:green;}


Il faudrait avoir le template index_box:
Affichage/Templates/Général/index_box

et le template topics_list_box:
Affichage/Templates/Général/topics_list_box

a++

Milouze14
+ Hyperactif +

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

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

Résolu Re: Fond des sujets colorés, code javascript

Message par Whitemoon le Mar 17 Mar 2015 - 9:56

Bonjour !

Voici donc le index-box


Et le topics list box :

Whitemoon
Nouveau membre

Féminin
Messages : 6
Inscrit(e) le : 15/03/2015

http://itsraininganimals.forumactif.fr/
Whitemoon a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Fond des sujets colorés, code javascript

Message par Milouze14 le Mar 17 Mar 2015 - 17:41

Re,
tu peux me donner la css stp Wink .

a++

Milouze14
+ Hyperactif +

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

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

Résolu Re: Fond des sujets colorés, code javascript

Message par Whitemoon le Mar 17 Mar 2015 - 22:38

Et hop, la voici !


Whitemoon
Nouveau membre

Féminin
Messages : 6
Inscrit(e) le : 15/03/2015

http://itsraininganimals.forumactif.fr/
Whitemoon a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Fond des sujets colorés, code javascript

Message par Milouze14 le Mer 18 Mar 2015 - 19:25

Salut Whitemoon,

désolé pour le retard , job oblige...

Supprimes le javascript donné précédemment puis la css

Code:
table#M14_New.sujet{background:#4F2824;}

Ensuite suis cette procédure:
Dans le template topics_list_box:
Affichage/Templates/Général/topics_list_box

ligne 58 recherches ceci:
Code:
<td valign="middle" align="right" width="210">
Supprimes et remplaces par:
Code:
<td id="M14_td"valign="middle" align="right" width="210">

Penses a enregistrer les modifications en cliquant respectivement sur et


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

Mettre un titre explicite.
Cocher sur toutes les pages.
Colles ceci
Code:

$(function() {
$('td#M14_td  img[title="Voir le message le plus récent"]').closest('table.sujet').attr('id','M14_New').attr('title','Nouveau message');
$('div.status-forum  img[title="Nouveaux messages"]').closest('div.categorie').attr('id','M14_Cat_New').attr('title','Nouveaux messages');
});



Penses à cliquer sur le bouton


Dans la feuille de style:
Affichage/Images et Couleurs/Couleurs/Feuille de style


Colles ceci:
Code:

/*Categorie / sous forums si nouveaux messages*/
#M14_Cat_New.categorie
{
border:5px solid red !important;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
}
/*Liste des sujets si nouveaux messages*/
table#M14_New {background:#4F2824 ;}



Penses à cliquer sur le bouton

Agrémentes ensuite ta css comme tu le souhaites



a++



Milouze14
+ Hyperactif +

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

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

Résolu Re: Fond des sujets colorés, code javascript

Message par Whitemoon le Jeu 19 Mar 2015 - 14:28

Coucou !

Pas grave pour le retard, on a tous une vie, et de toute façon je fonctionne un peu en ralenti en ce moment...

Tout fonctionne parfaitement ! Je passe en résolu, et je vous remercie beaucoup =). Lorsque je ferai les crédits vous y apparaitrez, en remerciement de l'aide apportée.

Whitemoon
Nouveau membre

Féminin
Messages : 6
Inscrit(e) le : 15/03/2015

http://itsraininganimals.forumactif.fr/
Whitemoon 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