Astuces Forumactif
Vous souhaitez réagir à ce message ? Créez un compte en quelques clics ou connectez-vous pour continuer.
Astuces Forumactif

EDGE/ PHPBB2 / PHPBB3/ PUNBB / INVISION/ MODERNBB/ AWESOMEBB
 
AccueilAccueil  PortailPortail  Connexion  S'enregistrerS'enregistrer  
Le Deal du moment : -33%
-30€ sur le Nettoyeur vapeur Karcher KST 2 ...
Voir le deal
59.99 €

 

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

Aller en bas 
4 participants
AuteurMessage
Milouze14
Fondateur

Milouze14



[EDGE] Afficher l'avatar dans une citation nommée Empty
MessageSujet: [EDGE] Afficher l'avatar dans une citation nommée   [EDGE] Afficher l'avatar dans une citation nommée EmptySam 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


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*/
}




Dernière édition par Milouze14 le Mar 30 Nov 2021 - 4:10, édité 4 fois
Revenir en haut Aller en bas
https://www.milouze14.com
clost
Milouzien

clost



[EDGE] Afficher l'avatar dans une citation nommée Empty
MessageSujet: Re: [EDGE] Afficher l'avatar dans une citation nommée   [EDGE] Afficher l'avatar dans une citation nommée EmptyDim 3 Déc 2017 - 10:42

Revenir en haut Aller en bas
https://www.dyane-collection-passion.net
chrisnvidia
Milouzien

chrisnvidia



[EDGE] Afficher l'avatar dans une citation nommée Empty
MessageSujet: Re: [EDGE] Afficher l'avatar dans une citation nommée   [EDGE] Afficher l'avatar dans une citation nommée EmptyMer 28 Mar 2018 - 20:45

Merci beaucoup !
Revenir en haut Aller en bas
https://sos-pc.forumactif.org/
msfeettoes
Milouzien

msfeettoes



[EDGE] Afficher l'avatar dans une citation nommée Empty
MessageSujet: Re: [EDGE] Afficher l'avatar dans une citation nommée   [EDGE] Afficher l'avatar dans une citation nommée EmptyLun 17 Sep 2018 - 14:21

Merci beaucoup !
Revenir en haut Aller en bas
https://feetloverfeets.forumactif.com/
Contenu sponsorisé





[EDGE] Afficher l'avatar dans une citation nommée Empty
MessageSujet: Re: [EDGE] Afficher l'avatar dans une citation nommée   [EDGE] Afficher l'avatar dans une citation nommée Empty

Revenir en haut Aller en bas
 
[EDGE] Afficher l'avatar dans une citation nommée
Revenir en haut 
Page 1 sur 1
 Sujets similaires
-
» [EDGE] Afficher les forums de la catégorie dans la liste des sujets
» [EDGE] Afficher le Pseudo dans l'outil de modération "Modérer ce forum"
» [EDGE] Afficher les membres en ligne version graphique sur l'index et dans la liste des sujets
» [EDGE] Afficher l'id/ami et brouillon dans le Welcome de la toolbar
» [EDGE] Afficher masquer le profil dans les messages

Permission de ce forum:Vous ne pouvez pas répondre aux sujets dans ce forum
Astuces Forumactif :: Astuces Forumactif :: Les astuces EDGE-
Sauter vers: