Connexion
Derniers sujets*
» [EDGE] Auto suggestion de la recherche
par tenrev Ven 22 Jan 2021 - 15:13
» [EDGE] Coloriser la cellule vue dans la liste des sujets ....
par tenrev Mar 19 Jan 2021 - 21:31
» [TOUTES VERSIONS] Utiliser les variables utilisateur/forum
par tenrev Mer 30 Déc 2020 - 16:29
» [PHPBB3] Faire un menu déroulant dans le titre d'un forum ou d'un sous forum
par tenrev Mar 29 Déc 2020 - 12:04
» [PHPBB3] Afficher un bouton de navigation sur le premier et le dernier message
par tenrev Mar 29 Déc 2020 - 11:48
» [TOUTES VERSIONS] Toutes versions Bouton générateur d'iframes
par tenrev Mar 29 Déc 2020 - 11:46
» [TOUTES VERSIONS]Afficher de belles infobulles Tooltipster
par tenrev Mar 29 Déc 2020 - 11:43
» [AWESOMEBB] Ajouter un bouton "S'enregistrer" en haut du forum
par Milouze14 Dim 27 Déc 2020 - 8:39
» [AWESOMEBB] Coloriser les cases Annonces & Notes
par Milouze14 Mer 23 Déc 2020 - 8:17
» [PHPBB2] Séparer les messages
par fanny Lun 21 Déc 2020 - 17:51
» [PHPBB2] Mettre en résolu via la réponse rapide
par fred9545 Dim 20 Déc 2020 - 10:48
» [PHPBB2]Supprimer le tag "Re" sur les messages
par fanny Dim 13 Déc 2020 - 22:22
» [PHPBB2] Mettre une couleur de fond dans le profil des messages
par fanny Dim 13 Déc 2020 - 13:26
» [EDGE] Afficher les forums de la catégorie dans la liste des sujets
par clost Sam 12 Déc 2020 - 10:27
» [TOUTES VERSIONS] Afficher une barre des tâches façon Windows 10 sur votre forum
par Quad Daniel Sam 12 Déc 2020 - 8:53
» [TOUTES VERSIONS] Faire clignoter le chiffre ou le nombre de notification(s) dans la toolbar
par fanny Ven 11 Déc 2020 - 14:32
» [PHPBB2] Afficher un message en haut de sujet lorsqu'il est verrouillé
par fanny Jeu 10 Déc 2020 - 10:36
» [PHPBB2] Effet loupe sur chaque message
par fanny Jeu 10 Déc 2020 - 10:11
» [TOUTES VERSIONS] Afficher des boutons pour le haut et le bas de page
par fanny Mer 9 Déc 2020 - 8:27
» [PHPBB2]Afficher les statistiques dans la liste des membres
par fanny Mar 8 Déc 2020 - 9:26
par tenrev Ven 22 Jan 2021 - 15:13
» [EDGE] Coloriser la cellule vue dans la liste des sujets ....
par tenrev Mar 19 Jan 2021 - 21:31
» [TOUTES VERSIONS] Utiliser les variables utilisateur/forum
par tenrev Mer 30 Déc 2020 - 16:29
» [PHPBB3] Faire un menu déroulant dans le titre d'un forum ou d'un sous forum
par tenrev Mar 29 Déc 2020 - 12:04
» [PHPBB3] Afficher un bouton de navigation sur le premier et le dernier message
par tenrev Mar 29 Déc 2020 - 11:48
» [TOUTES VERSIONS] Toutes versions Bouton générateur d'iframes
par tenrev Mar 29 Déc 2020 - 11:46
» [TOUTES VERSIONS]Afficher de belles infobulles Tooltipster
par tenrev Mar 29 Déc 2020 - 11:43
» [AWESOMEBB] Ajouter un bouton "S'enregistrer" en haut du forum
par Milouze14 Dim 27 Déc 2020 - 8:39
» [AWESOMEBB] Coloriser les cases Annonces & Notes
par Milouze14 Mer 23 Déc 2020 - 8:17
» [PHPBB2] Séparer les messages
par fanny Lun 21 Déc 2020 - 17:51
» [PHPBB2] Mettre en résolu via la réponse rapide
par fred9545 Dim 20 Déc 2020 - 10:48
» [PHPBB2]Supprimer le tag "Re" sur les messages
par fanny Dim 13 Déc 2020 - 22:22
» [PHPBB2] Mettre une couleur de fond dans le profil des messages
par fanny Dim 13 Déc 2020 - 13:26
» [EDGE] Afficher les forums de la catégorie dans la liste des sujets
par clost Sam 12 Déc 2020 - 10:27
» [TOUTES VERSIONS] Afficher une barre des tâches façon Windows 10 sur votre forum
par Quad Daniel Sam 12 Déc 2020 - 8:53
» [TOUTES VERSIONS] Faire clignoter le chiffre ou le nombre de notification(s) dans la toolbar
par fanny Ven 11 Déc 2020 - 14:32
» [PHPBB2] Afficher un message en haut de sujet lorsqu'il est verrouillé
par fanny Jeu 10 Déc 2020 - 10:36
» [PHPBB2] Effet loupe sur chaque message
par fanny Jeu 10 Déc 2020 - 10:11
» [TOUTES VERSIONS] Afficher des boutons pour le haut et le bas de page
par fanny Mer 9 Déc 2020 - 8:27
» [PHPBB2]Afficher les statistiques dans la liste des membres
par fanny Mar 8 Déc 2020 - 9:26
Les statistiques du forum
[PHPBB2] Afficher le profil des messages façon Invision et bien plus..
Page 1 sur 1 • Partagez
- Milouze14Fondateur
Hello les ami(e)s,
il faudra activer le profil avancè pour que cette astuce fonctionne :
Utilisateurs et groupes/Profil/Options générales/Options générales du profil
Activer le profil avancé : Oui
Actuellement pour la version Invision , vous avez cet aperçu:
![[PHPBB2] Afficher le profil des messages façon Invision et bien plus.. 123](https://i.servimg.com/u/f97/11/26/21/37/123.png)
Pour l'astuce que je vais vous donner moyennant un petit merci
,
vous aurez ceci:
![[PHPBB2] Afficher le profil des messages façon Invision et bien plus.. 218](https://i.servimg.com/u/f97/11/26/21/37/218.png)
![[PHPBB2] Afficher le profil des messages façon Invision et bien plus.. 316](https://i.servimg.com/u/f97/11/26/21/37/316.png)
Au clic sur le petit bouton , la fenêtre s'affichera ou ce masquera .
Cette dernière sera pourvue de ces liens:
Profil ( profil du membre)
MP (envoyer un mp au membre)
Messages (voir tous les messages du membre)
Sujets ( voir tous les sujets du membre)
Participation ( voir tous les sujets ou le membre a participé)
Visiteurs (voir les messages des visiteurs)
Message sur profil(envoyer un message sur le profil du membre)
Puis tous les liens auront une infobulle personnalisée avec le pseudo
mentionné.
L'avatar du membre sera placé en haut à droite.
Et voilà, vous êtes partant ?
Attention a bien procéder au placement des codes mentionnés les ami(e)s.
Dans le template viewtopic_body:
Affichage/Templates/Général/viewtopic_body
Recherchez ceci (Attention a bien prendre en compte tout ce contenu ):
Supprimez et remplacez par:
Pensez à enregistrer puis à valider en cliquant respectivement sur
puis
Voilou pour le template ensuite on va donner du style à tout çà:
Dans la feuille de style:
Affichage/Images et Couleurs/Couleurs/Feuille de style
Déposez ceci:
Donnez le style désiré en prenant soin de bien respecter les dimensions , si vous désirez
les modifier il faudra alors revoir le placement du bloc contenant les liens.
Puis on finit par le script qui va s'occuper de placer les pseudos id du membre
dans les liens et aussi dans les infobulles.
Modules/HTML JAVASCRIPT/Gestion des codes Javascript/Créer un nouveau Javascript
Mettre un titre explicite.
Cocher sur les sujets.
Déposez ceci:
Pensez a cliquer sur le bouton
Voilà,c'est tout pour le moment.
Un soucis?
Direction l'entraide
https://www.milouze14.com/f108-entraide-tous-supports
il faudra activer le profil avancè pour que cette astuce fonctionne :
Utilisateurs et groupes/Profil/Options générales/Options générales du profil
Activer le profil avancé : Oui
Actuellement pour la version Invision , vous avez cet aperçu:
![[PHPBB2] Afficher le profil des messages façon Invision et bien plus.. 123](https://i.servimg.com/u/f97/11/26/21/37/123.png)
Pour l'astuce que je vais vous donner moyennant un petit merci

vous aurez ceci:
![[PHPBB2] Afficher le profil des messages façon Invision et bien plus.. 218](https://i.servimg.com/u/f97/11/26/21/37/218.png)
![[PHPBB2] Afficher le profil des messages façon Invision et bien plus.. 316](https://i.servimg.com/u/f97/11/26/21/37/316.png)
Au clic sur le petit bouton , la fenêtre s'affichera ou ce masquera .
Cette dernière sera pourvue de ces liens:
Profil ( profil du membre)
MP (envoyer un mp au membre)
Messages (voir tous les messages du membre)
Sujets ( voir tous les sujets du membre)
Participation ( voir tous les sujets ou le membre a participé)
Visiteurs (voir les messages des visiteurs)
Message sur profil(envoyer un message sur le profil du membre)
Puis tous les liens auront une infobulle personnalisée avec le pseudo
mentionné.
L'avatar du membre sera placé en haut à droite.
Et voilà, vous êtes partant ?
Attention a bien procéder au placement des codes mentionnés les ami(e)s.
-Astuce des Forums Milouze14&Compagnie-
Pour toute information,merci de contacter un Membre du Staff | ![]() |
Dans le template viewtopic_body:
Affichage/Templates/Général/viewtopic_body
Recherchez ceci (Attention a bien prendre en compte tout ce contenu ):
- Code:
<strong>{postrow.displayed.POSTER_NAME}</strong></span>
Supprimez et remplacez par:
- Code:
<strong class="M14_member">{postrow.displayed.POSTER_NAME}</strong>
<div class="M14_TogProfil">
<span class="M14_avatar">{postrow.displayed.POSTER_AVATAR}</span>
<li><a class="M14_link"target="_blank">Profil</a></li>
<li><a class="M14_link"target="_blank">MP</a></li>
<li><a class="M14_link"target="_blank">Messages</a></li>
<li><a class="M14_link"target="_blank">Sujets</a></li>
<li><a class="M14_link"target="_blank">Participation</a></li>
<li><a class="M14_link"target="_blank">Visiteurs</a></li>
<li><a class="M14_link"target="_blank">Message sur profil</a></li>
<script>
$(function() {if (_userdata["user_id"] < (0)){$(".M14_TogProfil").remove();}});
</script>
</div>
</span>
Pensez à enregistrer puis à valider en cliquant respectivement sur


Voilou pour le template ensuite on va donner du style à tout çà:
Dans la feuille de style:
Affichage/Images et Couleurs/Couleurs/Feuille de style
Déposez ceci:
- Code:
/*La barre du pseudo*/
.M14_member
{
background-color: #e4e6e9;
background-image: url(https://2img.net/i/fa/invision/menu_action_down.gif);
background-position: 98% 50%;
background-repeat: no-repeat;
border: 1px solid #eff1f3;
color: #464c55;
font-size: 11px;
font-weight: 700;
padding: 2px 16px 2px 8px;
text-align: center;
text-decoration: none;
white-space: nowrap;
cursor:pointer;
}
/* Le cadre accueillant l avatar*/
.M14_avatar
{
float:right;
}
/*on donne une taille maximale a l avatar*/
.M14_avatar img
{
max-width:48px;
max-height:48px;
}
/*Le bloc contenant les liens*/
.M14_TogProfil
{
display:none;
list-style: none;
width:150px;
height:110px;
position: absolute;
width: 150px;
margin-top: 4px;
margin-left:-5px;
background:grey;
padding:5px;
border:4px double #000000;
-webkit-border-radius: 6px;
-moz-border-radius: 6px;
border-radius: 6px;
}
/*Les conteneurs de lien*/
.M14_TogProfil li
{
background-color:#000;
margin: 1px;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
}
/*Le petit symbole precedent le lien*/
a.M14_link:before
{
content:"-";
color:orange;
margin-right: 5px;
}
/*Les liens*/
a.M14_link
{
font-size:11px;
margin-left:5px;
color:white;
text-decoration:none !important;
}
Donnez le style désiré en prenant soin de bien respecter les dimensions , si vous désirez
les modifier il faudra alors revoir le placement du bloc contenant les liens.
Puis on finit par le script qui va s'occuper de placer les pseudos id du membre
dans les liens et aussi dans les infobulles.
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(){
$('.M14_member a[href^="/u"]').each(function(){
var M14_1=$(this).attr('href').substring(0,3);
var M14_2=$(this).attr('href').substring(3,2);
var M14_3=$(this).text();
var M14_4=$(this).attr('href').substring(2,3);
$(this).closest('strong').attr('title','Afficher les contacts et les statistiques de '+M14_3+'');
$(this).closest('td').find('li:eq(0) a').attr('href',''+M14_1+'').attr('title','Voir le profil de '+M14_3+'');
$(this).closest('td').find('li:eq(1) a').attr('href','/privmsg?mode=post&u='+M14_2+'').attr('title','Envoyer un MP à '+M14_3+'');
$(this).closest('td').find('li:eq(2) a').attr('href','/spa/'+M14_3+'').attr('title','Trouver tous les messages postés par '+M14_3+'');
$(this).closest('td').find('li:eq(3) a').attr('href','/st/'+M14_3+'').attr('title','Nombre de sujets ouvert par '+M14_3+' dans le forum');
$(this).closest('td').find('li:eq(4) a').attr('href','/sta/'+M14_3+'').attr('title','Trouver tous les sujets où '+M14_3+' a participé');
$(this).closest('td').find('li:eq(5) a').attr('href',''+M14_1+'wall').attr('title','Messages des visiteurs de '+M14_3+'');
$(this).closest('td').find('li:eq(6) a').attr('href','/postp/'+M14_4+'').attr('title','Envoyer un nouveau message sur le profil de '+M14_3+'');
});
$('.M14_member ').click(function(){
$(this).next().toggle();
});
$('.M14_member:contains("Invité")').next().remove();
});
Pensez a cliquer sur le bouton

Voilà,c'est tout pour le moment.
Un soucis?
Direction l'entraide

https://www.milouze14.com/f108-entraide-tous-supports
Dernière édition par Milouze14 le Ven 21 Fév 2020 - 16:55, édité 5 fois
- dragon594Milouzien

Merci beaucoup pour ce qui est des explications et des codes l'ami, mais j'ai fait tout ce qui est expliquer et cela ne fonctionne pas sur mon forum de test.

J'ai bien l'onglet avec le pseudo mais je ne puis avoir le menu déroulant qui si rattache.

Ce qui est bien dommage.

Amicalement Dragon594.

- Psychotic BitchMilouzien
Merci beaucoup **
- InvitéInvité
Merci beaucoup !
- KaeylaMilouzien
Merci beaucoup !
- OmbiMilouzien
Merci beaucoup je trouve cette astuce super sympa cela permet d'alléger les blocs topics voire les profils de ces icônes de contact en regroupant tout dans le menu déroulant 

- damieng59Milouzien
Merci beaucoup !
- hamesashekMilouzien
Merci beaucoup !
- photoclicMilouzien
Merci beaucoup !
- ThunderTBMilouzien
Merci beaucoup !
Sujets similaires internes ( 0 )
Aucun sujet
Créer un compte ou se connecter pour répondre
Vous devez être membre pour répondre.
Page 1 sur 1
Permission de ce forum:
Vous ne pouvez pas répondre aux sujets dans ce forum