Connexion

Récupérer mon mot de passe

Derniers sujets
» [PhpBB2] La version web ne s'affiche pas sur "mon" IPAD.
[PHPBB3] Afficher les champs du profil au clic sur l'avatar Clock-10Dim 21 Juil 2019 - 15:01 par photoclic

» [AwesomeBB] Problème avec le tuto "AutoSuggestion" - Incompatible version AwesomeBB
[PHPBB3] Afficher les champs du profil au clic sur l'avatar Clock-10Dim 21 Juil 2019 - 6:07 par Milouze14

» [Toutes versions]Remplacer les icônes de l'éditeur par des icônes FontAwesome
[PHPBB3] Afficher les champs du profil au clic sur l'avatar Clock-10Sam 20 Juil 2019 - 11:23 par Morane

» histoire du Jour sans fin
[PHPBB3] Afficher les champs du profil au clic sur l'avatar Clock-10Sam 20 Juil 2019 - 7:29 par Quad Daniel

» *RESOLU*[PhpBB2] Chargement de mon forum
[PHPBB3] Afficher les champs du profil au clic sur l'avatar Clock-10Mer 17 Juil 2019 - 19:51 par Milouze14

» *RESOLU*[PhpBB2] Un encodage pour stoper l'autoplay pour mon IFRAM vidéo
[PHPBB3] Afficher les champs du profil au clic sur l'avatar Clock-10Mar 16 Juil 2019 - 18:58 par Milouze14

» [Blague] Le patient et le psychiatre
[PHPBB3] Afficher les champs du profil au clic sur l'avatar Clock-10Mar 16 Juil 2019 - 7:43 par Quad Daniel

» Élémentaire mon cher Watson !
[PHPBB3] Afficher les champs du profil au clic sur l'avatar Clock-10Lun 15 Juil 2019 - 9:04 par soleda

» [AwesomeBB]Activer le lien du Pseudo sur l'index dans les derniers messages
[PHPBB3] Afficher les champs du profil au clic sur l'avatar Clock-10Dim 14 Juil 2019 - 8:01 par Milouze14

» Fille ou garçon "blagounette"
[PHPBB3] Afficher les champs du profil au clic sur l'avatar Clock-10Mar 9 Juil 2019 - 8:09 par Quad Daniel

» Règlement de l'entraide Forumactif
[PHPBB3] Afficher les champs du profil au clic sur l'avatar Clock-10Ven 5 Juil 2019 - 19:29 par Rabolliot

» [AwesomeBB] Rendre l'image du header cliquable
[PHPBB3] Afficher les champs du profil au clic sur l'avatar Clock-10Mar 2 Juil 2019 - 19:12 par Milouze14

» [ModernBB] Rendre l'image du header cliquable
[PHPBB3] Afficher les champs du profil au clic sur l'avatar Clock-10Mar 2 Juil 2019 - 19:07 par Splash

» [PhpBB2]Afficher le profil à droite
[PHPBB3] Afficher les champs du profil au clic sur l'avatar Clock-10Mar 2 Juil 2019 - 9:28 par Morane

» les Histoires Belge
[PHPBB3] Afficher les champs du profil au clic sur l'avatar Clock-10Dim 30 Juin 2019 - 10:50 par Milouze14

» *RESOLU*[PhpBB2] .postbody / texte qui sort du cadre
[PHPBB3] Afficher les champs du profil au clic sur l'avatar Clock-10Dim 30 Juin 2019 - 10:48 par Milouze14

» Histoire de Blondes Sans Fin
[PHPBB3] Afficher les champs du profil au clic sur l'avatar Clock-10Dim 30 Juin 2019 - 8:38 par Quad Daniel

» [TOUTES VERSIONS] Installer MESSENGER Forumactif sur votre forum
[PHPBB3] Afficher les champs du profil au clic sur l'avatar Clock-10Jeu 27 Juin 2019 - 15:50 par Milouze14

» Socrate et la maïeutique "histoire"
[PHPBB3] Afficher les champs du profil au clic sur l'avatar Clock-10Mer 26 Juin 2019 - 7:34 par Quad Daniel

» Coca-Cola (histoire)
[PHPBB3] Afficher les champs du profil au clic sur l'avatar Clock-10Lun 24 Juin 2019 - 9:33 par bildil62

[PHPBB3] Afficher les champs du profil au clic sur l'avatar

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

Milouze14
Milouze14
Fondateur

MessageMilouze14 le Ven 14 Oct 2016 - 19:29

Hello les ami(e)s,

après cette astuce:
Afficher ou masquer tous les champs du profil dans les messages:
https://www.milouze14.com/t28203-phpbb3-afficher-les-champs-du-profil-avec-effet-transition-au-click#543710

Je vous propose un script qui va cacher les champs du profil et au clic sur l'avatar affichera ces derniers,selon le placement que vous aurez défini dans votre p.a :

Général/Configuration/Structure des pages

