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

Récupérer mon mot de passe

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

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

» [TOUTES VERSIONS] Menu sur 2 colonnes
par soleda Dim 14 Juin 2020 - 6:20

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

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

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

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

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

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

» [PHPBB3]Mettre en résolu via la réponse rapide
par Milouze14 Ven 15 Mai 2020 - 7:52

» [PUNBB]Retirer les crochets des groupes dans le Qeel
par Milouze14 Jeu 7 Mai 2020 - 6:32

» [INVISION]Retirer les crochets des groupes dans le Qeel
par Milouze14 Jeu 7 Mai 2020 - 6:28

» [MODERNBB]Retirer les crochets des groupes dans le Qeel
par Milouze14 Jeu 7 Mai 2020 - 6:09

» [AWESOMEBB]Retirer les crochets des groupes dans le Qeel
par Milouze14 Jeu 7 Mai 2020 - 6:03

[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,



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!!!!!


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();
});});



Penser 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;
}



Penser a cliquer 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;
}





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:47, édité 5 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

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