Derniers sujets*
» [AWESOMEBB]Ajouter la pagination des sujets précédents et suivants
par Milouze14 Aujourd'hui à 8:30

» [TOUTES VERSIONS] Auto suggestion des membres sur les tags
par Milouze14 Hier à 14:27

» [TOUTES VERSIONS] Sauvegarder le contenu de l'éditeur
par Sick.l.Offrande Mar 4 Mai 2021 - 12:42

» [TOUTES VERSIONS]Mise en place automatique décorations
par photoclic Lun 3 Mai 2021 - 20:39

» [TOUTES VERSIONS] Afficher une belle infobulle au survol des boutons J aime
par Chéryl Lun 3 Mai 2021 - 12:37

» [BESTOF][PHPBB3] Couleurs des Pseudos dans la liste des likers
par Milouze14 Lun 3 Mai 2021 - 10:15

» [TOUTES VERSIONS] Afficher les likes seulement sur les messages des autres membres et plus encore
par Roza Dim 2 Mai 2021 - 16:08

» [EDGE]Afficher la majeure partie des variables avec un bouton sur l'éditeur
par Stefano36 Dim 25 Avr 2021 - 23:49

» [TOUTES VERSIONS] Installer MESSENGER Forumactif sur votre forum (Version Française)
par sunshinette Sam 24 Avr 2021 - 15:40

» [BESTOF][PHPBB3] Nouveau message après édition
par Milouze14 Sam 24 Avr 2021 - 11:44

» [PHPBB2] Couleur spécifique aux membres d'un rang dans les messages
par Roza Ven 23 Avr 2021 - 11:07

» [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] 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]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

Les statistiques du forum
Nous avons 470 membres enregistrés

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

Nos membres ont posté un total de 25320 messages dans 1292 sujets

[TOUTES VERSIONS] Afficher l'avatar des messages au survol de la cellule

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

Message n°10
Milouze14
Milouze14
Fondateur

https://www.milouze14.com

MessageMilouze14 Dim 8 Mar 2015 - 7:50

coucou ,

si vous avez activé l'affichage des avatars dans les messages:
Affichage/Page d'acceuil/ Structure et hiérarchie/Hiérarchie

Afficher les avatars dans la colonne "Derniers messages" : Cocher Oui

Dans ce cas de figure les avatars sont visibles .

Voilà une petite astuce qui va mettre une opacité à 0 sur l'avatar et au survol de la cellule ce dernier s'affichera progressivement  hinhin .
Quelque soit votre structure l'astuce fonctionnera les ami(e)s.



Modules/HTML JAVASCRIPT/Gestion des codes Javascript/Créer un nouveau Javascript
Mettre un titre explicite.
Cocher sur toutes les pages.

Déposez ce script:
Code:

$(function(){
$('.lastpost-avatar').closest('td , dd').attr('id','M14_Last_Ava');
});

Pensez a cliquer sur le bouton  Valid


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


Si cette class existe dans votre feuille de style :

Code:
.lastpost-avatar

Ajoutez ceci:
Code:

-moz-opacity:0;
-khtml-opacity:0;
-ms-filter:"alpha(opacity=0)";
filter: progid:DXImageTransform.Microsoft.Alpha(opacity=0);
filter:alpha(opacity=0);
opacity:0;
-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;

Puis ajoutez :
Code:

#M14_Last_Ava:hover .lastpost-avatar
{
-moz-opacity:1;
-khtml-opacity:1;
-ms-filter:"alpha(opacity=100)";
filter: progid:DXImageTransform.Microsoft.Alpha(opacity=100);
filter:alpha(opacity=100);
opacity:1;

}





Pour ceux ou la class n’existe pas ajoutez ce contenu:
Code:


.lastpost-avatar
{
-moz-opacity:0;
-khtml-opacity:0;
-ms-filter:"alpha(opacity=0)";
filter: progid:DXImageTransform.Microsoft.Alpha(opacity=0);
filter:alpha(opacity=0);
opacity:0;
-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;
}

#M14_Last_Ava:hover .lastpost-avatar
{
-moz-opacity:1;
-khtml-opacity:1;
-ms-filter:"alpha(opacity=100)";
filter: progid:DXImageTransform.Microsoft.Alpha(opacity=100);
filter:alpha(opacity=100);
opacity:1;

}


Penses à valider les modifications en cliquant sur le bouton  Valid




Voila, c'est tout pour le moment clin oeil .
Un soucis direction l'entraide hinhin
https://www.milouze14.com/f14-entraide-forumactif



Dernière édition par Milouze14 le Ven 23 Oct 2020 - 8:21, édité 4 fois
Message n°20
Teten85
Teten85
Milouzien

