Documentations et Dossiers Liste des membre sous forme d'une plaquette affichage des avatars + pseudo
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 :
à la ligne 1025 coller ce code :
Remplacez la ligne 1012 par ce code :
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 :
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 :
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 :
Edité par pegasetkc Le 19/10/2011 à 22h13
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 :
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
J'aime bien l'idée, dans un style de vignette.
Bien trouvé Edité par hight_tower Le 08/10/2011 à 11h41
Bien trouvé Edité par hight_tower Le 08/10/2011 à 11h41
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?
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?
m-ickael:
il te faut supprimer le contennu de
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?
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
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
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
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
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.
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 ?¿
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 ?¿
Accroche toi au clavier, je retire le shell...
saturnin:
effectivement c'est pas idiot, je vais voir ce que cela peut donner
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 ?¿
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
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
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
Répondre
Vous n'êtes pas autorisé à écrire dans cette catégorie