[BESTOF][PHPBB3] Couleurs des Pseudos dans la liste des likers

Coucou Roza,

attention lorsque tu saisies la version de ton forum dans le formulaire car tu avais sélectionné Phpbb2   .
Alors,on va voir ce que je peux faire chère amie   .

Je sens que ce sujet va finir dans les BestsOf de l'entraide   .

https://www.milouze14.com/f23-les-bests-of-de-l-entraide

Tu as activé le "J'aime" et le "J'aime pas " ?


juste un petit renseignement:
Comment sont défini les profils ici:
Utilisateurs et groupes/Profil/Options générales/Options générales du profil

Activer le profil avancé : Oui ou Non ?

Si ta réponse est positive:
https://www.milouze14.com/t33016-phpbb3-couleurs-des-pseudos-dans-la-liste-des-likers#629882


Edit:

alors c'est réalisé Roza, l'inconvénient est que ce n'est pas afficher aussitôt, il faut actualiser la page pour que cela s'affiche.

Un fois actualisé , l'affichage reste une bonne fois pour toute.

C'est en place sur mon fofo car je trouve l'idée sympa .
Regardes les membres ayant remerciés ici:

https://www.milouze14.com/t32714-toutes-versions-afficher-les-likes-seulement-sur-les-messages-des-autres-membres-et-plus-encore#623011

Alors,
je vais donner l'astuce pour l'option du profil avancè :



Modules/HTML&JAVASCRIPT/Gestion des codes Javascript/Créer un nouveau Javascript

Mettre un titre explicite.
Cocher  Sur les sujets
Déposer ceci:


Pseudo avec une bordure basse

Code:


$(function(){
// METTRE LA COULEUR PAR DEFAUT (SI PAS DE GROUPE) ICI
var colordefaut="#E6A340";  
$('div.fa_like_div').find('a[href^="/u"]').each(function(){
var $this=$(this);
var link=$(this).attr('href');
var pseudo=$(this).text();
$.get(link , function(data){
  var color= $(data).find('#profile-advanced-right .module:first .h3 span[style]').css('color');
if(color)
{
  $this.replaceWith('<a href="'+link+'"class="M14_color_groupe_like" style="border-bottom:2px solid '+color+';"><span style="color:'+color+';"><strong>'+pseudo+'</strong></span></a>');
}
else
{
$this.replaceWith('<a href="'+link+'"class="M14_color_groupe_like" style="border-bottom:2px solid '+colordefaut+';"><span style="color:'+colordefaut+';"><strong>'+pseudo+'</strong></span></a>');
}


});});});





Pseudo sans bordure, le script sera donc:

Code:

    $(function(){
    // METTRE LA COULEUR PAR DEFAUT (SI PAS DE GROUPE) ICI
    var colordefaut="#E6A340";
    $('div.fa_like_div').find('a[href^="/u"]').each(function(){
    var $this=$(this);
    var link=$(this).attr('href');
    var pseudo=$(this).text();
    $.get(link , function(data){
      var color= $(data).find('#profile-advanced-right .module:first .h3 span[style]').css('color');
    if(color)
    {
      $this.replaceWith('<a href="'+link+'"class="M14_color_groupe_like"><span style="color:'+color+';"><strong>'+pseudo+'</strong></span></a>');
    }
    else
    {
    $this.replaceWith('<a href="'+link+'"class="M14_color_groupe_like"><span style="color:'+colordefaut+';"><strong>'+pseudo+'</strong></span></a>');
    }


    });});});


Penser a cliquer sur le bouton


Dans le script il y a une couleur par défaut pour les pseudos
n'appartenant pas à un groupe, il faudra modifier la couleur si nécessaire dans le script ici:

Code:

// METTRE LA COULEUR PAR DEFAUT (SI PAS DE GROUPE) ICI
var colordefaut="#E6A340";

