Derniers sujets*
» [TOUTES VERSIONS] Changer les boutons Nouveau MP et Répondre au MP par du texte
par Constellation Mer 16 Juin 2021 - 0:53

» [PHPBB2] Afficher le posteur du sujet dans les réponses
par Constellation Jeu 10 Juin 2021 - 23:45

» [PHPBB2] Afficher les brouillons en attente sur toutes les pages etc etc
par Constellation Jeu 10 Juin 2021 - 23:43

» [PHPBB2]Supprimer le tag "Re" sur les messages
par Constellation Jeu 10 Juin 2021 - 2:37

» [TOUTES VERSIONS] Ajouter le texte bienvenu et le Pseudo dans l'onglet du navigateur
par Constellation Jeu 10 Juin 2021 - 2:31

» [TOUTES VERSIONS] Afficher la partie profil de la toolbar en bas à gauche avec effet slide
par Constellation Jeu 10 Juin 2021 - 2:27

» [TOUTES VERSIONS] Modifier les textes des MPs nons lus
par Constellation Jeu 10 Juin 2021 - 2:25

» [TOUTES VERSIONS]Afficher la date de la dernière visite au survol du Pseudo seulement pour les admins
par Constellation Jeu 10 Juin 2021 - 2:23

» [TOUTES VERSIONS]Afficher de belles infobulles Tooltipster
par Constellation Jeu 10 Juin 2021 - 2:20

» [PHPBB3] Supprimer la ligne Cacher sa présence en ligne
par Chéryl Sam 29 Mai 2021 - 19:40

» [TOUTES VERSIONS] Masquer le bouton j'aime pas ou j'aime a un membre
par fred9545 Sam 29 Mai 2021 - 11:51

» [PHPBB2] Modifier le texte des balises codes , citation et Spoiler
par Milouze14 Jeu 13 Mai 2021 - 19:21

» [PHPBB3] Personnaliser les balises hide code quote et spoiler
par Sick.l.Offrande Jeu 13 Mai 2021 - 19:19

» [TOUTES VERSIONS] Citation avec envoi direct sur le message rapide
par Sick.l.Offrande Jeu 13 Mai 2021 - 19:19

» [TOUTES VERSIONS] Afficher un texte qui au clic postera un message automatiquement
par Sick.l.Offrande Mer 12 Mai 2021 - 1:18

» [TOUTES VERSIONS] Afficher une barre des tâches façon Windows 10 sur votre forum
par Milouze14 Lun 10 Mai 2021 - 9:48

» [PHPBB2] Agréger les doubles post
par Milouze14 Lun 10 Mai 2021 - 7:49

» [PHPBB2] Remplacer le mot Invité
par soleda Dim 9 Mai 2021 - 18:51

» [TOUTES VERSIONS] Héberger du css dans une page html comme sur la feuille de style
par Milouze14 Dim 9 Mai 2021 - 18:43

» [TOUTES VERSIONS] Auto suggestion des membres sur les tags
par Milouze14 Jeu 6 Mai 2021 - 14:27

Les statistiques du forum
Nous avons 475 membres enregistrés

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

Nos membres ont posté un total de 26100 messages dans 1325 sujets

[PHPBB2] Liste des membres quelque peu originale

Page 2 sur 2 Précédent  1, 2

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

Message n°10
Milouze14
Milouze14
Fondateur

https://www.milouze14.com

MessageMilouze14 Mar 11 Aoû 2015 - 19:54

Rappel du premier message :

coucou ,

voici une astuce pour avoir un affichage quelque original sur la liste
des membres.
L'astuce consiste a avoir un bloc pour chaque membre affichant seulement le Pseudo et au clic le reste s'affichera.


Le petit plus est si vous avez autorisé la liste pour les invités, ils se verront
bloqués sur des parties sensibles et auront un lien dans chaque profil afin de se connecter ou de s'enregistrer.

Aperçu imagé pour les membres:

[PHPBB2] Liste des membres quelque peu originale - Page 2 0142

[PHPBB2] Liste des membres quelque peu originale - Page 2 0223

Aperçu imagé pour les invités:

[PHPBB2] Liste des membres quelque peu originale - Page 2 0311


Allez c'est parti:


Dans le template memberlist_body
Affichage/Templates/Général/memberlist_body

Supprimez tout le contenu et remplacez par celui-ci:
Code:

<form action="{S_MODE_ACTION}" method="get">
 
<table id="M14_Members"cellspacing="0" cellpadding="5" border="0" align="center" width="100%">
 <tr>
 <th  nowrap="nowrap">{L_ORDER_OR_SELECT}</th>
 </tr>
 <tr>
 <td>
 <table id="M14_Members"cellspacing="2" cellpadding="0" border="0" align="center" class="genmed">
 <tr>
