Connexion

Récupérer mon mot de passe

Derniers sujets*
» [PHPBB3] Afficher le nombre LIKES dans la liste des sujets
par photoclic Hier à 23:18

» [TOUTES VERSIONS]Afficher les scripts disponibles et désactivés dans un widget (ADMIN)
par photoclic Jeu 14 Oct 2021 - 10:06

» [PHPBB2]Personnaliser les annonces, notes etc
par Constellation Mer 13 Oct 2021 - 1:23

» [PHPBB2] Afficher la partie profil au dessus du message
par Milouze14 Mar 12 Oct 2021 - 11:24

» [PHPBB2] Cacher tous les sujets des invités
par Angelface Jeu 30 Sep 2021 - 18:31

» [PHPBB2] Afficher le nombre de message privé non lus sur la toolbar etc
par Angelface Jeu 30 Sep 2021 - 18:07

» Ajout d'ami rapide
par Milouze14 Jeu 30 Sep 2021 - 6:54

» [PHPBB2] Afficher les membres en ligne (version graphique) sur l'index et dans la liste des sujets
par Angelface Mer 29 Sep 2021 - 2:01

» [TOUTES VERSIONS] Masquer le bouton j'aime pas ou j'aime a un membre
par soleda Mar 28 Sep 2021 - 8:14

» [PHPBB3]Personnaliser les annonces, notes etc
par Milouze14 Mer 8 Sep 2021 - 8:09

» [TOUTES VERSIONS] Installer MESSENGER Forumactif sur votre forum (Version Française)
par Myrddin Ven 3 Sep 2021 - 22:34

» [TOUTES VERSIONS] Modifier les textes de la barre de navigation
par Ella Lun 30 Aoû 2021 - 18:13

» [PHPBB2]Afficher des commentaires sous forme de vignettes
par soleda Ven 6 Aoû 2021 - 9:38

» [AWESOMEBB]Supprimer le mot invité
par Milouze14 Lun 19 Juil 2021 - 19:03

» [MODERNBB]Supprimer le mot invité
par Milouze14 Lun 19 Juil 2021 - 18:53

» [AWESOMEBB]Modifier les icônes de la réponse rapide
par Milouze14 Sam 17 Juil 2021 - 19:37

» [MODERNBB]Afficher des commentaires sous forme de vignettes
par Milouze14 Lun 12 Juil 2021 - 8:37

» [AWESOMEBB]Afficher des commentaires sous forme de vignettes
par Milouze14 Mer 7 Juil 2021 - 19:25

» [PHPBB3]Afficher des commentaires sous forme de vignettes
par photoclic Jeu 1 Juil 2021 - 23:28

» [PHPBB2] Afficher l'id/ami et brouillon dans le Welcome de la toolbar
par Ptite_Perle Jeu 24 Juin 2021 - 18:29

Les statistiques du forum
Nous avons 484 membres enregistrés

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

Nos membres ont posté un total de 27725 messages dans 1414 sujets

[PHPBB2] Afficher les informations du profil des messages dans une infobulle

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

+9
Dada
Vayl
Eczema Help
Squall
pierre31250
fleur78
fascicularia
Teten85
Milouze14
13 participants
Message n°10
Milouze14
Milouze14
Fondateur

https://www.milouze14.com

MessageMilouze14 Lun 8 Juil 2013 - 18:32

coucou ,

actuellement les informations du profil dans le module des messages affiche la description
et en dessous son contenu hinhin .

On va garder juste la description et à son survol l'infobulle affichera le contenu super  .

L'aperçu imagé:

[PHPBB2] Afficher les informations du profil des messages dans une infobulle 212

-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
[PHPBB2] Afficher les informations du profil des messages dans une infobulle Staff10




Pour un template vierge:
Dans le template viewtopic_body:
Affichage/Templates/Général/viewtopic_body

Recherchez :

Code:

<tr class="post post--{postrow.displayed.U_POST_ID}" id="p{postrow.displayed.U_POST_ID}" style="{postrow.displayed.DISPLAYABLE_STATE}">
<td class="{postrow.displayed.ROW_CLASS}"{postrow.displayed.THANK_BGCOLOR} valign="top" width="150">
 <span class="name"><a name="{postrow.displayed.U_POST_ID}"></a><strong>{postrow.displayed.POSTER_NAME}</strong></span><br />
 <span class="postdetails poster-profile">
 {postrow.displayed.POSTER_RANK}<br />
 {postrow.displayed.RANK_IMAGE}{postrow.displayed.POSTER_AVATAR}<br /><br />
 <!-- BEGIN profile_field -->
 {postrow.displayed.profile_field.LABEL} {postrow.displayed.profile_field.CONTENT}{postrow.displayed.profile_field.SEPARATOR}
 <!-- END profile_field -->
 {postrow.displayed.POSTER_RPG}
 </span><br />
 <img src="http://2img.net/i/fa/empty.gif" alt="" style="width:150px;height:1px" />
