-50%
Le deal à ne pas rater :
-50% sur les sacs à dos pour ordinateur portable Urban Factory ...
19.99 € 39.99 €
Voir le deal

Réglage du codage de la liste des membres

Réglage du codage de la liste des membres Empty Dim 4 Sep - 10:26
Bonjour !

En pleine création d'un nouveau forum RPg, je me suis tournée vers les magnifiques libres services que vous proposez :) Je rencontre actuellement un petit soucis avec la modification du template memberlist_body (le premier code que vous proposez), rien de très grave, en fait, je n'arrive pas à le régler pour qu'il marche avec la taille de mon forum (800 px). Le code étant prévu pour du 825 px, ça me décale tout. L'avatar est au dessus et les informations à la ligne. Ou dois-je effectuer les réglages pour que ça marche avec mon forum ? De même, la taille de mes avatars est de 200*320, si j'arrive à modifier la taille sur le css, je n'arrive pas à régler celle qui permet l'affichage des messages. Ou dois-je aller ?

Merci d'avance pour vos réponses et très bon dimanche à vous :)
Revenir en haut Aller en bas
Réglage du codage de la liste des membres Empty Lun 5 Sep - 6:10
Bonjour,

Remplacez l'intégralité du template memberlist_body par :

Code:
<form action="{S_MODE_ACTION}" method="get">
    <table cellspacing="0" cellpadding="5" border="0" align="center" class="forumline" width="100%">
    <tr>
    <th nowrap="nowrap">{L_ORDER_OR_SELECT}</th>
    </tr>
    <tr>
    <td>
    <table cellspacing="2" cellpadding="0" border="0" align="center" class="genmed">
    <tr>
    <td width="100%">{L_USER_SELECT} <input type="text" class="post" name="username" maxlength="25" size="20" value="{L_USER_SELECT_VALUE}" />     
    {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>
    <table class="forumline" width="100%" border="0" cellspacing="1" cellpadding="0">
    <!-- BEGIN memberrow -->
    <tr>
    <td align="center"><div class="LMBER"><div class="imgLMBER"><a href="{memberrow.U_VIEWPROFILE}">{memberrow.AVATAR_IMG}</a><div>{memberrow.POSTS} M.</div></div><div class="boxLMBER"><div class="nameLMBER"><div class="mpwLMBER">{memberrow.PM_IMG} {memberrow.WWW_IMG}</div><a class="gen" href="{memberrow.U_VIEWPROFILE}">{memberrow.USERNAME}</a></div>
    <div class="joinLMBER">inscrit le {memberrow.JOINED}</div><div class="lstvLMBER">dernière visite : {memberrow.LASTVISIT}</div>
    <div class="moodLMBER"><span class="gen">{memberrow.INTERESTS}</span></div>
 <div class="grpLMBER"><a style="display:none;" href="{memberrow.U_VIEWPROFILE}">{memberrow.USERNAME}</a></div><script type="text/javascript">//<![CDATA[
$( document ).ready(function() {$('a[href*="/u"] span').each(function(){var color = $(this).css("color");
$(this).closest('.grpLMBER').css("background-color", color);});});//]]></script>
 <!-- BEGIN switch_td_group -->
    <div style="opacity:0; margin-top:-15px;">{memberrow.GROUPS}</div>
    <!-- END switch_td_group --></div></div>
    </td>
    </tr>
    <!-- END memberrow -->
    <!-- BEGIN switch_no_user -->
    <tr>
    <td 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>
    <!-- BEGIN switch_pagination -->
    <table 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 -->

Partie CSS pour avatars 200*320 :
Code:
/* AFFICHAGE LISTE DES MEMBRES */
/* BLOC MEMBRE */
.LMBER {
margin:5px auto; width:800px; height:125px; overflow:hidden;
}
/* BLOC AVATAR & NOMBRE MESSAGES */
.imgLMBER{
display:inline-block; vertical-align:top; margin-top:-38px;
width:200px; height:125px;
}
/* AVATAR MINIATURISE */
.imgLMBER img{
width:125px; height:200px;
transform:rotate(90deg); -webkit-transform:rotate(90deg);
}
/* NOMBRE DE MESSAGES */
.imgLMBER div{
position:absolute; margin-top:-150px; margin-left:12px;
width:175px; height:60px; padding-top:40px;
background:rgba(250,250,250,0.7); color:black; /* MODIFIABLE */
font-size:11px; opacity:0;
}
.imgLMBER:hover div{
opacity:1;
}
/* BLOC PSEUDONYME / INSCRIPTION / DERNIERE VISITE / HUMEUR / BANDE GROUPE */
.boxLMBER {
display:inline-block; vertical-align:top; width:600px;
}
/* IMAGES MP * PROFIL */
.mpwLMBER {
position:absolute; margin-left:25px; margin-top:-3px;
}
/* PSEUDONYME */
.nameLMBER{
margin-left:15px; width:570px; height:15px; padding:10px;
text-align:right; text-transform:uppercase; letter-spacing:2px;
background:#191919; /* MODIFIABLE */
}
/* DATE INSCRIPTION */
.joinLMBER{
display:inline-block; margin:7px 5px; margin-left:15px;
width:250px; padding:5px;
font-size:11px; text-align:center;
background:rgba(250,250,250,0.5); color:black; /* MODIFIABLE */
}
/* DERNIERE VISITE */
.lstvLMBER {
display:inline-block; margin:7px 0;
width:310px; padding:5px;
background:rgba(250,250,250,0.3); color:black; /* MODIFIABLE */
font-size:11px; text-align:left;
}
/* HUMEUR */
.moodLMBER {
margin-left:15px; width:575px; height:20px; padding:5px; overflow:hidden;
text-align:center;
background:rgba(250,250,250,0.2); color:black; /* MODIFIABLE */
}
/* BANDE COULEUR GROUPE */
.grpLMBER {
margin-top:7px; margin-left:15px; width:585px; height:15px; 
}
Revenir en haut Aller en bas
Réglage du codage de la liste des membres Empty Lun 5 Sep - 8:05
Merci beaucoup, ça marche parfaitement.
Revenir en haut Aller en bas
Revenir en haut Aller en bas
Vous ne pouvez pas répondre aux sujets dans ce forum