Easy-Design.Net forum




Documentations et Dossiers Liste des membre sous forme d'une plaquette affichage des avatars + pseudo

pegasetkc Membre non connecté

EDN Maitre-Sage

Rang

Avatar

Inscrit le : 15/04/2010 à 19h37

Messages: 1940

Le 07/10/2011 à 22h42
Voici comment changé la mise en forme de la liste des membre d'un site PHPBoost :


Voici le rendu finale sur le Thème Xtrem_Gaming_Red :



Pour ce faire nous allons modifier deux fichier à savoir member.php et member.tpl

Avant toutes chose veuillez faire une sauvegarde base de donnée et surtout FTP de votre site, car nous modifions les fichiers de phpboost et pas seulement le thème.
L'idéal étant de travailler en local.


Pour commencer, veuillez vous rendre dans le dossier "member" puis ouvrez le fichier "member.php" avec un éditeur de texte (pour ma part j'utilise Notepad++).

à la ligne 1026 coller ce code :

Code PHP :
'USER_AVATAR' => $user_avatar,
'L_AVATAR' => $LANG['avatar'],


à la ligne 1025 coller ce code :

Code PHP :
//Avatar.
$user_avatar = !empty($row['user_avatar']) ? '<img class="valign_middle" src="' . $row['user_avatar'] . '" alt=""/>' : '';
if (empty($row['user_avatar']) && $CONFIG_USER['activ_avatar'] == '1')
$user_avatar = '<img class="valign_middle" src="../templates/' . get_utheme() . '/images/' .  $CONFIG_USER['avatar_url'] . '" alt="" />';


Remplacez la ligne 1012 par ce code :

Code PHP :
$result = $Sql->query_while("SELECT user_id, login, user_mail, user_show_mail, timestamp, user_msg, user_local, user_web, last_connect, user_avatar


Voila l'affichage de l'avatar de chaque membre est maintenant implémenté.

pour ceux qui veulent modifier le nombre de membres (en l'occurence d'avatar) par page il vous suffit de modifier les chiffres 25 au ligne 1016 et 1009 par le nombre que vous souhaitez (soit un total de 3 modifications à faire)

Maintenant nous allons attaquer la partie mise en forme par le biais des fichiers .tpl

Rendez-vous dans le dossier "membertemplates" et ouvrez le fichier member.tpl

Sélectionnez de la ligne 416 à la ligne 533 et supprimez le contenu de la sélection.

Copiez ce code à la ligne 416 :

Code TPL :
# IF C_USER_LIST #
<table class="module_table" style="width:100%;">
<tr>
<td style="vertical-align:top;" class="row2">
<form action="../member/member.php?token={TOKEN}" method="post">
{L_SELECT_GROUP}: <select name="show_group" style="text-align:center;" onchange="document.location = {U_SELECT_SHOW_GROUP};">
<option value="0" selected="selected">-- {L_LIST} --</option>
# START group_select #
{group_select.OPTION}
# END group_select #
</select>
 
<noscript>
<input type="submit" name="valid" value="{L_SEARCH}" class="submit" />
</noscript>
</form>
</td>
<td style="vertical-align:top;" class="row2">
<form action="member.php?token={TOKEN}" method="post">
<span style="float:left;">
{L_SEARCH_USER}: <input type="text" size="20" maxlength="25" id="login" value="{all.LOGIN}" name="login_mbr" class="text" />
<span id="search_img"></span>
</span>
<span style="float:left;margin-left:5px;">
<input type="submit" id="search_member" name="search_member" value="{L_SEARCH}" class="submit" />
<script type="text/javascript">
<!--
document.getElementById('search_member').style.display = 'none';
document.write('<input value="{L_SEARCH}" onclick="XMLHttpRequest_search_members('', '{THEME}', 'member', '{L_REQUIRE_LOGIN}');" type="button" class="submit">');
-->
</script>
<div id="xmlhttprequest_result_search" style="display:none;" class="xmlhttprequest_result_search"></div>
</span>
</form>
</td>
</tr>
</table>
<br >
<div id="conteneur_vignette">
# START member_list #
<div id="vignette"><a href="member{member_list.U_USER_ID}"><div id="avatar">{member_list.USER_AVATAR}</div><div id="pseudo">{member_list.PSEUDO}</div></a></div>
# END member_list #
</div>
# ENDIF #
 
<table class="module_table" style="width:100%; margin-top: 15px;">
<tr>
<td style="vertical-align:top;" class="row2">
<span style="float:left;">{PAGINATION}</span>
</td>
</tr>
</table>


Voila la partie Template est maintenant implantée, il ne nous reste plus qu'a créer le style afin d'avoir une jolie interface :

Pour ce faire, ouvrez le fichier design.css de votre thème et copiez ce code à la fin :

Code CSS :
/* affichage vignette des membres */
div#conteneur_vignette{
 
width:630px;
margin-left: auto;
margin-right: auto;
position: relative;
left: 30px;
}
 
div#vignette {
background:none;
padding:0px;
border: solid 5px #222; 
height:100px; 
width:100px; 
position:relative; 
float:left; 
margin: 5px; 
 -moz-border-radius: 8px;
}
 
