Affichage/Templates/Général/memberlist_body
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
<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>
<center>
<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 MP');
$('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">Dernière visite : </span><br />
<span id="M14_gen"class="gensmall">{memberrow.LASTVISIT}</span><br />
<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><br />
<span id="M14_gen_Invite"class="gensmall"style="display:none;color:darkred !important;">Non disponible</span><br />
{memberrow.PM_IMG} <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 /></center>
<!-- END switch_pagination -->
</div>
CSS
Code:
/*-- Liste membres --*/
/*couleur de fon des deux blocs*/
#M14_Members ,#M14_Members_bloc
{
background:#e9e9e6;
}
/*arrondis pour la partie haute*/
#M14_Members
{
-webkit-border-top-left-radius: 0px;
-webkit-border-top-right-radius: 0px;
-moz-border-radius-topleft: 0px;
-moz-border-radius-topright: 0px;
border-top-left-radius: 0px;
border-top-right-radius: 0px;
}
/*arrondis pour la partie basse*/
#M14_Members_bloc
{
-webkit-border-bottom-right-radius: 0px;
-webkit-border-bottom-left-radius: 0px;
-moz-border-radius-bottomright: 0px;
-moz-border-radius-bottomleft: 0px;
border-bottom-right-radius: 0px;
border-bottom-left-radius: 0px;
}
/*apparence des onglets*/
.M14_Members
{
padding:5px;
margin-left:2px;
margin-top:2px;
width:12%;
height:auto;
display:inline-table;
border:1px solid black;
text-align:center;
background:white ;
-webkit-border-bottom-right-radius: 0px;
-webkit-border-bottom-left-radius: 0px;
-moz-border-radius-bottomright: 0px;
-moz-border-radius-bottomleft: 0px;
border-bottom-right-radius: 0px;
border-bottom-left-radius: 0px;
}
/*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:#c0c0c0;
border:none;
-webkit-border-radius: 0px;
-moz-border-radius: 0px;
border-radius: 0px;
}
/*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:black !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;
}