Connexion

Récupérer mon mot de passe

Derniers sujets
» Afficher le nombre de script(s) disponible(s) dans le volet du profil
par Milouze14 Hier à 6:44

» [TOUTES VERSIONS] Afficher le nombre de script(s) disponible dans le welcome(Toolbar]
par Milouze14 Ven 25 Sep 2020 - 19:39

» [TOUTES VERSIONS] Une page html connexion/deconnexion...
par photoclic Mar 22 Sep 2020 - 21:31

» [MODERNBB] Caché contenu important par nombre de message
par Milouze14 Mar 22 Sep 2020 - 19:08

» [TOUTES VERSIONS]Ajouter un contenu visible que par les membres ayant répondu.
par ThunderTB Dim 20 Sep 2020 - 17:01

» [TOUTES VERSIONS] Menu sur 2 colonnes
par fred9545 Sam 19 Sep 2020 - 18:43

» [PHPBB2] Cacher du contenu aux membres n'ayant pas assez de messages avec les balise hide
par Milouze14 Dim 13 Sep 2020 - 10:55

» [PHPBB2]Retirer les crochets des groupes dans le Qeel
par fred9545 Dim 9 Aoû 2020 - 18:53

» [TOUTES VERSIONS] Modifier les textes des MPs nons lus
par Morane Sam 1 Aoû 2020 - 17:30

» [TOUTES VERSIONS] Installer MESSENGER Forumactif sur votre forum (Version Française)
par clost Lun 13 Juil 2020 - 18:57

» [TOUTES VERSIONS] Afficher un bouton pour remonter en haut de page
par gigi60 Ven 3 Juil 2020 - 14:19

» [TOUTES VERSIONS] Afficher les likes seulement sur les messages des autres membres et plus encore
par photoclic Lun 29 Juin 2020 - 10:59

» [TOUTES VERSIONS] Connexion automatique après inscription
par tritri Sam 27 Juin 2020 - 17:55

» [PHPBB2] Mettre en résolu via la réponse rapide
par Kaiji Mer 17 Juin 2020 - 13:45

» [PHPBB2] Supprimer directement un message sans retour
par Milouze14 Dim 7 Juin 2020 - 4:44

» [TOUTES VERSIONS] Changer les boutons Nouveau MP et Répondre au MP par du texte
par croklivre Lun 25 Mai 2020 - 18:25

» [TOUTES VERSIONS] Faire clignoter les images des nouveaux messages
par croklivre Lun 25 Mai 2020 - 18:17

» [BESTOF] [AWESOMEBB] Modifier le en ligne hors ligne
par Milouze14 Dim 24 Mai 2020 - 5:38

» [AWESOMEBB] Modifier l'icône du bouton d'accueil
par YOUGATAGA Mer 20 Mai 2020 - 13:56

» [AWESOMEBB] Mettre en résolu via la réponse rapide
par Milouze14 Ven 15 Mai 2020 - 8:38

[PHPBB3]Afficher/Masquer le profil avec miniature de l'avatar

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

Milouze14
Milouze14
Fondateur

MessageMilouze14 le Ven 8 Fév 2019 - 8:48

Hello les ami(e)s,

voilà une astuce qui affichera une miniature de l'avatar du membre sur le côté gauche de chaque message pour les membres.
Les invités verront un affichage traditionnel.



Allez on y les ami(e)s,
Comme d'habitude, l'astuce a été réalisé sur un template non modifié.




Si vous n'avez pas activé le plugin tooltipster

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


Mettez un titre explicite.
Cochez sur les sujets.


Déposez ceci:
Code:


$(function() {
var Noconnect=_userdata["session_logged_in"] !== 1;
var Connect=_userdata["session_logged_in"] == 1;
var pub=$('div[id="p0"]').length;

$('div[class*="post--"] .inner').each(function(){
var invite=$(this).find('.postprofile:contains("Invité")').length;
var Membre=$(this).find('.postprofile a[href^="/u"]').text();
var Avatar=$(this).find('.postprofile a[href^="/u"] img').attr('src');
if(Membre&&Connect)
{
$(this).before('<a class="M14_PopUp"title="Voir le profil de '+Membre+'"><img class="M14_AvAtAr"src="'+Avatar+'"/></a><a class="M14_PopUpClose"title="Cacher le profil de '+Membre+'"><img class="M14_AvAtAr"src="'+Avatar+'"/></a>');
$('a.M14_PopUp').click(function(){
$(this).hide();$(this).next().show();
$(this).closest('div').find('.postbody').removeClass('M14_width').addClass('M14_remove_width');
$(this).closest('div').find('.postprofile').removeClass('M14_remove_width').addClass('M14_width');});
$('a.M14_PopUpClose').click(function(){
$(this).hide();$(this).prev().show();
$(this).closest('div').find('.postbody').removeClass('M14_remove_width').addClass('M14_width');
$(this).closest('div').find('.postprofile').removeClass('M14_width').addClass('M14_remove_width');});
}
else if(invite||Noconnect||pub)
{
$(this).closest('div[class^="post"]').addClass('M14_invitE');
}


});

});