Pour le style j'ai ajouté une bordure basse de 2 px avec la même couleur que le pseudo.
Optionnel, mais pas négligeable.
Tu pourras personnalise encore plus les pseudos grâce à la class ajoutée:

Je ne me suis pas foulé avec juste un non soulignement des pseudos  


Dans la feuille de style:
Affichage/Images et Couleurs/Couleurs/Feuille de style

Ajouter ceci:

Code:


a.M14_color_groupe_like{text-decoration:none!important;}


Penser a cliquer sur le bouton

Re !

Merci pour ta réactivité !!!

Oui, le profil avancé est activé.
Je n'ai activé que le bouton "J'aime" dont j'ai remplacé le texte par "Merci !"
J'ai ensuite personnalisé le contenu affiché par "te remercie(nt) pour ce message" et également, sa mise en forme (CSS)

Code:

/*... Mise en forme liste bouton MERCI...*/

.fa_like_list {
  font-size: 13px;
  font-family : Comic Sans MS;
  color : #9932cc;
  font-weight: 600;
  float:right;
  }

/*... FIN....*/

Je regarde pour l'astuce modifiée et je reviens vers toi.

Encore merci !
Bonne soirée.

PS : je m'étais rendu compte de mon erreur pour la version du forum.
J'avais édité mon message pour rectifier, mais ça n'a pas dû être pris en compte

Pas de soucis Roza,
pour ma pomme, je verrais ta réponse que demain désormais.
Bonne soirée chère amie.

RE...

Pour les couleurs des pseudos, c'est parfait, juste comme je le souhaitais !!!

Par contre, le non soulignement des pseudos ne marche pas.
J'ai bien ajouté le code indiqué dans la feuille de style :

Code:


a.M14_color_groupe_like{text-decoration:none!important;}

Mais les pseudos apparaissent toujours soulignés.

Allez, bonne soirée et à toi !

Coucou Roza,

dans mon script:

https://www.milouze14.com/t33016-phpbb3-couleurs-des-pseudos-dans-la-liste-des-likers#629882

J'ai mentionné:

Pour le style j'ai ajouté une bordure basse de 2 px avec la même couleur que le pseudo.
Optionnel, mais pas négligeable.
Tu pourras personnaliser encore plus les pseudos grâce à la class ajoutée:

Donc le style fonctionne , c'est juste la bordure que tu vois,
si tu ne veux pas de bordure, ce sera ce script:

Code:

    $(function(){
    // METTRE LA COULEUR PAR DEFAUT (SI PAS DE GROUPE) ICI
    var colordefaut="#E6A340";
    $('div.fa_like_div').find('a[href^="/u"]').each(function(){
    var $this=$(this);
    var link=$(this).attr('href');
    var pseudo=$(this).text();
    $.get(link , function(data){
      var color= $(data).find('#profile-advanced-right .module:first .h3 span[style]').css('color');
    if(color)
    {
      $this.replaceWith('<a href="'+link+'"class="M14_color_groupe_like"><span style="color:'+color+';"><strong>'+pseudo+'</strong></span></a>');
    }
    else
    {
    $this.replaceWith('<a href="'+link+'"class="M14_color_groupe_like"><span style="color:'+colordefaut+';"><strong>'+pseudo+'</strong></span></a>');
    }


    });});});


J'ai édité mon message afin de pouvoir faire un choix entre les deux scripts .

Coucou !

SUPER ! Tout est OK ! 

Je n'avais pas osé modifier le JS, car je ne suis pas assez douée en la matière... à mon grand regret d'ailleurs !
Il faudrait que je m'y plonge sérieusement.

à toi !

Excellente journée.

@Roza

De rien Roza,
hum tu as édité ton message pour le mettre en résolu.
Merci de cliquer sur le bouton en haut de ton premier message chère amie car le tag :
Voir cette partie du règlement:
https://www.milouze14.com/t32096-reglement-de-l-entraide-forumactif#aide_resolv

"*Résolu*" ne s'affiche pas dans ce cas .



J'ai modifié afin d'avoir le tag .