</td>

Le width="150" donne la largeur de la colonne du profil, il faudra
reporter la même valeur dans la C.S.S hinhin .
Code:
<td class="{postrow.displayed.ROW_CLASS}"{postrow.displayed.THANK_BGCOLOR} valign="top" width="150">

Supprimez le et remplacez par ceci:
Code:

<td class="{postrow.displayed.ROW_CLASS}"{postrow.displayed.THANK_BGCOLOR} valign="top" width="150">
            <span class="name"><a name="{postrow.displayed.U_POST_ID}"></a>
              <strong>{postrow.displayed.POSTER_NAME}</strong></span><br />
            
  <br />
<span class="postdetails poster-profile">
{postrow.displayed.POSTER_RANK}<br />
{postrow.displayed.RANK_IMAGE}{postrow.displayed.POSTER_AVATAR}<br />
  
    <!-- BEGIN profile_field -->
<div class="M14_label">

  <div>{postrow.displayed.profile_field.LABEL}</div>
  <span class="M14_label_bulle">
 {postrow.displayed.profile_field.CONTENT}<br />
  {postrow.displayed.POSTER_RPG}
  
     </span>
</div>

 <!-- END profile_field -->
  <br />
      

  <img src="http://2img.net/i/fa/empty.gif" alt=""style="width:150px;height:1px" />
 </td>



Pour un template modifié ,
il faudra pratiquer ainsi :
Code:

<tr class="post post--{postrow.displayed.U_POST_ID}" id="p{postrow.displayed.U_POST_ID}" style="{postrow.displayed.DISPLAYABLE_STATE}">
<td class="{postrow.displayed.ROW_CLASS}"{postrow.displayed.THANK_BGCOLOR} valign="top" width="150">
 <span class="name"><a name="{postrow.displayed.U_POST_ID}"></a><strong>{postrow.displayed.POSTER_NAME}</strong></span><br />
 <span class="postdetails poster-profile">
 {postrow.displayed.POSTER_RANK}<br />
 {postrow.displayed.RANK_IMAGE}{postrow.displayed.POSTER_AVATAR}<br /><br />
                           /* DEBUT DE LA PARTIE A SUPPRIMER*/
 <!-- BEGIN profile_field -->
 {postrow.displayed.profile_field.LABEL} {postrow.displayed.profile_field.CONTENT}{postrow.displayed.profile_field.SEPARATOR}
 <!-- END profile_field -->
 {postrow.displayed.POSTER_RPG}
                        /*FIN DE LA PARTIE A SUPPRIMER*/
 </span><br />
 <img src="http://2img.net/i/fa/empty.gif" alt="" style="width:150px;height:1px" />
</td>

Supprimez la partie mentionnée par les commentaires :
 /* DEBUT DE LA PARTIE A SUPPRIMER*/
et

 /*FIN DE LA PARTIE A SUPPRIMER*/
et remplacez par celle-ci:

Code:
   

<!-- BEGIN profile_field -->
<div class="M14_label">
  <div>{postrow.displayed.profile_field.LABEL}</div>
  <span class="M14_label_bulle">
 {postrow.displayed.profile_field.CONTENT}<br />
  {postrow.displayed.POSTER_RPG}
</span>
</div>
 <!-- END profile_field -->
  <br />

Pensez à enregistrer puis à valider en cliquant respectivement sur  Enregistr  puis Ajout


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

Collez ce contenu:
Code:

/* Le bloc complet*/
.M14_label
{
margin-left:2px;/*on decale le bloc de 2px de la gauche*/
position:relative;/*ne pas toucher*/
margin-top:10px;/*on decale le bloc de 10px du haut*/
width: 150px;/*on redonne la meme largeur que le template*/
}
/* Le libelle */
.M14_label div
{
/*la couleur de police est definie dans le PA*/
font-size:12px;/*la taille de police*/
cursor:pointer;/*Le style de curseur*/
}
/*L infobulle cachee*/
.M14_label_bulle
{
position:absolute;/*ne pas toucher*/
top:2px;/*ne pas toucher*/
left: 140px;/*on positionne l infobulle a 140px de la gauche*/
display:none;/*ne pas toucher*/
padding:5px;/*le texte sera espace de 5px du bord de l infobulle*/
word-wrap: break-word;/*on evite tous debordement*/
color:#000000;/* la couleur de police*/
font-size:10px;/*la taille de police*/
min-height:24px;/*la hauteur minimale de l infobulle*/
min-width:48px;/*la largeur minimale de l infobulle*/
height:auto;/*ne pas toucher*/
max-width:150px;/*la largeur maximale de l infobulle*/
-moz-border-radius: 6px;/*les bordures arrondies*/
-webkit-border-radius: 6px;
border-radius: 6px;
/*l effet autour de l infobulle*/
/*changez la couleur en fonction de votre fond de corps de message*/
-moz-box-shadow: 0px 0px 19px #000000;
-webkit-box-shadow: 0px 0px 19px #000000;
box-shadow: 0px 0px 19px #000000;
}