div#vignette a {
outline: none;
}
 
div#avatar {
padding-left:20px;
padding-top:8px;
width:100px;
}
 
div#avatar img{
max-width:60px;
max-height:60px;
}
div#pseudo {
text-align:center;
margin-top: 10px;
}


Voila maintenant vous avez une liste moins chargée en terme d'information mais bien plus attrayante, pour peu que vos membre utilise un avatar ;) libre a vous de personnaliser l'apparence grâce au CSS.

Edit: Pour les personnes ayants du mal avec la modification du fichier php voici le contenu complet de ce fichier :

Le code que vous voulez colorer est trop long et consommerait trop de ressources pour être interprété. Merci de réduire sa taille ou de l'éclater en plusieurs morceaux.
Edité par pegasetkc Le 19/10/2011 à 22h13


Citation made in pegasetkc : "Sauvez un arbre mangez un castor"
Depuis que je connais Saturnin mon humour ressemble a cela : j'ai un string dans l'array
Site web    
Myster Membre non connecté

EDN Enraciné(e)

Rang

Avatar

Inscrit le : 19/01/2011 à 16h42

Messages: 871

Le 08/10/2011 à 11h32
Merci pour l'astuce :)
   
Swan Membre non connecté

Administrateur

Rang

Avatar

Inscrit le : 01/08/2009 à 22h53

Messages: 8431

Le 08/10/2011 à 11h33
Bonjour Pegase ^^

Merci pour le partage ^^ Hé hop !! in the page Extras PBt :siffle


swan_signature

Site web    
hight_tower Membre non connecté

Modérateur

Rang

Avatar

Modérateur(s)

Inscrit le : 17/09/2009 à 11h09

Messages: 2298

Le 08/10/2011 à 11h41
J'aime bien l'idée, dans un style de vignette.

:ok Bien trouvé Edité par hight_tower Le 08/10/2011 à 11h41



Chez Swan Site design Web phpboost3. Membre depuis 2009 & modérateur depuis 2011.
m-ickael Membre non connecté

EDN Maitre-Sage

Rang

Avatar

Inscrit le : 23/02/2010 à 09h15

Messages: 2296

Le 08/10/2011 à 12h06
Salut..

Ce tuto est bien, mais manque de détail .. Supprimer le contenu de telle ligne à telle ligne, c'est vraiment pas pratique, car mon fichier ne correspond pas tout à fait, donc forcément, je ne sais pas ou commencer, et surtout ou m'arrêter ..

Quelques détails en plus svp?
pegasetkc Membre non connecté

EDN Maitre-Sage

Rang

Avatar

Inscrit le : 15/04/2010 à 19h37

Messages: 1940

Le 08/10/2011 à 12h26
m-ickael:
Salut..

Ce tuto est bien, mais manque de détail .. Supprimer le contenu de telle ligne à telle ligne, c'est vraiment pas pratique, car mon fichier ne correspond pas tout à fait, donc forcément, je ne sais pas ou commencer, et surtout ou m'arrêter ..

Quelques détails en plus svp?


il te faut supprimer le contennu de
Code TPL :
# IF C_USER_LIST #


Citation made in pegasetkc : "Sauvez un arbre mangez un castor"
Depuis que je connais Saturnin mon humour ressemble a cela : j'ai un string dans l'array
Site web    
m-ickael Membre non connecté

EDN Maitre-Sage

Rang

Avatar

Inscrit le : 23/02/2010 à 09h15

Messages: 2296

Le 08/10/2011 à 12h51
Salut

Oui j'ai réussi à me repérer .. C'était surtout pour d'autres qui ne pourrait pas se débrouiller :)

