changer couleurs "à lire" et "annonce"

[grandbras]

Bonjour et Bonne et heureuse année a tous !!!

j'ai chercher  partout et je n'est pas trouver  un sujet qui parlait de se sujet ,j'espere juste être a la bonne place  pour pauser ma question , et je n'est pas trouver non plus dans quelle template  je doit changer pour avoir



comme dans le rond rouge de la photo je veut changer   "" POUR VOTRE INFO ! & À LIRE !!!

pour

" POUR VOTRE INFO" en vert comme sur la photo et , " À LIRE"  en bleu  et  ajouter en rouge  "ATTENTION SPÉCIAL".


2)



comme dans la photo # 2  , faire en sorte que les couleurs demander  se retrouve  au bon endroit   donc exemple attention spécial serait en rouge  , à lire serait en  bleu et  pour votre info en vert  

cette parti la j'ai essayer dans le panneau d'admin et les code couleur veulent pas entrer    

aussi si tous sa peut se faire dans un template  me dire a quelle endroit le mettre  et a quelle ligne aussi ,

merci a l'avance pour  vos réponse  

[stefou]

Bonjour,

Mettre ceci dans le titre de la catégorie, si vous voulez affiner la couleur, remplacer "green, blue, red" par le code couleur exact.

Code:

<span style="color:green"> POUR VOTRE INFO<span style="color:blue"> À LIRE<span style="color:red"> ATTENTION SPÉCIAL

Même principe pour les forums et sous forums. en éditant les titres et y insérer les balises et codes couleurs.

Pour les annonces et post'it il faut accepter les titres de messages en couleurs dans P.A.--> général--> messages & E-mail--> configuration--> sujets

[Serang]

Hello,

Bonjour et Bonne et heureuse année a tous !!!

j'ai chercher  partout et je n'est pas trouver  un sujet qui parlait de se sujet ,j'espere juste être a la bonne place  pour pauser ma question , et je n'est pas trouver non plus dans quelle template  je doit changer pour avoir



comme dans le rond rouge de la photo je veut changer   "" POUR VOTRE INFO ! & À LIRE !!!

pour

" POUR VOTRE INFO" en vert comme sur la photo et , " À LIRE"  en bleu  et  ajouter en rouge  "ATTENTION SPÉCIAL".


2)



comme dans la photo # 2  , faire en sorte que les couleurs demander  se retrouve  au bon endroit   donc exemple attention spécial serait en rouge  , à lire serait en  bleu et  pour votre info en vert  

cette parti la j'ai essayer dans le panneau d'admin et les code couleur veulent pas entrer    

aussi si tous sa peut se faire dans un template  me dire a quelle endroit le mettre  et a quelle ligne aussi ,

merci a l'avance pour  vos réponse   

Comme vous le conseil Stefou, sauf que son code ouvre, mais ne ferme pas.
Voici un correction =>

Code:

<span style="color:green"> POUR VOTRE INFO</span><span style="color:blue"> À LIRE</span><span style="color:red"> ATTENTION SPÉCIAL</span>

Ou encore plus simple =>

Code:

<font color="green">Pour votre info</font><font color="blue">A lire</font><font color="red">Attention spécial</font>

Merci,
Isolde


P.S The director c'est vous aussi qui aller prendre une punition, vous vous prenez pour un modérateur avec cette remarque. Si tu n'as pas la réponse ne pas répondre au sujet, même avec une remarque. Fin du Hors sujet dans mon cas.

[grandbras]

Code:

<span style="color:green"> POUR VOTRE INFO</span><span style="color:blue"> À LIRE</span><span style="color:red"> ATTENTION SPÉCIAL</span>

Ou encore plus simple =>

Code:

<font color="green">Pour votre info</font><font color="blue">A lire</font><font color="red">Attention spécial</font>

Merci,
Isolde

merci mais je crois que ont ne se comprend pas    

pour voir les titre en rouge,vert,bleu  ses dans le panneau d'admin que sa prend des couleurs   je vous met une  photo pour vous expliquer



car quand ses séparé par un tableau ,sa fait comme une nouvelle catégorie mais sa n'en n'est pas une une  donc les titre vont devenir  de la couleur  choisi dans le panneau d'admin

merci a  l'avance de votre aide  et de votre temps    

[TheDirector]

Bonsoir,

Code:

<font color="green">À LIRE</font>

Code:

<font color="blue">POUR VOTRE INFO</font>

Code:

<font color="red">ATTENTION SPÉCIAL</font>

à mettre dans chaque libellé

Cordialement

[grandbras]

Bonsoir,

Code:

