changer couleurs "à lire" et "annonce"

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

Résolu changer couleurs "à lire" et "annonce"

Message par grandbras le Jeu 2 Jan 2014 - 23:31

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   reflexion 

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  Clin d\'oeil


Dernière édition par grandbras le Mer 8 Jan 2014 - 20:51, édité 1 fois

grandbras
****

Masculin
Messages : 288
Inscrit(e) le : 23/02/2010

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

Résolu Re: changer couleurs "à lire" et "annonce"

Message par stefou le Ven 3 Jan 2014 - 8:51

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

stefou
*****

Masculin
Messages : 894
Inscrit(e) le : 24/11/2009

http://discussansfrontieres.forumgratuit.fr/forum
stefou a été remercié(e) par l'auteur de ce sujet.

L'auteur de ce message est actuellement banni du forum - Voir le message

Résolu Re: changer couleurs "à lire" et "annonce"

Message par grandbras le Ven 3 Jan 2014 - 18:36

Isolde a écrit:

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   sunny 

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  Yahoo  Yahoo


Dernière édition par grandbras le Mar 7 Jan 2014 - 6:28, édité 1 fois

grandbras
****

Masculin
Messages : 288
Inscrit(e) le : 23/02/2010

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

Résolu Re: changer couleurs "à lire" et "annonce"

Message par TheDirector le Ven 3 Jan 2014 - 19:55

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

TheDirector
*****

Masculin
Messages : 639
Inscrit(e) le : 08/05/2012

http://contrehomophobes.pro-forum.fr/
TheDirector a été remercié(e) par l'auteur de ce sujet.

Résolu Re: changer couleurs "à lire" et "annonce"

Message par grandbras le Sam 4 Jan 2014 - 1:33

@TheDirector a écrit: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  Non ! Non ! 

grandbras
****

Masculin
Messages : 288
Inscrit(e) le : 23/02/2010

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

Résolu Re: changer couleurs "à lire" et "annonce"

Message par grandbras le Dim 5 Jan 2014 - 16:42

un petit up svp

grandbras
****

Masculin
Messages : 288
Inscrit(e) le : 23/02/2010

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

Résolu Catégorie en 3 couleurs

Message par guyco le Mar 7 Jan 2014 - 4:09

@grandbras a écrit: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.

guyco
Nouveau membre

Messages : 6
Inscrit(e) le : 02/01/2014

http://poiquebec.forum-canada.com/
guyco a été remercié(e) par l'auteur de ce sujet.

Résolu Re: changer couleurs "à lire" et "annonce"

Message par grandbras le Mar 7 Jan 2014 - 6:28

@guyco a écrit:
@grandbras a écrit: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


grandbras
****

Masculin
Messages : 288
Inscrit(e) le : 23/02/2010

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

Résolu Re: changer couleurs "à lire" et "annonce"

Message par guyco le Mar 7 Jan 2014 - 6:30

@grandbras a écrit:
@guyco a écrit:
@grandbras a écrit: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.

guyco
Nouveau membre

Messages : 6
Inscrit(e) le : 02/01/2014

http://poiquebec.forum-canada.com/
guyco a été remercié(e) par l'auteur de ce sujet.

Résolu Re: changer couleurs "à lire" et "annonce"

Message par Scoubifitz le Mar 7 Jan 2014 - 9:49

Bonjour,

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

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

 Hi 

Scoubifitz
+ Hyperactif +

Masculin
Messages : 3539
Inscrit(e) le : 18/03/2008

http://scoubidous.superforum.fr/
Scoubifitz a été remercié(e) par l'auteur de ce sujet.
  • 0

Résolu Re: changer couleurs "à lire" et "annonce"

Message par Ea le Mar 7 Jan 2014 - 10:44

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 : http://i.imgur.com/ojFZZSL.png

Cordialement.

Ea
Aidactif
Aidactif

Messages : 23442
Inscrit(e) le : 04/04/2008

Ea a été remercié(e) par l'auteur de ce sujet.

Résolu Re: changer couleurs "à lire" et "annonce"

Message par grandbras le Mar 7 Jan 2014 - 20:21

@Ea a écrit: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 : http://i.imgur.com/ojFZZSL.png

Cordialement.


ont approche ses sa que je veut  aussi  cheers  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  Sad  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  What's happen ?!?  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  Laughing  

merci pour tout a date   salut

grandbras
****

Masculin
Messages : 288
Inscrit(e) le : 23/02/2010

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

Résolu Re: changer couleurs "à lire" et "annonce"

Message par Ea le Mar 7 Jan 2014 - 23:28

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

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

Ea
Aidactif
Aidactif

Messages : 23442
Inscrit(e) le : 04/04/2008

Ea a été remercié(e) par l'auteur de ce sujet.

Résolu Re: changer couleurs "à lire" et "annonce"

Message par grandbras le Mar 7 Jan 2014 - 23:46

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

http://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  Wink 

grandbras
****

Masculin
Messages : 288
Inscrit(e) le : 23/02/2010

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

Résolu Re: changer couleurs "à lire" et "annonce"

Message par Ea le Mer 8 Jan 2014 - 2:17

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

Ea
Aidactif
Aidactif

Messages : 23442
Inscrit(e) le : 04/04/2008

Ea a été remercié(e) par l'auteur de ce sujet.

Résolu Re: changer couleurs "à lire" et "annonce"

Message par grandbras le Mer 8 Jan 2014 - 2:29

@Ea a écrit: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  Smile  il résiste je crois et la boule bleu apparait aussi




merci de ton aide et de ta patience  salut  salut 


grandbras
****

Masculin
Messages : 288
Inscrit(e) le : 23/02/2010

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

Résolu Re: changer couleurs "à lire" et "annonce"

Message par grandbras le Mer 8 Jan 2014 - 20:19

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



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 ! 

grandbras
****

Masculin
Messages : 288
Inscrit(e) le : 23/02/2010

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

Résolu Re: changer couleurs "à lire" et "annonce"

Message par Ea le Mer 8 Jan 2014 - 20:28

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

Ea
Aidactif
Aidactif

Messages : 23442
Inscrit(e) le : 04/04/2008

Ea a été remercié(e) par l'auteur de ce sujet.

Résolu Re: changer couleurs "à lire" et "annonce"

Message par grandbras le Mer 8 Jan 2014 - 20:50

@Ea a écrit: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" />');
  });
 
});


 cheers cheers cheers cheers  sa fonctionne asteur  cheers cheers  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 

grandbras
****

Masculin
Messages : 288
Inscrit(e) le : 23/02/2010

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

Résolu Re: changer couleurs "à lire" et "annonce"

Message par Ea le Mer 8 Jan 2014 - 20:56

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

Ea
Aidactif
Aidactif

Messages : 23442
Inscrit(e) le : 04/04/2008

Ea 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