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

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

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

Message par Archambault le Ven 8 Sep 2017 - 18:15

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 !
avatar

Archambault
Nouveau membre

Messages : 9
Inscrit(e) le : 08/09/2017

http://prismofobedience.forumactif.org
Archambault a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Sélecteur "First-Word" pour personnalisation style pseudo

Message par Archambault le Dim 10 Sep 2017 - 12:24

UP s'il vous plaît !
avatar

Archambault
Nouveau membre

Messages : 9
Inscrit(e) le : 08/09/2017

http://prismofobedience.forumactif.org
Archambault a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Sélecteur "First-Word" pour personnalisation style pseudo

Message par Archambault le Mar 12 Sep 2017 - 23:13

Up s'il vous plaît !
avatar

Archambault
Nouveau membre

Messages : 9
Inscrit(e) le : 08/09/2017

http://prismofobedience.forumactif.org
Archambault a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Sélecteur "First-Word" pour personnalisation style pseudo

Message par ◦Jay◦ le Mer 13 Sep 2017 - 7:06

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.


avatar

◦Jay◦
Créactif
Créactif

Masculin
Messages : 3543
Inscrit(e) le : 24/12/2014

http://www.forum-can-am.com/forum
◦Jay◦ a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Sélecteur "First-Word" pour personnalisation style pseudo

Message par Archambault le Mer 13 Sep 2017 - 19:12

Bonjour !
Merci de m'apporter une réponse Very Happy
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".
avatar

Archambault
Nouveau membre

Messages : 9
Inscrit(e) le : 08/09/2017

http://prismofobedience.forumactif.org
Archambault a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Sélecteur "First-Word" pour personnalisation style pseudo

Message par ◦Jay◦ le Mer 13 Sep 2017 - 19:58

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

Cordialement.


avatar

◦Jay◦
Créactif
Créactif

Masculin
Messages : 3543
Inscrit(e) le : 24/12/2014

http://www.forum-can-am.com/forum
◦Jay◦ a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Sélecteur "First-Word" pour personnalisation style pseudo

Message par Archambault le Jeu 14 Sep 2017 - 14:35

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

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

Archambault
Nouveau membre

Messages : 9
Inscrit(e) le : 08/09/2017

http://prismofobedience.forumactif.org
Archambault a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Sélecteur "First-Word" pour personnalisation style pseudo

Message par MasDan le Jeu 14 Sep 2017 - 18:50

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.
avatar

MasDan
Aidactif
Aidactif

Masculin
Messages : 1081
Inscrit(e) le : 24/05/2011

http://projetAumMdn.forumactif.com
MasDan a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Sélecteur "First-Word" pour personnalisation style pseudo

Message par Archambault le Ven 15 Sep 2017 - 11:15

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

Archambault
Nouveau membre

Messages : 9
Inscrit(e) le : 08/09/2017

http://prismofobedience.forumactif.org
Archambault a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Sélecteur "First-Word" pour personnalisation style pseudo

Message par Chacha le Ven 15 Sep 2017 - 11:33

Bienvenue sur le forum de support de Forumactif

Bonjour,

Puisque vous êtes nouveau, voici quelques sujets susceptibles de vous intéresser :
N'hésitez pas à ouvrir un nouveau sujet si vous ne trouvez pas votre réponse.
avatar

Chacha
Modéractif
Modéractif

Masculin
Messages : 54610
Inscrit(e) le : 21/08/2010

http://forum.forumactif.com/
Chacha 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