Vérifiez vos informations

Il semblerait que les informations techniques de votre profil n'aient pas été actualisées depuis un certain temps... Pour que l'aide apportée vous soit efficace, il est important que ces informations soient à jour : prenez quelques secondes pour confirmer ou compléter les informations suivantes.


Lien de votre forum
Version de ce forum
Vous êtes le fondateur de ce forum
Vous avez modifié le CSS de ce forum
Vous avez modifié les templates de ce forum
Votre navigateur

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 Ven 27 Avr 2012 - 0: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 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 !


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

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 Sam 28 Avr 2012 - 1:55

Up
avatar

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 2012 - 4: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.
avatar

Ea
Aidactif
Aidactif

Messages : 23491
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 2012 - 13: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 :
avatar

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 2012 - 14: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.
avatar

Ea
Aidactif
Aidactif

Messages : 23491
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 2012 - 15:11

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

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 2012 - 15: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 :

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

Cordialement.
avatar

Ea
Aidactif
Aidactif

Messages : 23491
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 2012 - 16: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!
avatar

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 2012 - 17: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.
avatar

Ea
Aidactif
Aidactif

Messages : 23491
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 2012 - 18: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!!!!
avatar

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 2012 - 20:56

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


Cordialement.
avatar

Ea
Aidactif
Aidactif

Messages : 23491
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 2012 - 22:08

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

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