Derniers sujets*
» [TOUTES VERSIONS] Afficher une belle infobulle au survol des boutons J aime
par clost Sam 17 Avr 2021 - 12:03

» [MODERNBB] Supprimer l'effet scroll sur la barre de navigation
par Milouze14 Lun 12 Avr 2021 - 7:56

» [MODERNBB]Retirer les crochets des groupes dans le Qeel
par Serah Sam 10 Avr 2021 - 22:48

» [TOUTES VERSIONS]Afficher de belles infobulles Tooltipster
par Stefano36 Mer 31 Mar 2021 - 21:57

» [PHPBB2] Afficher le nombre de message privé non lus sur la toolbar etc
par Constellation Mer 31 Mar 2021 - 1:59

» [PHPBB2] Couleur spécifique aux membres d'un rang dans les messages
par Constellation Mer 31 Mar 2021 - 1:43

» [PHPBB2] Remplacer le mot Invité
par Constellation Mer 31 Mar 2021 - 1:37

» [TOUTES VERSIONS] Héberger du css dans une page html comme sur la feuille de style
par Constellation Mer 31 Mar 2021 - 1:31

» [TOUTES VERSIONS] Sauvegarder le contenu de l'éditeur
par Constellation Mer 31 Mar 2021 - 1:30

» [TOUTES VERSIONS]Message de confirmation de fermeture de la page pour les membres distraits
par Constellation Mer 31 Mar 2021 - 1:24

» [TOUTES VERSIONS] Afficher un texte dans l'éditeur avec transition
par Constellation Mer 31 Mar 2021 - 1:14

» [TOUTES VERSIONS] Modifier les textes de la barre de navigation
par Constellation Mar 30 Mar 2021 - 22:53

» [TOUTES VERSIONS] Installer MESSENGER Forumactif sur votre forum (Version Française)
par Constellation Mar 30 Mar 2021 - 22:50

» [TOUTES VERSIONS] Afficher les likes seulement sur les messages des autres membres et plus encore
par Milouze14 Mar 30 Mar 2021 - 6:14

» [TOUTES VERSIONS] Modifier la couleur des pseudos mentionner dans l'éditeur
par Constellation Dim 28 Mar 2021 - 19:34

» [TOUTES VERSIONS] Une page html connexion/deconnexion...
par Constellation Dim 28 Mar 2021 - 19:31

» [TOUTES VERSIONS] Modifier les menus défilant de l'éditeur
par Milouze14 Lun 22 Mar 2021 - 7:30

» [TOUTES VERSIONS] Faire AGRANDIR l'image ou le Smiley au passage de la souris
par photoclic Dim 21 Mar 2021 - 19:24

» [TOUTES VERSIONS]Mise en place automatique décorations
par clost Dim 21 Fév 2021 - 11:37

» [AWESOMEBB] Outils de modération rapide
par Milouze14 Jeu 11 Fév 2021 - 6:04

Les statistiques du forum
Nous avons 469 membres enregistrés

L'utilisateur enregistré le plus récent est Intertwined

Nos membres ont posté un total de 24971 messages dans 1275 sujets

[EDGE] Afficher l'avatar dans une citation nommée

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

Milouze14
Milouze14
Fondateur

https://www.milouze14.com

MessageMilouze14 Sam 2 Déc 2017 - 7:18

Hello les ami(e)s,

l'astuce consiste a afficher l'avatar lors d'une citation ou l'on mentionne un Pseudo :


Sur ce forum, cela donnera avec mon Pseudo:





L'aperçu imagé:

[EDGE] Afficher l'avatar dans une citation nommée Edge10

Pour que l'astuce soit fonctionnelle , il faut activer le profil avancè :

Utilisateurs et groupes/Profil/Options générales/Options générales du profil
Activer le profil avancé : Oui


-Astuce des Forums Milouze14&Compagnie-





  • Astuce postée par:
    Réponse automatique:

    Merci de cliquer ici pour voir le message