http://entrenous.bbfr.net/

MessageTeten85 Dim 8 Mar 2015 - 11:38

Merci beaucoup !
Message n°30
patriciadpt30
patriciadpt30
Milouzien

Messagepatriciadpt30 Ven 27 Mar 2015 - 12:47

Merci beaucoup !
Message n°40
Anonymous
Invité
Invité

MessageInvité Sam 28 Mar 2015 - 8:18

Merci beaucoup !
Message n°50
mariok
mariok
Membre regretté

http://www.amarid.net

Messagemariok Mer 10 Juin 2015 - 23:11

Merci beaucoup !
Message n°60
dymo
dymo
Milouzien

http://agri-occitanie.forumactif.org/

Messagedymo Mer 29 Juil 2015 - 1:42

Merci beaucoup !
Message n°70
Anonymous
Invité
Invité

MessageInvité Mer 5 Aoû 2015 - 19:28

Merci beaucoup !
Message n°80
Gae
Gae
Milouzien

http://www.famille-r3d-dw4rf.com/

MessageGae Mer 16 Sep 2015 - 15:52

Merci beaucoup !
Message n°90
Anonymous
Invité
Invité

MessageInvité Sam 3 Oct 2015 - 1:05

Merci beaucoup !
Message n°100
Ezio
Ezio
Milouzien

http://laguerredesdesclans.forumactif.org/

MessageEzio Sam 31 Oct 2015 - 13:26

Merci beaucoup !
Message n°110
lmc38510
lmc38510
Milouzien

http://lacaverneauxgrimoire.forumactif.org/

Messagelmc38510 Dim 29 Nov 2015 - 11:13

Merci beaucoup !
Message n°120
avatar
Ancients
Milouzien

http://forum.nsp-d3.fr/forum

MessageAncients Lun 7 Mar 2016 - 8:23

Merci beaucoup !
Message n°130
Anonymous
Invité
Invité

MessageInvité Mar 8 Mar 2016 - 13:56

Bonjour,

Merci pour ce magnifique partage, je vais essayer !! et l'adopter ....

Bonne journée
Message n°140
dragon594
dragon594
Milouzien

https://dragon-graphisme59.forumactif.org/

Messagedragon594 Lun 11 Avr 2016 - 1:45

Merci beaucoup !
Message n°150
Anonymous
Invité
Invité

MessageInvité Sam 30 Juil 2016 - 17:03

Merci beaucoup !
Message n°160
Psychotic Bitch
Psychotic Bitch
Milouzien

https://wildestdreams.forumactif.com/

MessagePsychotic Bitch Jeu 1 Sep 2016 - 10:59

Merci beaucoup !
Message n°170
avatar
SuperSpaceCab
Milouzien

http://www.ets2-mods-forum.com/

MessageSuperSpaceCab Lun 10 Oct 2016 - 6:55

Merci beaucoup pour cette astuce !
Message n°180
msfeettoes
msfeettoes
Milouzien

Avertissement : 50/100
https://feetloverfeets.forumactif.com/

Messagemsfeettoes Ven 14 Avr 2017 - 9:37

Merci beaucoup !
Message n°190
50Thierry
50Thierry
Milouzien

http://www.gps-sne.com/

Message50Thierry Jeu 4 Mai 2017 - 4:44

Merci beaucoup !
Message n°200
avatar
OptimaluS
Milouzien

http://maturityteam.forumactif.org/forum

MessageOptimaluS Jeu 4 Mai 2017 - 23:37

Merci beaucoup !
Message n°210
dédé54
dédé54
Milouzien

Avertissement : 50/100
http://le-piegeage.1fr1.net/

Messagedédé54 Sam 24 Mar 2018 - 18:20

Merci beaucoup !
Message n°220
chrisnvidia
chrisnvidia
Milouzien

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

Messagechrisnvidia Sam 24 Mar 2018 - 20:15

Merci beaucoup !
Message n°230
hamesashek
hamesashek
Milouzien

http://3arb-way.a7larab.net/

Messagehamesashek Dim 6 Jan 2019 - 11:18

Merci beaucoup !
Message n°240
Ptite_Perle
Ptite_Perle
Milouzien

https://forumcrea.forumactif.org/

MessagePtite_Perle Dim 10 Fév 2019 - 11:57

Merci beaucoup !
Message n°250
Anonymous
Invité
Invité

MessageInvité Mer 27 Fév 2019 - 17:19

Message n°260
Anonymous
Invité
Invité

MessageInvité Mer 27 Fév 2019 - 17:20

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