<td width="100%">Pseudo du membre! 
  <input type="text" class="post" name="username" maxlength="25" size="20" value="{L_USER_SELECT_VALUE}"placeholder="Tapez ici le Pseudo ici" />      
 {L_SELECT_SORT_METHOD} {S_MODE_SELECT}      
 {L_ORDER} {S_ORDER_SELECT}      
 {S_HIDDEN_SID}
 <input class="liteoption" type="submit" name="submit" value="{L_SUBMIT}"/></td>
 </tr>
 </table>
 </td>
 </tr>
</table>

</form>

<div id="M14_Members_bloc">
<table id="M14_Members" width="100%" border="0" cellspacing="1" cellpadding="0"style="border:none !important;">
 
 <!-- BEGIN memberrow -->
 <tr>

<script>
$(function(){
$('.nav b').attr('title','Onglet actif');
$('a[href^="/memberlist"]').attr('title','Aller à cette page');
$('img[alt="Suivant"]').closest('a').attr('title','Page suivante');
$('img[alt="Précédent"]').closest('a').attr('title','Page précédente');
$('img.i_icon_pm').replaceWith('Envoyer un M.P');
$('a[title="Visiter le site web du posteur"] img').replaceWith('Site Web');
$('a[onmousedown^="createPagination"]').remove();
$('.M14_Members a.M14_User ').attr('title','Afficher son profil').click(function(){
$(this).next().slideDown();
$('p').click(function(){
  $(this).closest('div').slideUp();
  });
});});
</script>
<script>
$(function(){if(_userdata["user_id"] == -1)
$(function(){
$('#M14_gen.gen ,#M14_gen.gensmall').remove();
$('.M14_Members').find('a').removeAttr('title');
$('.M14_Members').attr('title','Vous devez être connecté ou enregistrez vous pour accéder aux fonctions ');
$('.M14_members_login , #M14_gen_Invite').show();
$('.M14_members_login a[href="/login"]').attr('title','Connectez vous');
$('.M14_members_login a[href="/register"]').attr('title','Enregistrez vous');
$('a[target="_blank"]').removeAttr('href');
})});
</script>


<div class="M14_Members">
  
<a class="M14_User">{memberrow.USERNAME}</a>
  <div style="display:none;">
<p style="float:right;"title="Fermer">X</p>    
  <span class="avatar mini">{memberrow.AVATAR_IMG}</span><br />
<!-- BEGIN switch_td_group -->
<span class="gen">{memberrow.GROUPS}</span><br />
<!-- END switch_td_group -->
<span class="gen">{memberrow.INTERESTS}</span><br />
<span class="gensmall">Date d'inscription</span><br />
<span id="M14_gen"class="gensmall">{memberrow.JOINED}</span>
<span id="M14_gen_Invite"class="gensmall"style="display:none;color:darkred !important;">Non disponible</span><br />
<span class="gensmall">Dernière visite</span><br />
<span id="M14_gen"class="gensmall">{memberrow.LASTVISIT}</span>
<span id="M14_gen_Invite"class="gensmall"style="display:none;color:darkred !important;">Non disponible</span><br  />
<span class="gen">Message(s)</span><br />
<span id="M14_gen"class="gen">{memberrow.POSTS}</span>
<span id="M14_gen_Invite"class="gensmall"style="display:none;color:darkred !important;">Non disponible</span><br />
{memberrow.PM_IMG} <br />
    <a href="{memberrow.U_VIEWPROFILE}"title="Voir le profil">Voir son profil</a><br />
{memberrow.WWW_IMG}&nbsp;<br />    
    <span class="M14_members_login"style="display:none;">
      <a href="/login">Connectez vous</a> <br />
      <a href="/register">Enregistrez vous</a>
</span>
</div>  </div></tr>
 <!-- END memberrow -->
 <!-- BEGIN switch_no_user -->
 <tr>
<td class="catBottom" colspan="{switch_no_user.COLSPAN_NUMBER}" height="28" align="center">
  <span class="gensmall">{switch_no_user.L_NO_USER}</span></td>
 </tr>
 <!-- END switch_no_user -->
</table>
<br />
<!-- BEGIN switch_pagination -->
<table id="M14_Members"width="100%" border="0" cellspacing="0" cellpadding="0">
 <tr>
 <td><span class="nav">{PAGE_NUMBER}</span></td>
 <td align="right"><span class="nav">{PAGINATION}</span></td>
        
 </tr>
</table>
<br />
<!-- END switch_pagination -->
  
</div>
Pensez à enregistrer puis à valider en cliquant respectivement sur  Enregistr  puis Ajout

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


Déposez ceci:


