Pseudo bicolore

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

Résolu Pseudo bicolore

Message par Freyja des Terres de Wyrd le Jeu 26 Avr - 22:04

Bonsoir !
Voilà ce qui m'amène : j'aimerai que les administrateurs de mon forum aient leur pseudo en bicolore.
J'ai donc suivi cette explication http://forum.forumactif.com/t323857-pseudo-bicolore?highlight=bicolore
Ça fonctionne, cependant le pseudo n'a pas subi de changements à certains endroits :
Spoiler:

Voici le JS appliqué
Code:

$(function() {
                  var thispseudo = $('a[href="/u1"]').text();
                  var pseudofirst = '<span class="firstpart">'+ thispseudo.substr(0, 1) +'</span>';
                  var pseudosecond = '<span class="secondpart">'+ thispseudo.substr(1, 5) +'</span>';
               
                  $('.postprofile strong a[href="/u1"]').html(pseudofirst + pseudosecond);
                  $('p a[href="/u1"]').html(pseudofirst + pseudosecond);
                  $('.module a[href="/u1"]').html(pseudofirst + pseudosecond);
                });
                  $('.dd a[href="/u1"]').html(pseudofirst + pseudosecond);

Et le CSS
Code:

        .firstpart {
          color: red;
          font-weight : bold;
          display : inline !important;
        }
        .secondpart {
          color:#00C0C7;
          font-weight : bold;
          padding-left : 0px !important;
          display : inline !important;
        }

J'aimerai aussi savoir comment l'appliquer à un second utilisateur ?

Voilà mon forum : http://terres-de-wyrd.forumsgratuits.com/

Merci d'avance !


Dernière édition par Freyja des Terres de Wyrd le Sam 28 Avr - 20:09, édité 1 fois

Freyja des Terres de Wyrd
****

Féminin
Messages : 217
Inscrit(e) le : 23/04/2012

http://terres-de-wyrd.forumsgratuits.com
Freyja des Terres de Wyrd a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Pseudo bicolore

Message par Freyja des Terres de Wyrd le Ven 27 Avr - 23:55

Up

Freyja des Terres de Wyrd
****

Féminin
Messages : 217
Inscrit(e) le : 23/04/2012

http://terres-de-wyrd.forumsgratuits.com
Freyja des Terres de Wyrd a été remercié(e) par l'auteur de ce sujet.
  • 0

Résolu Re: Pseudo bicolore

Message par Ea le Sam 28 Avr - 2:38

Bonjour,


