Pseudo bicolore

[Freyja des Terres de Wyrd]

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 https://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 !

[Freyja des Terres de Wyrd]

Up

[Ea]

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.

[Freyja des Terres de Wyrd]

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 :

[Ea]

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.

[Freyja des Terres de Wyrd]

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

[Ea]

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 :

=> https://i.imgur.com/QWHlg.png

Cordialement.

[Freyja des Terres de Wyrd]

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!

[Ea]

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.

[Freyja des Terres de Wyrd]

Un énorme merci pour votre aide ! J'ai pu obtenir exactement ce que je voulais ^-^
Oserai-je vous demander une dernière indication ?
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!!!!

[Ea]

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


Cordialement.

[Freyja des Terres de Wyrd]

Ah d'accord ! Merci infiniment pour toute ton aide