Connexion

Récupérer mon mot de passe

Derniers sujets
» [PhpBB2] La version web ne s'affiche pas sur "mon" IPAD.
[EDGE] Afficher l'avatar dans une citation nommée Clock-10Dim 21 Juil 2019 - 15:01 par photoclic

» [AwesomeBB] Problème avec le tuto "AutoSuggestion" - Incompatible version AwesomeBB
[EDGE] Afficher l'avatar dans une citation nommée Clock-10Dim 21 Juil 2019 - 6:07 par Milouze14

» [Toutes versions]Remplacer les icônes de l'éditeur par des icônes FontAwesome
[EDGE] Afficher l'avatar dans une citation nommée Clock-10Sam 20 Juil 2019 - 11:23 par Morane

» histoire du Jour sans fin
[EDGE] Afficher l'avatar dans une citation nommée Clock-10Sam 20 Juil 2019 - 7:29 par Quad Daniel

» *RESOLU*[PhpBB2] Chargement de mon forum
[EDGE] Afficher l'avatar dans une citation nommée Clock-10Mer 17 Juil 2019 - 19:51 par Milouze14

» *RESOLU*[PhpBB2] Un encodage pour stoper l'autoplay pour mon IFRAM vidéo
[EDGE] Afficher l'avatar dans une citation nommée Clock-10Mar 16 Juil 2019 - 18:58 par Milouze14

» [Blague] Le patient et le psychiatre
[EDGE] Afficher l'avatar dans une citation nommée Clock-10Mar 16 Juil 2019 - 7:43 par Quad Daniel

» Élémentaire mon cher Watson !
[EDGE] Afficher l'avatar dans une citation nommée Clock-10Lun 15 Juil 2019 - 9:04 par soleda

» [AwesomeBB]Activer le lien du Pseudo sur l'index dans les derniers messages
[EDGE] Afficher l'avatar dans une citation nommée Clock-10Dim 14 Juil 2019 - 8:01 par Milouze14

» Fille ou garçon "blagounette"
[EDGE] Afficher l'avatar dans une citation nommée Clock-10Mar 9 Juil 2019 - 8:09 par Quad Daniel

» Règlement de l'entraide Forumactif
[EDGE] Afficher l'avatar dans une citation nommée Clock-10Ven 5 Juil 2019 - 19:29 par Rabolliot

» [AwesomeBB] Rendre l'image du header cliquable
[EDGE] Afficher l'avatar dans une citation nommée Clock-10Mar 2 Juil 2019 - 19:12 par Milouze14

» [ModernBB] Rendre l'image du header cliquable
[EDGE] Afficher l'avatar dans une citation nommée Clock-10Mar 2 Juil 2019 - 19:07 par Splash

» [PhpBB2]Afficher le profil à droite
[EDGE] Afficher l'avatar dans une citation nommée Clock-10Mar 2 Juil 2019 - 9:28 par Morane

» les Histoires Belge
[EDGE] Afficher l'avatar dans une citation nommée Clock-10Dim 30 Juin 2019 - 10:50 par Milouze14

» *RESOLU*[PhpBB2] .postbody / texte qui sort du cadre
[EDGE] Afficher l'avatar dans une citation nommée Clock-10Dim 30 Juin 2019 - 10:48 par Milouze14

» Histoire de Blondes Sans Fin
[EDGE] Afficher l'avatar dans une citation nommée Clock-10Dim 30 Juin 2019 - 8:38 par Quad Daniel

» [TOUTES VERSIONS] Installer MESSENGER Forumactif sur votre forum
[EDGE] Afficher l'avatar dans une citation nommée Clock-10Jeu 27 Juin 2019 - 15:50 par Milouze14

» Socrate et la maïeutique "histoire"
[EDGE] Afficher l'avatar dans une citation nommée Clock-10Mer 26 Juin 2019 - 7:34 par Quad Daniel

» Coca-Cola (histoire)
[EDGE] Afficher l'avatar dans une citation nommée Clock-10Lun 24 Juin 2019 - 9:33 par bildil62

[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

MessageMilouze14 le 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:

@Milouze14 a écrit:



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://7img.net/users/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://7img.net/users/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 Sam 13 Avr 2019 - 19:31, édité 2 fois
clost
clost
Milouzien

Messageclost le Dim 3 Déc 2017 - 10:42

chrisnvidia
chrisnvidia
Milouzien

Messagechrisnvidia le Mer 28 Mar 2018 - 20:45

Merci beaucoup !
msfeettoes
msfeettoes
Milouzien

Messagemsfeettoes le Lun 17 Sep 2018 - 14:21

Merci beaucoup !

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