<font color="green">À LIRE</font>

Code:

<font color="blue">POUR VOTRE INFO</font>

Code:

<font color="red">ATTENTION SPÉCIAL</font>

à mettre dans chaque libellé

Cordialement

sa ne fonctionne pas cette methode la je l,est essayer a mainte reprise et rien je ne peut meme pas mettre le code en encore moins le font non plus  :no :no 

[grandbras]

un petit up svp

[guyco]

un petit up svp

Pour la catégorie, as-tu essayé ce code:

<font color="green">POUR VOTRE INFO</font>        <font color="blue">À LIRE</font>     <font color="red">ATTENTION SPÉCIALE</font>


Faut laisser les espaces entre chacun.  A placer tel quel dans le titre de ta catégorie.

[grandbras]

un petit up svp

Pour la catégorie, as-tu essayé ce code:

<font color="green">POUR VOTRE INFO</font>        <font color="blue">À LIRE</font>     <font color="red">ATTENTION SPÉCIALE</font>


Faut laisser les espaces entre chacun.  A placer tel quel dans le titre de ta catégorie.

ce n'est pas dans une catégorie que sa va ses dans le panneau des admins comme dans la photo si-bas

[guyco]

un petit up svp

Pour la catégorie, as-tu essayé ce code:

<font color="green">POUR VOTRE INFO</font>        <font color="blue">À LIRE</font>     <font color="red">ATTENTION SPÉCIALE</font>


Faut laisser les espaces entre chacun.  A placer tel quel dans le titre de ta catégorie.

ce n'est pas dans une catégorie que sa va ses dans le panneau des admins  

C'est ça. Quand tu fais ta nouvelle catégorie dans le panneau des admins, tu met ce code.

[Scoubifitz]

Bonjour,

Merci de vous référer à ce tutoriel fourni par le forum des forums , dans Trucs & Astuces

https://forum.forumactif.com/t348011-coloriser-les-cases-des-Note-et-des-annonces

  

[Ea]

Bonjour,


J'imagine que vous pouvez mettre un script comme ceci sur les sous-forums :

Code:

$(function(){

  $('th[colspan]').filter(function(){ return $(this).text().search('POUR VOTRE INFO !  & À LIRE')!=-1 }).html('<span style="color:#289222;">POUR VOTRE INFO !</span>  & <span style="color:blue">À LIRE</span>');

  $("div.topictitle").each(function(){
    if(!this.firstChild || this.firstChild.nodeType!=3) return;

    var v = this.firstChild.nodeValue.substr(0, this.firstChild.nodeValue.length - 2);

    if(v == 'ATTENTION SPÉCIAL ')
      $(this.firstChild).wrap('<span style="color:red" />');
    else if(v == 'À LIRE')
        $(this.firstChild).wrap('<span style="color:blue" />');
    else if(v == 'POUR VOTRE INFO ! ')
        $(this.firstChild).wrap('<span style="color:#289222" />');
  });

});

Résultat : https://i.imgur.com/ojFZZSL.png

Cordialement.

[grandbras]

Bonjour,


J'imagine que vous pouvez mettre un script comme ceci sur les sous-forums :

Code:

$(function(){

  $('th[colspan]').filter(function(){ return $(this).text().search('POUR VOTRE INFO !  & À LIRE')!=-1 }).html('<span style="color:#289222;">POUR VOTRE INFO !</span>  & <span style="color:blue">À LIRE</span>');

  $("div.topictitle").each(function(){
    if(!this.firstChild || this.firstChild.nodeType!=3) return;

    var v = this.firstChild.nodeValue.substr(0, this.firstChild.nodeValue.length - 2);

    if(v == 'ATTENTION SPÉCIAL ')
      $(this.firstChild).wrap('<span style="color:red" />');
    else if(v == 'À LIRE')
        $(this.firstChild).wrap('<span style="color:blue" />');
   else if(v == 'POUR VOTRE INFO ! ')
        $(this.firstChild).wrap('<span style="color:#289222" />');
  });

});

Résultat : https://i.imgur.com/ojFZZSL.png

Cordialement.

ont approche ses sa que je veut  aussi    mais sur mon forum teste je l,est rentrer dans le code javascript , y,a juste la couleur bleu qui fonctionne le rouge et le vert  lui n'apparait pas    et j,ai essayer aussi de toute les maniere   sur l,index ,sur le portail , sur les sous-forums  la le bleu apparait , sur les sujet  le bleu disparait , sur la galerie rien ,et sur toutes les page juste le bleu qui apparait    bizarre mais sa commence a fonctionner  par exemple ,ou j,ai pas rentrer le code au bon endroit peut etre car pour toi sa fonctionne bien    