/*Au survol du libellé on affiche l infobulle */
.M14_label:hover .M14_label_bulle
{
display:block;/*ne pas toucher*/
cursor:pointer;/*Le style de curseur*/
}


Pense à valider les modifications en cliquant sur le bouton  Valid .


Voilà, c'est tout pour le moment  clin oeil .


Dernière édition par Milouze14 le Ven 21 Fév 2020 - 17:07, édité 5 fois
Message n°20
Teten85
Teten85
Milouzien

http://entrenous.bbfr.net/

MessageTeten85 Lun 8 Juil 2013 - 19:01

Je regarde ça Milouze, merci super 
Message n°30
fascicularia
fascicularia
Milouzien

https://altitudetropicale.forums-actifs.com/

Messagefascicularia Lun 8 Juil 2013 - 19:26

Bon, je fais mon curieux comme d'hab :chewin: . Merci Milouze pour ce partage.
Message n°40
fleur78
fleur78
Milouzien

http://graphfleur78.forumactif.org/

Messagefleur78 Lun 8 Juil 2013 - 21:24

a voir Merci
Message n°50
avatar
pierre31250
Milouzien

Messagepierre31250 Jeu 11 Juil 2013 - 9:00

ça a l'air bien sympas super 

Merci
Message n°60
Teten85
Teten85
Milouzien

http://entrenous.bbfr.net/

MessageTeten85 Sam 13 Juil 2013 - 12:46

J'ai essayé ça fonctionne bien clin oeil 
Le souci avec les champs du profil c'est que ça rallonge la hauteur du message surtout quand y en a plus d'une dizaine...
Certains sont indispensables à chaque messages, le sexe, l'âge....mais d'autres n'ont pas besoins d'être visible à chaque fois
J'ai cherché mais j'ai pas trouvé si il y a une autre façon comme sur le forum avec menu déroulant qui apparaîtrait en passant sur l'avatar par exemple ou comme toi Philippe en passant sur "voir son profil"
Message n°70
Milouze14
Milouze14
Fondateur

https://www.milouze14.com

MessageMilouze14 Sam 13 Juil 2013 - 16:35

coucou  ,

tu peux désactiver des champs dans les profils pour diminuer la hauteur hinhin .

Ensuite je ferais prochainement un tutoriel pour répondre à ta demande clin oeil .

Mais quand !!!!

C'est bien là le soucis moqueur .


NOUVELLE BARRE DE NAVIGATION


Le respect mutuel est le fondement de la véritable harmonie.(Dalaï Lama).
Message n°80
Squall
Squall
Milouzien

http://lesgamers.bbfr.net/

MessageSquall Dim 4 Aoû 2013 - 18:07

Merci pour le partage
Message n°90
Anonymous
Invité
Invité

MessageInvité Mar 29 Avr 2014 - 22:48

Merci pour le partage .
Message n°100
Eczema Help
Eczema Help
Milouzien

http://eczemahelp.forumactif.org/

MessageEczema Help Dim 12 Oct 2014 - 19:55

Merci
Message n°110
avatar
Vayl
Milouzien

MessageVayl Lun 13 Oct 2014 - 18:45

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

MessageInvité Lun 13 Oct 2014 - 20:42

Merci beaucoup !
Message n°130
avatar
Dada
Milouzien

MessageDada Mer 31 Déc 2014 - 18:05

Merci beaucoup !
Message n°140
1baptiste
1baptiste
Milouzien

http://horus.forumactif.com/

Message1baptiste Lun 2 Mar 2015 - 13:15

Merci beaucoup !
Message n°150
marie-noelle
marie-noelle
Milouzien

http://paroles-de-femmes.forumactif.com/

Messagemarie-noelle Sam 30 Mai 2015 - 16:48

Merci beaucoup !
Message n°160
dragon594
dragon594
Milouzien

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

Messagedragon594 Mar 16 Aoû 2016 - 23:03

Merci beaucoup !
Message n°170
fred9545
fred9545
Milouzien

http://www.mecanique-auto.com/

Messagefred9545 Ven 28 Déc 2018 - 9:30

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