Sélecteur "First-Word" pour personnalisation style pseudo

[Archambault]

Détails techniques

Version du forum : phpBB2
Poste occupé : Administrateur
Navigateur(s) concerné(s) : Mozilla Firefox, Google Chrome, Internet Explorer
Personnes concernées par le problème : Tous les utilisateurs
Lien du forum : (lien masqué, vous devez poster pour le voir)

Description du problème

Bonjour !
Je sollicite votre aide aujourd'hui.
En effet, j'aimerais éditer la mise en forme du pseudo dans viewtopic_body. Par exemple, j'aimerais appliquer un style à "Jean Martin" de telle sorte que Martin conserve la couleur du groupe tandis que Jean se voit accordé un autre style.
J'ai conscience qu'il serait judicieux d'encadrer le premier mot d'une balise <span> mais le pseudo étant une variable dans le Template, je ne sais pas comment m'y prendre.

Je souhaite donc partir de ça :

Code:

<strong><a href="/u1"><span style="color:#000099"><strong>Admin Merveilleux</strong></span></a></strong>

pour parvenir à ça :

Code:

<strong><a href="/u1"><span style="color:#000099"><strong><span class="firstword">Admin</span> Merveilleux</strong></span></a></strong>

J'ai donc cherché un code qui pourrait produire le même effet et suis tombé sur ça.
Néanmoins, outre mon incapacité à l'installer, je doute qu'il s'agisse d'une solution adaptée.

Merci de m'avoir lu, bonne journée !

[Archambault]

UP s'il vous plaît !

[Archambault]

Up s'il vous plaît !

[◦Jay◦]

Bonjour, je ne comprends pas complètement votre demande mais il me semble qu'avec un script, ce serait plus simple ! Vous souhaitez avoir deux couleurs ou deux styles différents sur un même pseudo ?

Code:

$(function() {
          $('a[href="/u1"]').not(function() { return $("img", this)[0] }).html('<font color="#000099">Admin</font><font color="#ff0000">Merveilleux</font>')
        });

Exemple sur ce forum test.(à cocher sur toutes les pages)

Bien à vous.

[Archambault]

Bonjour !
Merci de m'apporter une réponse
En fait, j'aimerais encadrer le prénom (ou du moins le premier mot) de tous les éventuels pseudos par une balise que je pourrais personnaliser côté CSS.
Votre exemple s'en approche mais il ne marcherait que pour le pseudo "Admin Merveilleux", or je souhaiterais rendre ce système "universel".

[◦Jay◦]

Ah d'accord, je n'ai donc pas de solution pour le moment, désolé.

Cordialement.

[Archambault]

Ce n'est rien, merci quand même d'avoir essayé.

En attendant, ma requête est toujours d'actualité !

[MasDan]

Bonjour Archambault,

Essayer ce code javascript

Code:

$(function(){
  $("strong a[href^='/u'] span strong").each(function() {
    var txt = $(this).text();
    var tab = txt.split(" ");
    var nb  = tab.length;
    var neoTxt = '<span class="firstword">' + tab[0] + ' </span>';
    for (var i = 1; i < nb; i++) {
      neoTxt += tab[i] + " ";
    }
    $(this).html(neoTxt);
  });     
});

N'oubliez pas de personnaliser la classe firstword via CSS.

[Archambault]

Merci beaucoup, tout marche parfaitement bien !
Je marque le sujet comme résolu.

[Chacha]

Bienvenue sur le forum de support de Forumactif Bonjour, Puisque vous êtes nouveau, voici quelques sujets susceptibles de vous intéresser : L'importance de garder secret l'email de fondation, Sécurité : ce qu'il ne faut pas faire, Liste des questions et réponses fréquentes, Liste des trucs et astuces, La fonction rechercher N'hésitez pas à ouvrir un nouveau sujet si vous ne trouvez pas votre réponse.