Connexion

Récupérer mon mot de passe

Derniers sujets
» [PhpBB2] Première lettre des titres en majuscule
par fascicularia Hier à 21:01

» [EDGE] Afficher les images côte à côte
par Angelface Hier à 19:47

» histoire du Jour sans fin
par Quad Daniel Hier à 15:10

» *RESOLU*[Edge] Customiser les boutons "Répondre" et "Nouveau sujet"
par Milouze14 Mar 17 Sep 2019 - 15:59

» [TOUTES VERSIONS] Afficher les outils de modération via la liste des sujets
par Splash Dim 15 Sep 2019 - 20:08

» *CORBEILLE*[AwesomeBB] Afficher le texte pour les champs du contact
par Milouze14 Dim 15 Sep 2019 - 19:20

» *RESOLU*[Edge] Ajouter l'année sur les posts
par Milouze14 Dim 15 Sep 2019 - 17:22

» *RESOLU*[Edge] Arrondir les angles du forum
par Milouze14 Sam 14 Sep 2019 - 19:05

» [AwesomeBB]Afficher les boutons " éditer, citer, supprimer, etc ... " sous forme de texte
par Milouze14 Sam 14 Sep 2019 - 7:35

» [Edge]Afficher les boutons " éditer, citer, supprimer, etc ... " sous forme de texte
par Milouze14 Sam 14 Sep 2019 - 6:36

» [ModernBB]Afficher les boutons " éditer, citer, supprimer, etc ... " sous forme de texte
par Milouze14 Sam 14 Sep 2019 - 6:25

» [Invision]Afficher les boutons " éditer, citer, supprimer, etc ... " sous forme de texte
par Milouze14 Sam 14 Sep 2019 - 5:32

» [PhpBB3]Afficher les boutons " éditer, citer, supprimer, etc ... " sous forme de texte
par Milouze14 Sam 14 Sep 2019 - 5:13

» [PunBB]Afficher les boutons " éditer, citer, supprimer, etc ... " sous forme de texte
par Milouze14 Sam 14 Sep 2019 - 4:57

» [PhpBB2]Afficher les boutons " éditer, citer, supprimer, etc ... " sous forme de texte
par Milouze14 Sam 14 Sep 2019 - 4:55

» [EDGE] Afficher/Masquer les catégories avec un effet
par chrisnvidia Ven 13 Sep 2019 - 22:17

» *RESOLU*[AwesomeBB] Afficher le bouton nouveau selon les permissions
par Milouze14 Jeu 12 Sep 2019 - 3:54

» [Toutes versions] Utiliser les variables utilisateur/forum
par fascicularia Jeu 12 Sep 2019 - 3:20

» *RESOLU*[Edge] Afficher les derniers tutoriels en ligne
par Milouze14 Mar 10 Sep 2019 - 11:26

» Règlement de l'entraide Forumactif
par chrisnvidia Lun 9 Sep 2019 - 21:23

*RESOLU* Mettre l'avatar aux pseudos qui sont aux utilisateurs enregistrés

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

petitefeuille
petitefeuille
Milouzien

Messagepetitefeuille le Mar 26 Juin 2018 - 9:25

Bonjour,
serait-il possible de mettre l'avatar aux pseudos qui sont aux utilisateurs enregistrés (voir screen N°1) comme sur un forum mais pas forum actif que j'ai vu où je suis aussi (voir le screen N°2) .
Merci d'avance,
mes amitiés,
Lydie

screen N°1:
*RESOLU* Mettre l'avatar aux pseudos qui sont aux utilisateurs enregistrés A10

screen N°2:
*RESOLU* Mettre l'avatar aux pseudos qui sont aux utilisateurs enregistrés Captur21


Dernière édition par petitefeuille le Mer 27 Juin 2018 - 17:51, édité 1 fois
Milouze14
Milouze14
Fondateur

MessageMilouze14 le Mar 26 Juin 2018 - 19:37

Hello Lydie,
il va falloir mettre un span autour de la variable qui entoure les membres mentionnés.

Dans le template index_body:
Affichage/Templates/Général/index_body