Penser a cliquer sur le bouton Valid

Si vous utilisez tooltipster


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


Mettez un titre explicite.
Cochez sur toutes les pages.


Déposez ceci:
Code:

$(function() {
var Noconnect=_userdata["session_logged_in"] !== 1;
var Connect=_userdata["session_logged_in"] == 1;
var pub=$('div[id="p0"]').length;

$('div[class*="post--"] .inner').each(function(){
var invite=$(this).find('.postprofile:contains("Invité")').length;
var Membre=$(this).find('.postprofile a[href^="/u"]').text();
var Avatar=$(this).find('.postprofile a[href^="/u"] img').attr('src');
if(Membre&&Connect)
{
$(this).before('<a class="M14_PopUp"title="Voir le profil de '+Membre+'"><img class="M14_AvAtAr"src="'+Avatar+'"/></a><a class="M14_PopUpClose"title="Cacher le profil de '+Membre+'"><img class="M14_AvAtAr"src="'+Avatar+'"/></a>');
$('a.M14_PopUp').click(function(){
$(this).hide();$(this).next().show();
$(this).closest('div').find('.postbody').removeClass('M14_width').addClass('M14_remove_width');
$(this).closest('div').find('.postprofile').removeClass('M14_remove_width').addClass('M14_width');});
$('a.M14_PopUpClose').click(function(){
$(this).hide();$(this).prev().show();
$(this).closest('div').find('.postbody').removeClass('M14_remove_width').addClass('M14_width');
$(this).closest('div').find('.postprofile').removeClass('M14_width').addClass('M14_remove_width');});

 $('.M14_PopUp,.M14_PopUpClose').tooltipster({
          animation : 'fade',
          arrow : true,
          speed : 300,
          delay : 300,
          onlyOne : true,
          theme : 'tooltipster-default'
        });


}
else if(invite||Noconnect||pub)
{
$(this).closest('div[class^="post"]').addClass('M14_invitE');
}


});

});




Penser a cliquer sur le bouton Valid



Puis le style:


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

.M14_invitE .postprofile
{
visibility:visible!important;
opacity:1!important;
margin-left:0 !important;
-ms-transform: none !important;
-webkit-transform: none!important;
transform:none!important;
-webkit-transition:none!important;
-moz-transition:none!important;
-o-transition:none!important;
transition:none!important;
}
.M14_invitE .postbody{width:76%!important;}
div[class^="post"]:not(.M14_invitE) .inner .postprofile,
div[class^="post"]:not(.M14_invitE) .inner .postprofile.M14_remove_width
{
visibility:hidden;
opacity:0;
margin-right:-22%;
position: absolute;
font-size:0px;
}


div[class^="post"]:not(.M14_invitE) .inner .postprofile.M14_remove_width img{width:0px;height:0px;}
div[class^="post"]:not(.M14_invitE) .inner .postprofile.M14_width img{width:auto;height:auto;}
div[class^="post"]:not(.M14_invitE) .inner .postprofile.M14_width
{
visibility:visible;
opacity:1;
margin-right:0;
position:relative;
display:inherit;
font-size:inherit;
}
div[class^="post"]:not(.M14_invitE) .inner .postbody,
div[class^="post"]:not(.M14_invitE) .inner .postbody.M14_width{width:100%;}
div[class^="post"]:not(.M14_invitE) .inner .postbody.M14_remove_width{width:76%;}
div[class^="post"]:not(.M14_invitE) .inner .postbody,div[class^="post"]:not(.M14_invitE) .inner .postprofile
{
-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;
}
/*La miniature de l avatar*/
img.M14_AvAtAr
{
  position: absolute;
  margin-left: -64px;
  width:32px;
  height:32px;
  border-radius:32px;
  border:2px solid #e54732;
  padding:4px;
background-color:#369FCF ;
  -webkit-transform: rotate(0deg);
-moz-transform: rotate(0deg);
-o-transform: rotate(0deg);
transform: rotate(0deg);
-webkit-transition: all 1s ease-in-out;
-moz-transition: all 1s ease-in-out;
-o-transition: all 1s ease-in-out;
transition: all 1s ease-in-out;
}
/*Au survol de la miniature*/

img.M14_AvAtAr:hover
{
background-color:#e54732;
border:2px solid #369FCF;
-webkit-transform: rotate(360deg);
-moz-transform: rotate(360deg);
-o-transform: rotate(360deg);
transform: rotate(360deg);
}
/*On donne un style au curseur*/
a[class^="M14_PopUp"]{cursor:pointer;}
/*on masque le conteneur de la fermeture*/
a.M14_PopUpClose{display:none;}




Penser a cliquer 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 21 Fév 2020 - 17:43, édité 1 fois
photoclic
photoclic
Milouzien

Messagephotoclic le Dim 10 Fév 2019 - 23:46

Merci beaucoup !
Anonymous
Invité
Invité

MessageInvité le Lun 18 Fév 2019 - 0:39

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


Connexion

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