Pour toute information,merci de contacter un Membre du Staff
[EDGE] Afficher l'avatar dans une citation nommée Staff10





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


Mettez un titre explicite.
Cochez sur les sujets.

Déposez ceci:
Code:

$(function() {
if (_userdata["user_id"] >= (0))
{
$('blockquote').each(function(){
// L AVATAR PAR DEFAUT
var M14_AvatarDefaut="https://2img.net/u/4111/79/89/03/avatars/gallery/avi11210.png";
var M14_Get_img=$(this).find('a[title^="Voir le profil"]:first').before('<img class="M14_Img_Citation"src="'+M14_AvatarDefaut+'"/>');
var M14_user=$(this).find('a[title^="Voir le profil"]:first').attr('href');
var M14_userTexte=$(this).find('a[title^="Voir le profil"]:first').text().substring(1);
 
$.get(M14_user,function(data){
  var M14_Img_Citation=$(data).find('#profile-advanced-right  img[alt="avatar"] ').attr('src');
if(M14_user)
{
M14_Get_img.prev().attr('src',M14_Img_Citation).wrap('<a href="'+M14_user+'"title="Voir le profil de '+M14_userTexte+'"></a>');
}
});});
}
});




Dans le script:
cette ligne :
Code:

var M14_AvatarDefaut="https://2img.net/u/4111/79/89/03/avatars/gallery/avi11210.png";

Servira en cas ou un avatar par défaut n'a pas été renseigné dans le P.A,
vous pourrez changer le lien de l'avatar comme bon vous semble  clin oeil .

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

Déposez ceci:
Code:

/*Avatar citation*/
img.M14_Img_Citation
{
height: 16px;/*hauteur de l avatar*/
width: 16px;/*largeur de l avatar*/
vertical-align: middle;/*on aligne l avatar*/
margin-right:8px;/*on decale de la moitie de la largeur de l avatar*/
border-radius: 16px;/*on arrondi l avatar*/
  /*LES TRANSITIONS AU SURVOL*/
-webkit-transition: all 0.5s ease-in-out;
-moz-transition: all 0.5s ease-in-out;
-o-transition: all 0.5s ease-in-out;
transition: all 0.5s ease-in-out;
}
/*au survol de l avatar des citation on augmente la taille*/
img.M14_Img_Citation:hover
{
height:48px;
width:48px;
}



Pensez à valider les modifications en cliquant sur le bouton Valider

La css aura un effet de transition au survol de l'avatar si vous ne désirez ce style , la c.s.s sera alors:
Code:

/*Avatar citation*/
img.M14_Img_Citation
{
height: 16px;/*hauteur de l avatar*/
width: 16px;/*largeur de l avatar*/
vertical-align: middle;/*on aligne l avatar*/
margin-right:8px;/*on decale de la moitie de la largeur de l avatar*/
border-radius: 16px;/*on arrondi l avatar*/
}







Voilà,c'est tout pour le moment.
Un soucis?
Direction l'entraide clin oeil
https://www.milouze14.com/f108-entraide-tous-supports


Dernière édition par Milouze14 le Ven 21 Fév 2020 - 16:48, édité 3 fois
clost
clost
Milouzien

https://www.dyane-collection-passion.net

Messageclost Dim 3 Déc 2017 - 10:42

chrisnvidia
chrisnvidia
Milouzien

https://sos-pc.forumactif.org/

Messagechrisnvidia Mer 28 Mar 2018 - 20:45

Merci beaucoup !
msfeettoes
msfeettoes
Milouzien

https://feetloverfeets.forumactif.com/

Messagemsfeettoes Lun 17 Sep 2018 - 14:21

Merci beaucoup !

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

Sujets similaires internes ( 0 )
Aucun sujet

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à Milouzien ? Aucun soucis, cliquez ici pour vous connecter.


Connexion

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