Recherches cette variable:
Code:
{LOGGED_IN_USER_LIST}

Supprimes et remplaces par:

Code:
<span class="M14_membersAvatars">{LOGGED_IN_USER_LIST}</span>


Penses à enregistrer puis à valider en cliquant respectivement sur Enregistrer puis Ajout


Dans ta feuille de style:


Dans la feuille de style:
Affichage/Images et Couleurs/Couleurs/Feuille de style
Déposes ceci:
Code:

/*ON DECALE LA BALISE A*/
.M14_QeelAvatar{margin-right: 5px;}
/*ON ON DONNE UNE TAILLE MAXIMALE AUX AVATARS ET AFFICHE EN BAS*/
.M14_QeelAvatar img{width:36px;height:36px;vertical-align:bottom;}




Penses à valider les modifications en cliquant sur le bouton Valider


Puis le script:


Modules/HTML JAVASCRIPT/Gestion des codes JavascriptCréer un nouveau javascript


Mets un titre explicite.
Coches sur l'index.


Déposez ceci:
Code:

$(function(){

$('.M14_membersAvatars').find('a[href^="/u"]').each(function(){
$(this).before('<a class="M14_QeelAvatar"></a>');
var text=$(this).text();
var lienProfil = $(this).attr('href'),
$this= $(this).prev();

$.get(lienProfil, function(data){
var $img = $(data).find('.three-col td[width="300"] table tr:eq(1)').find('td').first().find('img').first();
$this.html($img).attr('href',lienProfil ).attr('title','Voir le profil de '+text+'');
});
                });
            });



Penses a cliquer sur le bouton Valider


Et voilou impeccable
petitefeuille
petitefeuille
Milouzien

Messagepetitefeuille le Mer 27 Juin 2018 - 10:14

Bonjour Phil, encore un exploit réussi  super   je trouve ça amusant, voir original  bougies   à voir la réaction des membres  et toi qu'en penses -tu ? 


*RESOLU* Mettre l'avatar aux pseudos qui sont aux utilisateurs enregistrés Captur26


Merci Phil pour ton travail fr4
fascicularia
fascicularia
Milouzien

Messagefascicularia le Mer 27 Juin 2018 - 14:46

Bonjour Lydie, 
vu que tu as pas mal d'arrondis sur le forum, je rajouterai :

Code:
border-radius: 50%;


à .M14_QeelAvatar img
petitefeuille
petitefeuille
Milouzien

Messagepetitefeuille le Mer 27 Juin 2018 - 15:26

Oh c'est trop sympa super merci beaucoup fr4 j'attends ton avis clin oeil
fascicularia
fascicularia
Milouzien

Messagefascicularia le Mer 27 Juin 2018 - 17:46

Re Lydie, 
on ne voit pas les avatars dans le qui est en ligne en tant qu'invité.

Pour le rajout, je me suis basé sur ta capture d'écran.
petitefeuille
petitefeuille
Milouzien

Messagepetitefeuille le Mer 27 Juin 2018 - 17:51

oui c’est bien de ne pas mettre les invités, ça ferait brouillon MDR

bé là, je trouve ça parfait, j ai eu de bonnes retombées , donc je vais laisser mes avatars   clin oeil

je te remercie pour ton travail, le temps que tu as passé  fr4

bonne soirée Phil et peut-être d’autres personnes feront de même    yeux charmeurs
Milouze14
Milouze14
Fondateur

MessageMilouze14 le Mer 27 Juin 2018 - 18:46

-Staff du Forum Milouze14-



  • Hello 
    Sujet résolu et déplacé dans le forum adéquat.

Pour toute information,merci de contacter un Membre du Staff

Voir le sujet précédent Voir le sujet suivant Revenir en haut

Créer un compte ou se connecter pour répondre

Vous devez être membre pour répondre.

S'enregistrer

Rejoignez notre communauté ! C'est facile !


S'enregistrer

Connexion

Vous êtes déjà membre ? Aucun soucis, cliquez ici pour vous connecter.


Connexion

 
Permission de ce forum:
Vous ne pouvez pas répondre aux sujets dans ce forum