merci pour tout a date   

[Ea]

si je teste sur http://danyetryck.forumdediscussions.net/ cela fonctionne aussi ( sauf pour le "pour votre info" qui est écrit différemment )

https://i.imgur.com/YNilT8B.png

[grandbras]

si je teste sur http://danyetryck.forumdediscussions.net/ cela fonctionne aussi ( sauf pour le "pour votre info" qui est écrit différemment )

https://i.imgur.com/YNilT8B.png

voici se que sa donne dans le forum teste



mais toi le met tu dans pour toute les page et quesque ont peut faire pour avoir la couleur aussi votre info   

[Ea]

Vu la capture d'écran, quand il y a la boule ( qui signifie qu'on a posté dans le sujet ) ça ne fonctionne pas.

Je n'avais pas pensé ni testé le script pour ce cas de figure.

Voilà un essai de modification mais c'est sans essayer :

Code:

$(function(){
 
  $('th[colspan]').filter(function(){ return $(this).text().search('POUR VOTRE INFO !  & À LIRE')!=-1 }).html('<span style="color:#289222;">POUR VOTRE INFO !</span>  & <span style="color:blue">À LIRE</span>');
 
  $("div.topictitle").each(function(){
    if(this.firstChild.nodeType==1 && this.firstChild.tagName=="IMG")
      var n = this.firstChild.nextSibling;
    else
      var n = this.firstChild;
    if(!n || n.nodeType!=3) return;
 
    var v = n.nodeValue.substr(0, n.nodeValue.length - 2);
 
    if(v == 'ATTENTION SPÉCIAL ')
      $(n).wrap('<span style="color:red" />');
    else if(v == 'À LIRE')
        $(n).wrap('<span style="color:blue" />');
    else if(v == 'POUR VOTRE INFO ! ')
        $(n).wrap('<span style="color:#289222" />');
  });
 
});

[grandbras]

Vu la capture d'écran, quand il y a la boule ( qui signifie qu'on a posté dans le sujet ) ça ne fonctionne pas.

Je n'avais pas pensé ni testé le script pour ce cas de figure.

Voilà un essai de modification mais c'est sans essayer :

Code:

$(function(){
 
 $('th[colspan]').filter(function(){ return $(this).text().search('POUR VOTRE INFO !  & À LIRE')!=-1 }).html('<span style="color:#289222;">POUR VOTRE INFO !</span>  & <span style="color:blue">À LIRE</span>');
 
 $("div.topictitle").each(function(){
    if(this.firstChild.nodeType==1 && this.firstChild.tagName=="IMG")
      var n = this.firstChild.nextSibling;
    else
      var n = this.firstChild;
    if(!n || n.nodeType!=3) return;
 
   var v = n.nodeValue.substr(0, n.nodeValue.length - 2);
 
   if(v == 'ATTENTION SPÉCIAL ')
      $(n).wrap('<span style="color:red" />');
    else if(v == 'À LIRE')
        $(n).wrap('<span style="color:blue" />');
    else if(v == 'POUR VOTRE INFO ! ')
        $(n).wrap('<span style="color:#289222" />');
  });
 
});

le rouge fonctionne bien et le bleu avec reste juste le vert pour votre info qui ne fonctionne pas    il résiste je crois et la boule bleu apparait aussi




merci de ton aide et de ta patience     

[grandbras]

voici se que je voit apres avoir mit le code dans le vrai forum   



Personnaliser le libellé d'un Note = À lire >>>> mettre en bleu >>>> seulement le >>>> "" À lire

Personnaliser le libellé d'une Annonce = Pour votre info >>>> mettre en vert foncer >>>> seulement le >>>>""Pour votre info""

Personnaliser le libellé d'une Annonce globale = Attention spécial >>>> mettre en rouge >>>> seulement le ""Attention spécial""

le code est installer dans le forum et rien ne va  :zen: 

[Ea]