Position du profil dans les messages :

il faudra choisir la C.S.S adéquate que je vous donnerais plus bas.

Les aperçus imagés:

[PHPBB3] Afficher les champs du profil au clic sur l'avatar 138

[PHPBB3] Afficher les champs du profil au clic sur l'avatar 223

[PHPBB3] Afficher les champs du profil au clic sur l'avatar 317





Tous les champs devront avoir un retour à la ligne sur "Séparateur :"
Hum comment le savoir ?
ici:
Utilisateurs et Groupes/Utilisateurs/Profils/Champs du profil:

Cliquez sur chaque edit






Allez c'est parti!!!!!

-Astuce du Forum Milouze14-






  • Réponse automatique:

    Merci de cliquer ici pour voir le message

Pour toute information,merci de contacter un Membre du Staff
[PHPBB3] Afficher les champs du profil au clic sur l'avatar Staff10





On va créer un script :

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

Déposez ceci:
Code:


$(function(){
$('.postprofile dl dt:first-child a[href^="/u"] img').each(function(){
var M14_link=$(this).closest('a').attr('href');
$(this).closest('a').removeAttr('href').css('cursor','pointer').attr('title','Afficher le profil');
var M14_label=$(this).closest('div').find(' .label').closest('dd').hide().html();
$(this).click(function(){
$(this).unbind();
$(this).closest('dl').before('
<div id="M14_ProfTOGGLE">

<center><a title="Voir le profil"href='+M14_link+'>Voir son profil</a></center>
<div id="M14_close"title="Fermer">X</div>
<div class="M14_ProfTOGGLE">'+M14_label+'</div>
</div>');
});});});
$(function(){
$('.postprofile #M14_close').live('click', function(){
$(this).closest('div#M14_ProfTOGGLE').fadeOut();
});});


Pensez a cliquer sur le bouton Valid






On va placer ensuite le style:

Pour les profils positionnés à gauche:
Dans la feuille de style:
Affichage/Images et Couleurs/Couleurs/Feuille de style

Déposez ceci:
Code:


#M14_ProfTOGGLE
{
position:absolute;
background-color: #369fcf;
color: black ;
width:200px;
margin-top:0px;
margin-left: 150px;
padding:5px;
border:4px double black;
border-radius:5px;
}
.M14_ProfTOGGLE
{
  height:120px;
overflow-y:auto;
background-color: #fff;
  color:#39c !important;
font-size:11px !important;
  margin: 5px;
  padding:5px;
  border-radius:5px;
}
.M14_ProfTOGGLE span{color:#39c !important;font-size:11px !important;}
#M14_ProfTOGGLE #M14_close
{
color:#fff;  
font-size:11px !important;
cursor: pointer;
height: 10px;
margin-left: 194px;
margin-top: -14px;
position: absolute;
width:200px;
}

#M14_ProfTOGGLE a
{
font-size:11px !important;
color:white !important;
text-decoration:none !important;
}


Pensez à valider les modifications en cliquant sur le bouton  Valid


Pour les profils positionnés à droite:

Déposez ceci:
Code:

#M14_ProfTOGGLE
{
position:absolute;
background-color: #369fcf;
color: black ;
width:200px;
margin-top:0px;
margin-left: -230px;
padding:5px;
border:4px double black;
border-radius:5px;
}
.M14_ProfTOGGLE
{
  height:120px;
overflow-y:auto;
background-color: #fff;
  color:#39c !important;
font-size:11px !important;
  margin: 5px;
  padding:5px;
  border-radius:5px;
}
.M14_ProfTOGGLE span{color:#39c !important;font-size:11px !important;}
#M14_ProfTOGGLE #M14_close
{
color:#fff;  
font-size:11px !important;
cursor: pointer;
height: 10px;
margin-left: 0px;
margin-top: -14px;
position: absolute;
width:16px;
}

#M14_ProfTOGGLE a
{
font-size:11px !important;
color:white !important;
text-decoration:none !important;
}




Pensez à valider les modifications en cliquant sur le bouton  Valid







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 Dim 7 Oct 2018 - 16:15, édité 4 fois
avatar
Tony L
Milouzien

MessageTony L le Dim 16 Oct 2016 - 21:53

Merci beaucoup !
photoclic
photoclic
Milouzien

Messagephotoclic le Jeu 27 Oct 2016 - 9:58

Merci beaucoup !
LIWawa
LIWawa
Milouzien

MessageLIWawa le Ven 28 Oct 2016 - 22:03

Merci beaucoup !
50Thierry
50Thierry
Milouzien

Message50Thierry le Mar 6 Déc 2016 - 10:15

Merci beaucoup !
petit coq
petit coq
Milouzien

Messagepetit coq le Jeu 22 Juin 2017 - 18:26

Merci beaucoup !
fred9545
fred9545
Milouzien

Messagefred9545 le Dim 20 Jan 2019 - 19:26

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