Voici le résultat pour ce qui me concerne : http://passion-truck.fr/site/member/member.php

Merci à toi pegasetkc ;)
pegasetkc Membre non connecté

EDN Maitre-Sage

Rang

Avatar

Inscrit le : 15/04/2010 à 19h37

Messages: 1940

Le 08/10/2011 à 12h59
Ravis de voir que cela t'a servis ;)


Citation made in pegasetkc : "Sauvez un arbre mangez un castor"
Depuis que je connais Saturnin mon humour ressemble a cela : j'ai un string dans l'array
Site web    
m-ickael Membre non connecté

EDN Maitre-Sage

Rang

Avatar

Inscrit le : 23/02/2010 à 09h15

Messages: 2296

Le 09/10/2011 à 10h41
Disons que c'est plus propre et plus agréable .. Dommage qu'il n'y ai pas plus d'info .. J'ai tenté d'en insérer, mais bon, ça fais trop texte après, c'est pas très jolie.

saturnin Membre non connecté

Administrateur

Rang

Avatar

Administrateur

Inscrit le : 08/08/2009 à 22h19

Messages: 3963

Le 09/10/2011 à 11h34
C'est dommage de ne pas avoir fait une page supplémentaire.

C'est quand meme pratique cette liste a la base.
Une page member_ico.php n'aurait elle pas été plus approprier ?
certes il aurrais fallu changer le lien dans le connect mais apres tout sa en vaut peut etre le coup non ?

si non échanger, une page member_list.php. la un simple lien dans le tpl de member avec avatar peut etre ?¿


signaturesaturnin


Accroche toi au clavier, je retire le shell...
Site web    
pegasetkc Membre non connecté

EDN Maitre-Sage

Rang

Avatar

Inscrit le : 15/04/2010 à 19h37

Messages: 1940

Le 09/10/2011 à 11h43
saturnin:
C'est dommage de ne pas avoir fait une page supplémentaire.

C'est quand meme pratique cette liste a la base.
Une page member_ico.php n'aurait elle pas été plus approprier ?
certes il aurrais fallu changer le lien dans le connect mais apres tout sa en vaut peut etre le coup non ?

si non échanger, une page member_list.php. la un simple lien dans le tpl de member avec avatar peut etre ?¿


effectivement c'est pas idiot, je vais voir ce que cela peut donner ;)


Citation made in pegasetkc : "Sauvez un arbre mangez un castor"
Depuis que je connais Saturnin mon humour ressemble a cela : j'ai un string dans l'array
Site web    
PascalD36 Membre non connecté

EDN Motivé(e)

Rang

Avatar

Inscrit le : 08/10/2009 à 13h31

Messages: 386

Le 11/10/2011 à 01h00
hello j'ai essayer la modif j'ai un message d'erreur
Code PHP :
Parse error: syntax error, unexpected T_STRING in /public_html/member/member.php on line 1012


j'ai effacer la ligne puis remis idem Edité par PascalD36 Le 11/10/2011 à 01h00


Site web    
saturnin Membre non connecté

Administrateur

Rang

Avatar

Administrateur

Inscrit le : 08/08/2009 à 22h19

Messages: 3963

Le 11/10/2011 à 09h55
bonjour,

tu peut me mettre en code le contenu de la ligne 1012 à apres le while ($row = $Sql->.... stp :)


signaturesaturnin


Accroche toi au clavier, je retire le shell...
Site web    
PascalD36 Membre non connecté

EDN Motivé(e)

Rang

Avatar

Inscrit le : 08/10/2009 à 13h31

Messages: 386

Le 11/10/2011 à 12h07
voici la ligne 1012 de member.php
Code PHP :
$result = $Sql->query_while("SELECT user_id, login, user_mail, user_show_mail, timestamp, user_msg, user_local, user_web, last_connect, user_avatar


Site web    
pegasetkc Membre non connecté

EDN Maitre-Sage

Rang

Avatar

Inscrit le : 15/04/2010 à 19h37

Messages: 1940

Le 11/10/2011 à 12h35
est tu en version 3.0.9 ? car j'ai remarqué que sur une 3.0.8 j'ai le même message ?


Citation made in pegasetkc : "Sauvez un arbre mangez un castor"
Depuis que je connais Saturnin mon humour ressemble a cela : j'ai un string dans l'array
Site web    
Répondre
Vous n'êtes pas autorisé à écrire dans cette catégorie