Les intitulés ont été changé depuis mon script au dessus ( par exemple le "POUR VOTRE INFO !" à la place de l'actuel "Pour votre info" ).

Voilà une modification pour les nouveaux intitulés :

Code:

$(function(){
 
  $('th[colspan]').filter(function(){ return $(this).text().search('Pour votre info & À lire')!=-1 }).html('<span style="color:#289222;">Pour votre info</span> & <span style="color:blue">À lire</span>');
 
  $("div.topictitle").each(function(){
    if(this.firstChild.nodeType==1 && this.firstChild.tagName=="IMG")
      var n = this.firstChild.nextSibling;
    else
      var n = this.firstChild;
    if(!n || n.nodeType!=3) return;
 
    var v = n.nodeValue.substr(0, n.nodeValue.length - 2);
 
    if(v == 'Attention spécial')
      $(n).wrap('<span style="color:red" />');
    else if(v == 'À lire')
        $(n).wrap('<span style="color:blue" />');
    else if(v == 'Pour votre info')
        $(n).wrap('<span style="color:#289222" />');
  });
 
});$(function(){
 
  $('th[colspan]').filter(function(){ return $(this).text().search('Pour votre info & À lire')!=-1 }).html('<span style="color:#289222;">Pour votre info</span> & <span style="color:blue">À lire</span>');
 
  $("div.topictitle").each(function(){
    if(this.firstChild.nodeType==1 && this.firstChild.tagName=="IMG")
      var n = this.firstChild.nextSibling;
    else
      var n = this.firstChild;
    if(!n || n.nodeType!=3) return;
 
    var v = n.nodeValue.substr(0, n.nodeValue.length - 2);
 
    if(v == 'Attention spécial')
      $(n).wrap('<span style="color:red" />');
    else if(v == 'À lire')
        $(n).wrap('<span style="color:blue" />');
    else if(v == 'Pour votre info')
        $(n).wrap('<span style="color:#289222" />');
  });
 
});

[grandbras]

Les intitulés ont été changé depuis mon script au dessus ( par exemple le "POUR VOTRE INFO !" à la place de l'actuel "Pour votre info" ).

Voilà une modification pour les nouveaux intitulés :

Code:

$(function(){
 
 $('th[colspan]').filter(function(){ return $(this).text().search('Pour votre info & À lire')!=-1 }).html('<span style="color:#289222;">Pour votre info</span> & <span style="color:blue">À lire</span>');
 
 $("div.topictitle").each(function(){
    if(this.firstChild.nodeType==1 && this.firstChild.tagName=="IMG")
      var n = this.firstChild.nextSibling;
    else
      var n = this.firstChild;
    if(!n || n.nodeType!=3) return;
 
   var v = n.nodeValue.substr(0, n.nodeValue.length - 2);
 
   if(v == 'Attention spécial')
      $(n).wrap('<span style="color:red" />');
    else if(v == 'À lire')
        $(n).wrap('<span style="color:blue" />');
    else if(v == 'Pour votre info')
        $(n).wrap('<span style="color:#289222" />');
  });
 
});$(function(){
 
 $('th[colspan]').filter(function(){ return $(this).text().search('Pour votre info & À lire')!=-1 }).html('<span style="color:#289222;">Pour votre info</span> & <span style="color:blue">À lire</span>');
 
 $("div.topictitle").each(function(){
    if(this.firstChild.nodeType==1 && this.firstChild.tagName=="IMG")
      var n = this.firstChild.nextSibling;
    else
      var n = this.firstChild;
    if(!n || n.nodeType!=3) return;
 
   var v = n.nodeValue.substr(0, n.nodeValue.length - 2);
 
   if(v == 'Attention spécial')
      $(n).wrap('<span style="color:red" />');
    else if(v == 'À lire')
        $(n).wrap('<span style="color:blue" />');
    else if(v == 'Pour votre info')
        $(n).wrap('<span style="color:#289222" />');
  });
 
});

      sa fonctionne asteur     merci a toi pour tous ses très apprécier de nous tous encore merci désoler si les intitule ont ete changer car j,essaye de toute les maniere pour le faire fonctionner mais toi tu connait sa merci encore je met en résolu  :thanks:  :thanks: 

[Ea]

J'ai copié-collé le code 2 fois sans faire exprès, mais une suffit :

Code:

$(function(){
 
  $('th[colspan]').filter(function(){ return $(this).text().search('Pour votre info & À lire')!=-1 }).html('<span style="color:#289222;">Pour votre info</span> & <span style="color:blue">À lire</span>');
 
  $("div.topictitle").each(function(){
    if(this.firstChild.nodeType==1 && this.firstChild.tagName=="IMG")
      var n = this.firstChild.nextSibling;
    else
      var n = this.firstChild;
    if(!n || n.nodeType!=3) return;
 
    var v = n.nodeValue.substr(0, n.nodeValue.length - 2);
 
    if(v == 'Attention spécial')
      $(n).wrap('<span style="color:red" />');
    else if(v == 'À lire')
        $(n).wrap('<span style="color:blue" />');
    else if(v == 'Pour votre info')
        $(n).wrap('<span style="color:#289222" />');
  });
 
});