Code:

/*DEBUT APPARENCE DE lA LISTE DES MEMBRES PAR MILOUZE14*/
/*couleur de fon des deux blocs*/
#M14_Members ,#M14_Members_bloc
{
background:#ccc;
}
/*arrondis pour la partie haute*/
#M14_Members
{
-webkit-border-top-left-radius: 6px;
-webkit-border-top-right-radius: 6px;
-moz-border-radius-topleft: 6px;
-moz-border-radius-topright: 6px;
border-top-left-radius: 6px;
border-top-right-radius: 6px;
}
/*arrondis pour la partie basse*/
#M14_Members_bloc
{
-webkit-border-bottom-right-radius: 6px;
-webkit-border-bottom-left-radius: 6px;
-moz-border-radius-bottomright: 6px;
-moz-border-radius-bottomleft: 6px;
border-bottom-right-radius: 6px;
border-bottom-left-radius: 6px;
}
/*apparence des onglets*/
.M14_Members
{
padding:5px;
margin-left:2px;
margin-top:2px;
width:12%;
height:auto;
display:inline-table;
border:1px dotted grey;
text-align:center;
background:white ;
-webkit-border-bottom-right-radius: 5px;
-webkit-border-bottom-left-radius: 5px;
-moz-border-radius-bottomright: 5px;
-moz-border-radius-bottomleft: 5px;
border-bottom-right-radius: 5px;
border-bottom-left-radius: 5px;
}
/*apparence des avatars*/
.M14_Members .avatar.mini
{
margin-left: auto !important;
margin-right: auto !important;
border:none !important;
}
/*fond tranparent des cellules*/
#M14_Members th ,#M14_Members td
{
background:transparent;
}
/*apparence  des input et case a cocher*/
#M14_Members select[name="order"] ,#M14_Members select[name="mode"] ,#M14_Members input
{
font-style:italic;
background:transparent;
border:none;
-webkit-border-radius: 6px;
-moz-border-radius: 6px;
border-radius: 6px;
}
/*suppression du souligement et ajout curseur*/
.M14_Members a , #M14_members a ,#M14_Members .nav a
{
text-decoration:none !important;
cursor:pointer;
}
/*on impose un caractere gras aux pseudos et premiere lettre en majuscule*/
.M14_Members .M14_User{font-weight:bold !important;text-transform:capitalize;}
/*on donne une couleur et une taille à toutes les police*/
.M14_Members a strong ,.M14_Members span.gen ,.M14_Members span.gensmall ,.M14_Members td ,#M14_Members th ,
#M14_Members select[name="order"] ,#M14_Members select[name="mode"] ,#M14_Members input ,.M14_Members a ,
#M14_members a , .M14_Members p ,#M14_Members .nav a
{
font-size:11px !important;
color:grey !important;
}
/*le bouton de fermeture*/
.M14_Members p
{
cursor:pointer;
}
/* on decale vers le haut les images precedent et suivant*/
#M14_Members .nav img[alt="Précédent"] ,#M14_Members .nav img[alt="Suivant"]
{
margin-top:-16px;
position: absolute;
}
/*on decale la pagination et on impose une taille negative pour les virgules et deux points*/
#M14_Members .nav
{
 font-size:0px;
 margin-right:60px;
}
/* l onglet actif*/
#M14_Members .nav b
{
padding:3px;
position: relative;
top:-5px ;
margin-left:3px ;
margin-right:3px ;
font-size:11px !important;
color:black !important;
font-weight:bold;
}
/*les autres onglets*/
#M14_Members .nav a
{
padding:3px;
margin:0px 3px 0px 3px;
cursor:pointer;
}
/*FIN APPARENCE DE lA LISTE DES MEMBRES PAR MILOUZE14*/


Pensez à valider les modifications en cliquant sur le bouton  Valid










Voila, c est tout pour le moment  clin oeil .
Un soucis direction l entraide hinhin
https://www.milouze14.com/f108-entraide-tous-supports


Dernière édition par Milouze14 le Ven 21 Fév 2020 - 17:10, édité 4 fois

Message n°360
gigi60
gigi60
Milouzien

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

Messagegigi60 Dim 16 Déc 2018 - 15:23

Merci beaucoup !
Message n°370
Lilas
Lilas
Milouzien

http://lefofodemacopine.forumactif.com

MessageLilas Mar 18 Déc 2018 - 5:26

Milouze a écrit:Le petit plus est si vous avez autorisé la liste pour les invités, ils se verront 
bloqués sur des parties sensibles et auront un lien dans chaque profil afin de se connecter ou de s'enregistrer.
Ah, ti ratoureux de Milouze 
impeccable

Page 2 sur 2 Précédent  1, 2

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