Pour la chatbox bof bof ( il faudrait insérer un script dans la chatbox ce qui n'est pas de la tarte et a souvent des problèmes avec IE ).

Pour le reste, voici un exemple de code qui met toutes les lettres après la première des pseudo de couleur #FF0000 en #00C0C7 :

Code:
$(function(){

  var do_bicolor= function(color1,color2, keep_letters) {
    /* on sélectionne les éléments strong d'une balise <span style="...color1"> */
    $('span[style$="'+color1+'"] strong').each(function(){

      /* si l'élément possède autre chose que juste un noeud texte bye bye */
      if(this.childNodes.length!=1 || this.firstChild.nodeType!=3) return;

      /* on prend le pseudo */
      var pseudo= $(this).text();

      /* on entoure les lettres après la première par <span style="color:color2">...</span> */
      var n= pseudo.replace(new RegExp('^(.{'+keep_letters+'})(.*)$'),'$1<span style="color:'+color2+'">$2</span>');

      /* si l'entourage a été fait on remplace */
      if(n!=pseudo) $(this).html(n);
 
    });

  };

  do_bicolor('#FF0000','#00C0C7', 1);
 

});
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: Pseudo bicolore

Message par Freyja des Terres de Wyrd le Sam 28 Avr - 11:30

C'est génial, ça marche ^^ MERCI BEAUCOUP ! \o/
Mais y a un petit souci et je n'arrive pas avoir ce qu'il faut modifier pour enlever ce décalage :

Freyja des Terres de Wyrd
****

Féminin
Messages : 217
Inscrit(e) le : 23/04/2012

http://terres-de-wyrd.forumsgratuits.com
Freyja des Terres de Wyrd a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Pseudo bicolore

Message par Ea le Sam 28 Avr - 12:41

Vous avez ce code css :

Code:
dd.lastpost span, dd.moderation span, dd.redirect span, ul.topiclist dd.info span, ul.topiclist dd.searchby span, ul.topiclist dd.time span {
display: block;
padding-left: 5px;
}
Il agit et change l'affichage du span en "bloc" avec une marge intérieur de 5px.

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: Pseudo bicolore

Message par Freyja des Terres de Wyrd le Sam 28 Avr - 13:11

Hum, aucun changement de notable malheureusement...
Merci pour votre suggestion néanmoins Smile

Freyja des Terres de Wyrd
****

Féminin
Messages : 217
Inscrit(e) le : 23/04/2012

http://terres-de-wyrd.forumsgratuits.com
Freyja des Terres de Wyrd a été remercié(e) par l'auteur de ce sujet.
  • 0

Résolu Re: Pseudo bicolore

Message par Ea le Sam 28 Avr - 13:31

C'est ce que vous avez déjà ajouté et qu'il faut retirer/modifier ( et pas ajouter ^^ ).

En le désactivant c'est bon :

=> http://i.imgur.com/QWHlg.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: Pseudo bicolore

Message par Freyja des Terres de Wyrd le Sam 28 Avr - 14:33

Cela n'avait pas changé... J'ai tenté de le modifier comme vous me l'avez suggéré et ai remplacé block par inline et le 5px par 0px : et ça fonctionne ^^

Juste une dernière question : le JS que vous m'avez fourni s'applique à tout un groupe ; comment avoir le même résultat mais pour deux utilisateurs spécifiques ? Je ne vois pas les références dans le code ^^"

Merci beaucoup!

Freyja des Terres de Wyrd
****

Féminin
Messages : 217
Inscrit(e) le : 23/04/2012

http://terres-de-wyrd.forumsgratuits.com
Freyja des Terres de Wyrd a été remercié(e) par l'auteur de ce sujet.
  • 0

Résolu Re: Pseudo bicolore

Message par Ea le Sam 28 Avr - 15:11

Vous pouvez ajouter après :

Code:
      /* on prend le pseudo */
      var pseudo= $(this).text();
Quelque chose de ce style :

Code:
if(!$.inArray(pseudo,['pseudo1','pseudo2'])) return;
Si le pseudo n'est pas dans la liste des pseudos ( entre [ et ] ) on ne fait rien.

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: Pseudo bicolore

Message par Freyja des Terres de Wyrd le Sam 28 Avr - 16:53

Un énorme merci pour votre aide ! J'ai pu obtenir exactement ce que je voulais ^-^
Oserai-je vous demander une dernière indication ? Smile
Quelle partie du script fait référence au groupe Admin, que je le modifie si jamais je souhaite faire les mêmes manipulations aux modérateurs par exemple ?

Sincèrement, mille fois merci!!!!

Freyja des Terres de Wyrd
****

Féminin
Messages : 217
Inscrit(e) le : 23/04/2012

http://terres-de-wyrd.forumsgratuits.com
Freyja des Terres de Wyrd a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Pseudo bicolore

Message par Ea le Sam 28 Avr - 18:56

Il n'y a pas de référence aux admins, juste à la couleur des admins ( le #FF0000 ).


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: Pseudo bicolore

Message par Freyja des Terres de Wyrd le Sam 28 Avr - 20:08

Ah d'accord ! Merci infiniment pour toute ton aide Very Happy

Freyja des Terres de Wyrd
****

Féminin
Messages : 217
Inscrit(e) le : 23/04/2012

http://terres-de-wyrd.forumsgratuits.com
Freyja des Terres de Wyrd 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