|
| ![[10] Liste des membres Empty](https://2img.net/i/empty.gif) Mer 3 Juin - 3:34 | Remplacer l'intégralité du template par : - Code:
-
<form action="{S_MODE_ACTION}" method="get"> <table cellspacing="0" cellpadding="5" border="0" align="center" class="tleLMBER"> <tr> <th nowrap="nowrap">{L_ORDER_OR_SELECT}</th> </tr> <tr> <td> <table cellspacing="0" cellpadding="0" border="0" align="center" class="genmed"> <tr> <td width="100%" style="padding:5px 0;">{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="0" 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="btnLMBER">{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="infoLMBER">{memberrow.INTERESTS}</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="display:none;">{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 style="margin:auto; width:800px;" 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 ENTÊTE - RECHERCHER UN UTILISATEUR OU MODIFIER ORDRE AFFICHAGE */
.tleLMBER {
margin:0 auto 10px; width:800px;
background:rgba(255,255,255,0.5); /* MODIFIABLE */
}
/* TITRE ENTÊTE */
.tleLMBER th {
margin-bottom:5px; padding:5px 0;
text-transform:uppercase; font-family:Arial; font-size:16px;
background:black; color:white; /* MODIFIABLE */
}
/* BLOC MEMBRE */
.LMBER {
margin:0 auto 10px; width:800px; height:124px; overflow:hidden; font-family:Arial;
}
/* BLOC AVATAR & NOMBRE MESSAGES */
.imgLMBER{
display:inline-block; vertical-align:top; margin-top:-38px;
width:200px; height:125px;
}
/* AVATAR */
.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; font-size:11px;
background:rgba(255,255,255,0.7); color:black; /* MODIFIABLE */
opacity:0; transition:opacity 0.45s ease; -webkit-transition:opacity 0.45s ease;
}
.imgLMBER:hover div{
opacity:1;
}
/* BLOC PSEUDONYME / INSCRIPTION / DERNIERE VISITE / INFORMATION / BANDE GROUPE */
.boxLMBER {
display:inline-block; vertical-align:top; width:600px;
}
/* IMAGES MP * WWW */
.btnLMBER {
float:left;
}
.btnLMBER img{
max-height:15px;
}
/* PSEUDONYME */
.nameLMBER{
margin-left:10px; 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:10px;
width:255px; height:15px; 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; height:15px; padding:5px;
background:rgba(250,250,250,0.3); color:black; /* MODIFIABLE */
font-size:11px; text-align:center;
}
/* INFORMATION : HUMEUR, FT. */
.infoLMBER {
margin-left:10px; width:580px; height:22px; padding:7px 5px 0; overflow:hidden;
text-align:center; font-size:12px;
background:rgba(250,250,250,0.2); color:black; /* MODIFIABLE */
}
/* BANDE COULEUR GROUPE */
.grpLMBER {
margin-top:7px; margin-left:10px;
width:590px; height:15px;
} Partie CSS pour avatars 200*400 : - Code:
-
/* AFFICHAGE LISTE DES MEMBRES */
/* BLOC ENTÊTE - RECHERCHER UN UTILISATEUR OU MODIFIER ORDRE AFFICHAGE */
.tleLMBER {
margin:0 auto 10px; width:800px;
background:rgba(255,255,255,0.5); /* MODIFIABLE */
}
/* TITRE ENTÊTE */
.tleLMBER th {
margin-bottom:5px; padding:5px 0;
text-transform:uppercase; font-family:Arial; font-size:16px;
background:black; color:white; /* MODIFIABLE */
}
/* BLOC MEMBRE */
.LMBER {
margin:0 auto 10px; width:800px; height:124px; overflow:hidden; font-family:Arial;
}
/* BLOC AVATAR & NOMBRE MESSAGES */
.imgLMBER{
display:inline-block; vertical-align:top; margin-top:-63px;
width:250px; height:125px;
}
/* AVATAR */
.imgLMBER img{
width:125px; height:250px;
transform:rotate(90deg); -webkit-transform:rotate(90deg);
}
/* NOMBRE DE MESSAGES */
.imgLMBER div{
position:absolute; margin-top:-175px; margin-left:12.5px;
width:225px; height:60px; padding-top:40px; font-size:11px;
background:rgba(255,255,255,0.7); color:black; /* MODIFIABLE */
opacity:0; transition:opacity 0.45s ease; -webkit-transition:opacity 0.45s ease;
}
.imgLMBER:hover div{
opacity:1;
}
/* BLOC PSEUDONYME / INSCRIPTION / DERNIERE VISITE / INFORMATION / BANDE GROUPE */
.boxLMBER {
display:inline-block; vertical-align:top; width:550px;
}
/* IMAGES MP * WWW */
.btnLMBER {
float:left;
}
.btnLMBER img{
max-height:15px;
}
/* PSEUDONYME */
.nameLMBER{
margin-left:10px; width:520px; 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:10px;
width:225px; height:15px; 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:290px; height:15px; padding:5px;
background:rgba(250,250,250,0.3); color:black; /* MODIFIABLE */
font-size:11px; text-align:center;
}
/* INFORMATION : HUMEUR, FT. */
.infoLMBER {
margin-left:10px; width:530px; height:22px; padding:7px 5px 0; overflow:hidden;
text-align:center; font-size:12px;
background:rgba(250,250,250,0.2); color:black; /* MODIFIABLE */
}
/* BANDE COULEUR GROUPE */
.grpLMBER {
margin-top:7px; margin-left:10px;
width:540px; height:15px;
} Partie CSS pour avatars 250*350 : - Code:
-
/* AFFICHAGE LISTE DES MEMBRES */
/* BLOC ENTÊTE - RECHERCHER UN UTILISATEUR OU MODIFIER ORDRE AFFICHAGE */
.tleLMBER {
margin:0 auto 10px; width:800px;
background:rgba(255,255,255,0.5); /* MODIFIABLE */
}
/* TITRE ENTÊTE */
.tleLMBER th {
margin-bottom:5px; padding:5px 0;
text-transform:uppercase; font-family:Arial; font-size:16px;
background:black; color:white; /* MODIFIABLE */
}
/* BLOC MEMBRE */
.LMBER {
margin:0 auto 10px; width:800px; height:124px; overflow:hidden; font-family:Arial;
}
/* BLOC AVATAR & NOMBRE MESSAGES */
.imgLMBER{
display:inline-block; vertical-align:top; margin-top:-25px;
width:175px; height:125px;
}
/* AVATAR */
.imgLMBER img{
width:125px; height:175px;
transform:rotate(90deg); -webkit-transform:rotate(90deg);
}
/* NOMBRE DE MESSAGES */
.imgLMBER div{
position:absolute; margin-top:-137px; margin-left:15px;
width:145px; height:60px; padding-top:40px; font-size:11px;
background:rgba(255,255,255,0.7); color:black; /* MODIFIABLE */
opacity:0; transition:opacity 0.45s ease; -webkit-transition:opacity 0.45s ease;
}
.imgLMBER:hover div{
opacity:1;
}
/* BLOC PSEUDONYME / INSCRIPTION / DERNIERE VISITE / INFORMATION / BANDE GROUPE */
.boxLMBER {
display:inline-block; vertical-align:top; width:625px;
}
/* IMAGES MP * WWW */
.btnLMBER {
float:left;
}
.btnLMBER img{
max-height:15px;
}
/* PSEUDONYME */
.nameLMBER{
margin-left:10px; width:595px; 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:10px;
width:260px; height:15px; 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:330px; height:15px; padding:5px;
background:rgba(250,250,250,0.3); color:black; /* MODIFIABLE */
font-size:11px; text-align:center;
}
/* INFORMATION : HUMEUR, FT. */
.infoLMBER {
margin-left:10px; width:605px; height:22px; padding:7px 5px 0; overflow:hidden;
text-align:center; font-size:12px;
background:rgba(250,250,250,0.2); color:black; /* MODIFIABLE */
}
/* BANDE COULEUR GROUPE */
.grpLMBER {
margin-top:7px; margin-left:10px;
width:615px; height:15px;
} Notice :
Modifier l'intitulé « humeur »Largeur minimale du forum : 800pxCE CODE S'ADAPTE A LA COULEUR DU GROUPE DU MEMBRE |
| | | Sam 6 Juin - 4:24 | Remplacer l'intégralité du template par : - Code:
-
<form action="{S_MODE_ACTION}" method="get"> <table cellspacing="0" cellpadding="5" border="0" align="center" class="tleLMBER"> <tr> <th nowrap="nowrap">{L_ORDER_OR_SELECT}</th> </tr> <tr> <td> <table cellspacing="0" cellpadding="0" border="0" align="center" class="genmed"> <tr> <td width="100%" style="padding:5px 0;">{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="0" cellpadding="0" align="center"> <tr><td class="{memberrow.ROW_CLASS}" align="center"> <!-- BEGIN memberrow --> <div id="LMBER"><div id="MBER"><div class="nameLMBER"><a class="gen" href="{memberrow.U_VIEWPROFILE}">{memberrow.USERNAME}</a></div> <div class="imgLMBER">{memberrow.AVATAR_IMG}<div><div>{memberrow.POSTS} messages<br/><br/>inscrit le {memberrow.JOINED}<br/><br/>dernière visite : {memberrow.LASTVISIT}<br/><br/>{memberrow.INTERESTS}</span></div></div></div><div class="btnLMBER">{memberrow.PM_IMG} {memberrow.WWW_IMG}</div> <!-- BEGIN switch_td_group --> <span style="display:none;">{memberrow.GROUPS}</span> <!-- END switch_td_group --> </div></div> <!-- END memberrow --> </td> </tr> <!-- 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> <!-- BEGIN switch_pagination --> <table style="margin:auto; width:650px;" 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 ENTÊTE - RECHERCHER UN UTILISATEUR OU MODIFIER ORDRE AFFICHAGE */
.tleLMBER {
margin:0 auto 10px; width:650px;
background:rgba(255,255,255,0.5); /* MODIFIABLE */
}
/* TITRE ENTÊTE */
.tleLMBER th {
margin-bottom:5px; padding:5px 0;
text-transform:uppercase; font-family:Arial; font-size:16px;
background:black; color:white; /* MODIFIABLE */
}
/* BLOC LISTE DES MEMBRES */
#LMBER {
margin:auto; width:660px;
}
/* BLOC MEMBRE */
#MBER {
float:left; margin:0 5px 10px;
width:200px; height:360px; padding:5px 5px 0; font-family:Arial;
background:rgba(255,255,255,0.5); /* MODIFIABLE */
}
/* PSEUDONYME */
.nameLMBER{
width:200px; height:15px; padding-bottom:5px;
text-align:center; text-transform:uppercase;
}
/* AVATAR */
.imgLMBER img{
width:200px; height:320px;
}
.imgLMBER div {
position:relative; margin-top:-320px;
width:200px; height:320px; overflow:hidden;
}
/* BLOC MESSAGES / INSCRIPTION / DERNIERE VISITE / INFORMATION */
.imgLMBER div div{
width:180px; height:300px; padding:10px; overflow:auto;
background:rgba(255,255,255,0.8); color:black; /* MODIFIABLE */
font-size:11px; text-align:justify;
transform:translateY(640px); -webkit-transform:translateY(640px);
transition:transform 0.85s linear; -webkit-transition:transform 0.85s linear;
}
#MBER:hover .imgLMBER div div{
transform:translateY(320px); -webkit-transform:translateY(320px);
}
/* IMAGES MP * WWW */
.btnLMBER {
position:relative; z-index:3; margin:-10px auto 0;
}
.btnLMBER img {
height:20px;
} Partie CSS pour avatars 200*400 : - Code:
-
/* AFFICHAGE LISTE DES MEMBRES */
/* BLOC ENTÊTE - RECHERCHER UN UTILISATEUR OU MODIFIER ORDRE AFFICHAGE */
.tleLMBER {
margin:0 auto 10px; width:650px;
background:rgba(255,255,255,0.5); /* MODIFIABLE */
}
/* TITRE ENTÊTE */
.tleLMBER th {
margin-bottom:5px; padding:5px 0;
text-transform:uppercase; font-family:Arial; font-size:16px;
background:black; color:white; /* MODIFIABLE */
}
/* BLOC LISTE DES MEMBRES */
#LMBER {
margin:auto; width:660px;
}
/* BLOC MEMBRE */
#MBER {
float:left; margin:0 5px 10px;
width:200px; height:440px; padding:5px 5px 0; font-family:Arial;
background:rgba(255,255,255,0.5); /* MODIFIABLE */
}
/* PSEUDONYME */
.nameLMBER{
width:200px; height:15px; padding-bottom:5px;
text-align:center; text-transform:uppercase;
}
/* AVATAR */
.imgLMBER img{
width:200px; height:400px;
}
.imgLMBER div {
position:relative; margin-top:-400px;
width:200px; height:400px; overflow:hidden;
}
/* BLOC MESSAGES / INSCRIPTION / DERNIERE VISITE / INFORMATION */
.imgLMBER div div{
width:180px; height:380px; padding:10px; overflow:auto;
background:rgba(255,255,255,0.8); color:black; /* MODIFIABLE */
font-size:11px; text-align:justify;
transform:translateY(800px); -webkit-transform:translateY(800px);
transition:transform 0.85s linear; -webkit-transition:transform 0.85s linear;
}
#MBER:hover .imgLMBER div div{
transform:translateY(400px); -webkit-transform:translateY(400px);
}
/* IMAGES MP * WWW */
.btnLMBER {
position:relative; z-index:3; margin:-10px auto 0;
}
.btnLMBER img {
height:20px;
} Partie CSS pour avatars 250*350 : - Code:
-
/* AFFICHAGE LISTE DES MEMBRES */
/* BLOC ENTÊTE - RECHERCHER UN UTILISATEUR OU MODIFIER ORDRE AFFICHAGE */
.tleLMBER {
margin:0 auto 10px; width:650px;
background:rgba(255,255,255,0.5); /* MODIFIABLE */
}
/* TITRE ENTÊTE */
.tleLMBER th {
margin-bottom:5px; padding:5px 0;
text-transform:uppercase; font-family:Arial; font-size:16px;
background:black; color:white; /* MODIFIABLE */
}
/* BLOC LISTE DES MEMBRES */
#LMBER {
margin:auto; width:660px;
}
/* BLOC MEMBRE */
#MBER {
float:left; margin:0 5px 10px;
width:200px; height:320px; padding:5px 5px 0; font-family:Arial;
background:rgba(255,255,255,0.5); /* MODIFIABLE */
}
/* PSEUDONYME */
.nameLMBER{
width:200px; height:15px; padding-bottom:5px;
text-align:center; text-transform:uppercase;
}
/* AVATAR */
.imgLMBER img{
width:200px; height:280px;
}
.imgLMBER div {
position:relative; margin-top:-280px;
width:200px; height:280px; overflow:hidden;
}
/* BLOC MESSAGES / INSCRIPTION / DERNIERE VISITE / INFORMATION */
.imgLMBER div div{
width:180px; height:260px; padding:10px; overflow:auto;
background:rgba(255,255,255,0.8); color:black; /* MODIFIABLE */
font-size:11px; text-align:justify;
transform:translateY(560px); -webkit-transform:translateY(560px);
transition:transform 0.85s linear; -webkit-transition:transform 0.85s linear;
}
#MBER:hover .imgLMBER div div{
transform:translateY(280px); -webkit-transform:translateY(280px);
}
/* IMAGES MP * WWW */
.btnLMBER {
position:relative; z-index:3; margin:-10px auto 0;
}
.btnLMBER img {
height:20px;
} Largeur minimale du forum : 660px |
| | | Sam 19 Déc - 3:56 | Remplacer l'intégralité du template par : - Code:
-
<div class="bgLMBER"><div class="tleLMBER">Liste des <b>membres</b></div> <table width="100%" border="0" cellspacing="0" cellpadding="0"> <tr><td class="{memberrow.ROW_CLASS}" align="center"> <!-- BEGIN memberrow --><div id="LMBER"><div id="MBER"><div class="triLMBER"></div><div class="triRMBER"></div><div id="nameLMBER"><div class="nameLMBER"><a class="gen" href="{memberrow.U_VIEWPROFILE}">{memberrow.USERNAME}</a><div class="btnLMBER">{memberrow.PM_IMG} {memberrow.WWW_IMG}</div></div><div class="triMBER"></div></div><div class="imgLMBER"><div>{memberrow.AVATAR_IMG}<div class="boxLMBER"><a style="display:none;" href="{memberrow.U_VIEWPROFILE}">{memberrow.USERNAME}</a><span style="width:90px; margin-right:5px;">{memberrow.POSTS} messages</span><span style="width:95px;">{memberrow.JOINED}</span><br/><span style="width:100%; margin:5px auto; letter-spacing:2px;">dernière visite :</span><span style="width:100%;">{memberrow.LASTVISIT}</span></div></div></div><script type="text/javascript">//<![CDATA[ $( document ).ready(function() {$('a[href*="/u"] span').each(function(){var color = $(this).css("color"); $(this).closest('.boxLMBER').css("background-color", color);});}); $( document ).ready(function() {$('a[href*="/u"] span').each(function(){var color = $(this).css("color"); $(this).closest('.boxLMBER').css("color", color);});});//]]></script> <!-- BEGIN switch_td_group --><span style="display:none;">{memberrow.GROUPS}</span><!-- END switch_td_group --></div></div><!-- END memberrow --> </td></tr> <!-- BEGIN switch_no_user --> <tr><td class="catBottom" colspan="{switch_no_user.COLSPAN_NUMBER}" height="25" align="center"><span class="gensmall">{switch_no_user.L_NO_USER}</span></td></tr> <!-- END switch_no_user --> </table> <!-- BEGIN switch_pagination --> <table class="pageLMBER" border="0" cellspacing="0" cellpadding="0"><tr><td><span>{PAGE_NUMBER}</span></td><td align="right"><span>{PAGINATION}</span></td></tr></table> <!-- END switch_pagination --> <div class="btmLMBER"> <form action="{S_MODE_ACTION}" method="get"> <table cellspacing="0" cellpadding="0" border="0" align="center" class="formLMBER" width="100%"> <tr> <td width="100%"><span>{L_USER_SELECT}</span> <input type="text" class="post" name="username" maxlength="25" size="20" value="{L_USER_SELECT_VALUE}" /> <span>{L_SELECT_SORT_METHOD}</span> {S_MODE_SELECT} <span>{L_ORDER}</span> {S_ORDER_SELECT} {S_HIDDEN_SID} <input class="liteoption" type="submit" name="submit" value="{L_SUBMIT}" /> </td> </tr> </table> </form> </div></div> Partie CSS pour avatars 200*320 : - Code:
-
/* FOND LISTE DES MEMBRES */
.bgLMBER {
background:rgba(255,255,255,0.4); /* MODIFIABLE */
}
/* TITRE LISTE DES MEMBRES */
.tleLMBER {
margin-bottom:25px; width:auto; padding:20px 0;
font-family:Arial; text-transform:uppercase; font-size:32px; text-align:center;
background:#191919; color:white; /* MODIFIABLE */
}
/* BLOC LISTE DES MEMBRES */
#LMBER {
margin:auto; width:660px; text-align:center;
}
/* BLOC MEMBRE */
#MBER {
float:left; margin:15px 10px 10px;
width:200px; height:325px; font-family:Arial;
}
/* BLOC PSEUDONYME */
#nameLMBER {
position:absolute; z-index:3; margin-top:-10px; margin-left:85px;
width:100px; height:auto;
}
/* OMBRES BLOC PSEUDONYME */
.triLMBER {
position:absolute; z-index:2; margin-top:-10px; margin-left:80px;
width:0; height:0; border-style:solid; border-width:0 0 15px 5px; border-color:transparent;
border-bottom-color:black; /* MODIFIABLE */
}
.triRMBER {
position:absolute; margin-top:-10px; margin-left:185px;
width:0; height:0; border-style:solid; border-width:15px 0 0 5px; border-color:transparent;
border-left-color:black; /* MODIFIABLE */
}
/* PSEUDONYME */
.nameLMBER {
width:80px; padding:10px 10px 0;
text-align:center; text-transform:uppercase;
background:#E7E7E7; /* MODIFIABLE */
}
/* IMAGES MP * WWW */
.btnLMBER {
margin-top:5px; text-align:center;
}
/* POINTE PSEUDONYME */
.triMBER {
width:0; height:0; border-style:solid; border-width:20px 50px 0 50px; border-color:transparent;
border-top-color:#E7E7E7; /* MODIFIABLE */
}
/* AVATAR */
.imgLMBER img {
position:absolute; z-index:2; margin-left:-100px;
width:200px; height:320px;
transition:all 0.85s linear; -webkit-transition:all 0.85s linear;
}
.imgLMBER {
width:200px; height:320px; overflow:hidden;
}
.imgLMBER div {
position:relative;
width:200px; height:320px; overflow:hidden;
}
/* BLOC MESSAGES / INSCRIPTION / DERNIERE VISITE */
.imgLMBER div div {
width:190px; height:145px; padding:5px; overflow:hidden;
font-size:11px; text-align:center;
background:grey; color:grey; /* MODIFIABLE - COULEURS PAR DEFAUT */
transition:transform 0.85s linear; -webkit-transition:transform 0.85s linear;
}
.imgLMBER:hover div div {
transform:translateY(240px); -webkit-transform:translateY(240px);
}
.imgLMBER:hover img {
transform:translateY(-85px); -webkit-transform:translateY(-85px);
}
/* INFORMATIONS */
.imgLMBER div div span {
display:inline-block; vertical-align:top; height:17px; padding-top:3px;
text-align:center; text-transform:uppercase; font-size:10px;
background:rgba(250,250,250,0.6); /* MODIFIABLE */
}
/* NAVIGATION LISTE DES MEMBRES */
.pageLMBER {
margin:auto; width:640px;
color:black; /* MODIFIABLE */
text-align:left; text-transform:uppercase; font-size:10px; font-family:Arial;
}
.pageLMBER a {
color:black; /* MODIFIABLE */
font-family:Arial;
}
/* FORMULAIRE RECHERCHE LISTE DES MEMBRES */
.btmLMBER {
margin-top:15px; padding:15px 0;
background:#212121; /* MODIFIABLE */
text-align:center;
}
/* INTITULES FORMULAIRE RECHERCHE LISTE DES MEMBRES */
.formLMBER span {
display:inline-block; vertical-align:bottom; margin-top:1px;
height:17px; padding:2px 5px 0;
background:lightgrey; color:black; /* MODIFIABLE */
text-transform:uppercase; font-size:10px; text-align:center; font-family:Arial;
}
.formLMBER input, select {
border:none !important;
height:19px; padding:0;
text-transform:uppercase; font-size:10px; font-family:Arial;
}
/* BOUTON OK LISTE DES MEMBRES */
.formLMBER .liteoption {
padding:0 5px 0 2px;
background:lightgrey; color:black; /* MODIFIABLE */
text-transform:uppercase; font-weight:bold;
} Partie CSS pour avatars 200*400 : - Code:
-
/* FOND LISTE DES MEMBRES */
.bgLMBER {
background:rgba(255,255,255,0.4); /* MODIFIABLE */
}
/* TITRE LISTE DES MEMBRES */
.tleLMBER {
margin-bottom:25px; width:auto; padding:20px 0;
font-family:Arial; text-transform:uppercase; font-size:32px; text-align:center;
background:#191919; color:white; /* MODIFIABLE */
}
/* BLOC LISTE DES MEMBRES */
#LMBER {
margin:auto; width:660px; text-align:center;
}
/* BLOC MEMBRE */
#MBER {
float:left; margin:15px 10px 10px;
width:200px; height:405px; font-family:Arial;
}
/* BLOC PSEUDONYME */
#nameLMBER {
position:absolute; z-index:3; margin-top:-10px; margin-left:85px;
width:100px; height:auto;
}
/* OMBRES BLOC PSEUDONYME */
.triLMBER {
position:absolute; z-index:2; margin-top:-10px; margin-left:80px;
width:0; height:0; border-style:solid; border-width:0 0 15px 5px; border-color:transparent;
border-bottom-color:black; /* MODIFIABLE */
}
.triRMBER {
position:absolute; margin-top:-10px; margin-left:185px;
width:0; height:0; border-style:solid; border-width:15px 0 0 5px; border-color:transparent;
border-left-color:black; /* MODIFIABLE */
}
/* PSEUDONYME */
.nameLMBER {
width:80px; padding:10px 10px 0;
text-align:center; text-transform:uppercase;
background:#E7E7E7; /* MODIFIABLE */
}
/* IMAGES MP * WWW */
.btnLMBER {
margin-top:5px; text-align:center;
}
/* POINTE PSEUDONYME */
.triMBER {
width:0; height:0; border-style:solid; border-width:20px 50px 0 50px; border-color:transparent;
border-top-color:#E7E7E7; /* MODIFIABLE */
}
/* AVATAR */
.imgLMBER img {
position:absolute; z-index:2; margin-left:-100px;
width:200px; height:400px;
transition:all 0.85s linear; -webkit-transition:all 0.85s linear;
}
.imgLMBER {
width:200px; height:400px; overflow:hidden;
}
.imgLMBER div {
position:relative;
width:200px; height:400px; overflow:hidden;
}
/* BLOC MESSAGES / INSCRIPTION / DERNIERE VISITE */
.imgLMBER div div {
width:190px; height:145px; padding:5px; overflow:hidden;
font-size:11px; text-align:center;
background:grey; color:grey; /* MODIFIABLE - COULEURS PAR DEFAUT */
transition:transform 0.85s linear; -webkit-transition:transform 0.85s linear;
}
.imgLMBER:hover div div {
transform:translateY(320px); -webkit-transform:translateY(320px);
}
.imgLMBER:hover img {
transform:translateY(-85px); -webkit-transform:translateY(-85px);
}
/* INFORMATIONS */
.imgLMBER div div span {
display:inline-block; vertical-align:top; height:17px; padding-top:3px;
text-align:center; text-transform:uppercase; font-size:10px;
background:rgba(250,250,250,0.6); /* MODIFIABLE */
}
/* NAVIGATION LISTE DES MEMBRES */
.pageLMBER {
margin:auto; width:640px;
color:black; /* MODIFIABLE */
text-align:left; text-transform:uppercase; font-size:10px; font-family:Arial;
}
.pageLMBER a {
color:black; /* MODIFIABLE */
font-family:Arial;
}
/* FORMULAIRE RECHERCHE LISTE DES MEMBRES */
.btmLMBER {
margin-top:15px; padding:15px 0;
background:#212121; /* MODIFIABLE */
text-align:center;
}
/* INTITULES FORMULAIRE RECHERCHE LISTE DES MEMBRES */
.formLMBER span {
display:inline-block; vertical-align:bottom; margin-top:1px;
height:17px; padding:2px 5px 0;
background:lightgrey; color:black; /* MODIFIABLE */
text-transform:uppercase; font-size:10px; text-align:center; font-family:Arial;
}
.formLMBER input, select {
border:none !important;
height:19px; padding:0;
text-transform:uppercase; font-size:10px; font-family:Arial;
}
/* BOUTON OK LISTE DES MEMBRES */
.formLMBER .liteoption {
padding:0 5px 0 2px;
background:lightgrey; color:black; /* MODIFIABLE */
text-transform:uppercase; font-weight:bold;
} Partie CSS pour avatars 250*350 : - Code:
-
/* FOND LISTE DES MEMBRES */
.bgLMBER {
background:rgba(255,255,255,0.4); /* MODIFIABLE */
}
/* TITRE LISTE DES MEMBRES */
.tleLMBER {
margin-bottom:25px; width:auto; padding:20px 0;
font-family:Arial; text-transform:uppercase; font-size:32px; text-align:center;
background:#191919; color:white; /* MODIFIABLE */
}
/* BLOC LISTE DES MEMBRES */
#LMBER {
margin:auto; width:660px; text-align:center;
}
/* BLOC MEMBRE */
#MBER {
float:left; margin:15px 10px 10px;
width:200px; height:285px; font-family:Arial;
}
/* BLOC PSEUDONYME */
#nameLMBER {
position:absolute; z-index:3; margin-top:-10px; margin-left:85px;
width:100px; height:auto;
}
/* OMBRES BLOC PSEUDONYME */
.triLMBER {
position:absolute; z-index:2; margin-top:-10px; margin-left:80px;
width:0; height:0; border-style:solid; border-width:0 0 15px 5px; border-color:transparent;
border-bottom-color:black; /* MODIFIABLE */
}
.triRMBER {
position:absolute; margin-top:-10px; margin-left:185px;
width:0; height:0; border-style:solid; border-width:15px 0 0 5px; border-color:transparent;
border-left-color:black; /* MODIFIABLE */
}
/* PSEUDONYME */
.nameLMBER {
width:80px; padding:10px 10px 0;
text-align:center; text-transform:uppercase;
background:#E7E7E7; /* MODIFIABLE */
}
/* IMAGES MP * WWW */
.btnLMBER {
margin-top:5px; text-align:center;
}
/* POINTE PSEUDONYME */
.triMBER {
width:0; height:0; border-style:solid; border-width:20px 50px 0 50px; border-color:transparent;
border-top-color:#E7E7E7; /* MODIFIABLE */
}
/* AVATAR */
.imgLMBER img {
position:absolute; z-index:2; margin-left:-100px;
width:200px; height:280px;
transition:all 0.85s linear; -webkit-transition:all 0.85s linear;
}
.imgLMBER {
width:200px; height:280px; overflow:hidden;
}
.imgLMBER div {
position:relative;
width:200px; height:280px; overflow:hidden;
}
/* BLOC MESSAGES / INSCRIPTION / DERNIERE VISITE */
.imgLMBER div div {
width:190px; height:145px; padding:5px; overflow:hidden;
font-size:11px; text-align:center;
background:grey; color:grey; /* MODIFIABLE - COULEURS PAR DEFAUT */
transition:transform 0.85s linear; -webkit-transition:transform 0.85s linear;
}
.imgLMBER:hover div div {
transform:translateY(200px); -webkit-transform:translateY(200px);
}
.imgLMBER:hover img {
transform:translateY(-85px); -webkit-transform:translateY(-85px);
}
/* INFORMATIONS */
.imgLMBER div div span {
display:inline-block; vertical-align:top; height:17px; padding-top:3px;
text-align:center; text-transform:uppercase; font-size:10px;
background:rgba(250,250,250,0.6); /* MODIFIABLE */
}
/* NAVIGATION LISTE DES MEMBRES */
.pageLMBER {
margin:auto; width:640px;
color:black; /* MODIFIABLE */
text-align:left; text-transform:uppercase; font-size:10px; font-family:Arial;
}
.pageLMBER a {
color:black; /* MODIFIABLE */
font-family:Arial;
}
/* FORMULAIRE RECHERCHE LISTE DES MEMBRES */
.btmLMBER {
margin-top:15px; padding:15px 0;
background:#212121; /* MODIFIABLE */
text-align:center;
}
/* INTITULES FORMULAIRE RECHERCHE LISTE DES MEMBRES */
.formLMBER span {
display:inline-block; vertical-align:bottom; margin-top:1px;
height:17px; padding:2px 5px 0;
background:lightgrey; color:black; /* MODIFIABLE */
text-transform:uppercase; font-size:10px; text-align:center; font-family:Arial;
}
.formLMBER input, select {
border:none !important;
height:19px; padding:0;
text-transform:uppercase; font-size:10px; font-family:Arial;
}
/* BOUTON OK LISTE DES MEMBRES */
.formLMBER .liteoption {
padding:0 5px 0 2px;
background:lightgrey; color:black; /* MODIFIABLE */
text-transform:uppercase; font-weight:bold;
} Largeur minimale du forum : 700pxCE CODE S'ADAPTE A LA COULEUR DU GROUPE DU MEMBRE |
| | | Jeu 24 Déc - 2:34 | Remplacer l'intégralité du template par : - Code:
-
<div class="bgLMBER"><div class="tleLMBER">Liste des <b>membres</b></div> <table width="100%" border="0" cellspacing="0" cellpadding="0"> <tr><td class="{memberrow.ROW_CLASS}" align="center"> <!-- BEGIN memberrow --><div id="LMBER"><div class="MBER"><script type="text/javascript">//<![CDATA[ $( document ).ready(function() {$('a[href*="/u"] span').each(function(){var color = $(this).css("color"); $(this).closest('.nameLMBER').css("background-color", color);});}); //]]></script><div class="nameLMBER"><a href="{memberrow.U_VIEWPROFILE}">{memberrow.USERNAME}</a></div><div class="abtLMBER"><div>{memberrow.POSTS} M.</div><div>{memberrow.JOINED}</div><div>Dernière visite :</div><div>{memberrow.LASTVISIT}</div></div><div class="imgLMBER"><div class="btnLMBER"><span style="display:inline-block; vertical-align:middle; height:115px;"></span><span style="display:inline-block; vertical-align:middle;">{memberrow.PM_IMG}<br/><br/>{memberrow.WWW_IMG}</span></div><div class="avaLMBER">{memberrow.AVATAR_IMG}</div></div> <!-- BEGIN switch_td_group --><div style="display:none;">{memberrow.GROUPS}</div><!-- END switch_td_group --></div></div><!-- END memberrow --> </td> </tr> <!-- BEGIN switch_no_user --> <tr><td class="catBottom" colspan="{switch_no_user.COLSPAN_NUMBER}" height="25" align="center"><span class="gensmall">{switch_no_user.L_NO_USER}</span></td></tr> <!-- END switch_no_user --> </table> <!-- BEGIN switch_pagination --> <table class="pageLMBER" border="0" cellspacing="0" cellpadding="0"><tr><td><span>{PAGE_NUMBER}</span></td><td align="right"><span>{PAGINATION}</span></td></tr></table> <!-- END switch_pagination --> <div class="btmLMBER"> <form action="{S_MODE_ACTION}" method="get"> <table cellspacing="0" cellpadding="0" border="0" align="center" class="formLMBER" width="100%"> <tr> <td width="100%"><span>{L_USER_SELECT}</span> <input type="text" class="post" name="username" maxlength="25" size="20" value="{L_USER_SELECT_VALUE}" /> <span>{L_SELECT_SORT_METHOD}</span> {S_MODE_SELECT} <span>{L_ORDER}</span> {S_ORDER_SELECT} {S_HIDDEN_SID} <input class="liteoption" type="submit" name="submit" value="{L_SUBMIT}" /> </td> </tr> </table> </form> </div> </div> Partie CSS : - Code:
-
/* FOND LISTE DES MEMBRES */
.bgLMBER {
background:rgba(255,255,255,0.7); /* MODIFIABLE */
line-height:16px;
}
/* TITRE LISTE DES MEMBRES */
.tleLMBER {
margin-bottom:25px; width:auto; padding:20px 0;
font-family:Arial; text-transform:uppercase; font-size:32px; text-align:center; line-height:normal;
background:#191919; color:white; /* MODIFIABLE */
}
#LMBER {
width:690px; margin:auto;
}
/* BLOC MEMBRE */
.MBER {
float:left; margin:5px;
width:220px; height:150px; font-family:Arial;
background:rgba(0,0,0,0.8); /* MODIFIABLE */
}
/* BLOC PSEUDONYME */
.nameLMBER {
margin-bottom:5px; width:210px; height:15px; padding:5px 10px 5px 0; overflow:hidden;
text-align:right; text-transform:uppercase; font-size:10px;
background:grey; color:white; /* MODIFIABLE - COULEURS PAR DEFAUT */
}
/* PSEUDONYME */
.nameLMBER strong {
color:white; /* MODIFIABLE */
}
/* BLOC INFORMATIONS */
.abtLMBER {
display:inline-block; vertical-align:top;
width:105px;
}
/* INFORMATIONS */
.abtLMBER div {
margin-bottom:5px;
height:15px; padding:5px 0; overflow:hidden; font-size:10px;
background:lightgrey; color:black; /* MODIFIABLE */
}
.abtLMBER div:nth-of-type(3) {
font-size:9px; text-transform:uppercase;
}
.abtLMBER div:nth-of-type(4) {
font-size:9px; line-height:16px;
}
/* AVATAR / IMAGES MP & WWW */
.imgLMBER {
display:inline-block; vertical-align:top; margin-left:5px;
width:100px; height:115px; overflow:hidden;
}
/* AVATAR */
.avaLMBER {
position:relative; z-index:3; margin-top:-115px;
width:100px; height:115px; overflow:hidden;
transition:all 0.85s linear; -webkit-transition:all 0.85s linear;
}
.avaLMBER img {
width:100px;
}
.imgLMBER:hover .avaLMBER {
transform:translateX(100px); -webkit-transform:translateX(100px);
}
/* IMAGES MP & WWW */
.btnLMBER {
width:100px; height:115px; overflow:hidden;
text-align:center; line-height:10px;
background:rgba(0,0,0,0.6); /* MODIFIABLE */
transform:translateX(-100px); -webkit-transform:translateX(-100px);
transition:transform 0.85s linear; -webkit-transition:transform 0.85s linear;
}
.btnLMBER img {
max-width:80px;
}
.imgLMBER:hover .btnLMBER {
transform:translateX(0px); -webkit-transform:translateX(0px);
}
/* NAVIGATION LISTE DES MEMBRES */
.pageLMBER {
margin:auto; width:680px;
color:black; /* MODIFIABLE */
text-align:left; text-transform:uppercase; font-size:10px; font-family:Arial;
}
.pageLMBER a {
color:black; /* MODIFIABLE */
font-family:Arial;
}
/* FORMULAIRE RECHERCHE LISTE DES MEMBRES */
.btmLMBER {
margin-top:25px; padding:15px 0;
background:#212121; /* MODIFIABLE */
text-align:center;
}
/* INTITULES FORMULAIRE RECHERCHE LISTE DES MEMBRES */
.formLMBER span {
display:inline-block; vertical-align:bottom; margin-top:1px;
height:17px; padding:2px 5px 0;
background:lightgrey; color:black; /* MODIFIABLE */
text-transform:uppercase; font-size:10px; text-align:center; font-family:Arial;
}
.formLMBER input, select {
border:none !important;
height:19px; padding:0;
text-transform:uppercase; font-size:10px; font-family:Arial;
}
/* BOUTON OK LISTE DES MEMBRES */
.formLMBER .liteoption {
padding:0 5px 0 2px;
background:lightgrey; color:black; /* MODIFIABLE */
text-transform:uppercase; font-weight:bold;
} Largeur minimale du forum : 700pxCE CODE S'ADAPTE A LA COULEUR DU GROUPE DU MEMBRE |
| | | Jeu 14 Jan - 7:31 | Remplacer l'intégralité du template par : - Code:
-
<form action="{S_MODE_ACTION}" method="get"> <table cellspacing="0" cellpadding="5" border="0" align="center" class="tleLMBER"> <tr> <th nowrap="nowrap">{L_ORDER_OR_SELECT}</th> </tr> <tr> <td> <table cellspacing="0" cellpadding="0" border="0" align="center" class="genmed"> <tr> <td width="100%" style="padding:5px 0;">{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="0" cellpadding="0"> <tr><td class="{memberrow.ROW_CLASS}" align="center"> <!-- BEGIN memberrow --> <div id="LMBER"><div id="MBER"><script type="text/javascript">//<![CDATA[ $( document ).ready(function() {$('a[href*="/u"] span').each(function(){var color = $(this).css("color"); $(this).closest('.nameLMBER').css("background-color", color);});});//]]></script><div id="imgLMBER"><div class="imgLMBER"><div>{memberrow.AVATAR_IMG}</div></div><div class="nameLMBER"><a class="gen" href="{memberrow.U_VIEWPROFILE}">{memberrow.USERNAME}</a></div><div class="stsLMBER"><div style="margin-right:10px;">{memberrow.POSTS} M.</div><div>{memberrow.JOINED}</div><span>{memberrow.LASTVISIT}</span><b>ft. :</b> {memberrow.INTERESTS}<div class="btnLMBER">{memberrow.PM_IMG} {memberrow.WWW_IMG}</div></div></div> <!-- BEGIN switch_td_group --> <span style="display:none;">{memberrow.GROUPS}</span> <!-- END switch_td_group --> </div></div> <!-- END memberrow --> </td> </tr> <!-- 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> <!-- BEGIN switch_pagination --> <table style="margin:auto; width:660px;" 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 : - Code:
-
/* BLOC LISTE DES MEMBRES */
#LMBER {
width:690px; margin:auto;
}
/* ENTÊTE - RECHERCHER UN UTILISATEUR OU MODIFIER ORDRE AFFICHAGE */
.tleLMBER {
margin:0 auto 5px; width:660px;
background:rgba(255,255,255,0.5); /* MODIFIABLE */
}
/* TITRE ENTÊTE */
.tleLMBER th {
margin-bottom:5px; padding:5px 0;
text-transform:uppercase; font-family:Arial; font-size:16px;
background:black; color:white; /* MODIFIABLE */
}
/* BLOC MEMBRE */
#MBER {
float:left; margin:5px; width:220px; height:160px; overflow:hidden;
}
/* BLOC AVATAR */
#imgLMBER {
width:200px; height:160px; overflow:hidden;
}
/* SURVOL BLOC AVATAR */
#imgLMBER:hover {
box-shadow:0 0 3px rgba(0,0,0,0.1); /* MODIFIABLE */
}
/* AVATAR */
.imgLMBER {
position:relative;
width:200px; height:160px; overflow:hidden;
}
.imgLMBER div img{
position:absolute; margin-left:-100px; width:200px;
}
/* PSEUDONYME */
.nameLMBER{
position:absolute; z-index:3; margin-top:-145px; margin-left:-15px;
width:150px; padding:5px;
text-align:left; text-transform:uppercase; font-family:Arial;
background:black; /* MODIFIABLE - COULEUR PAR DEFAUT */
transition:all 0.45s linear; -webkit-transition:all 0.45s linear;
}
.nameLMBER span strong{
color:white;
}
#imgLMBER:hover .nameLMBER{
margin-top:-160px; margin-left:0;
width:190px; padding:10px 5px; text-align:center;
transform:rotate(0deg); -webkit-transform:rotate(0deg);
}
/* INFORMATIONS */
.stsLMBER {
position:absolute; margin-top:-130px;
width:180px; height:115px; padding:15px 10px 0; overflow:hidden;
font-size:10px; text-align:justify; font-family:Arial;
background:rgba(0,0,0,0.7); color:white !important; /* MODIFIABLE */
opacity:0; transition:opacity 0.35s linear; -webkit-transition:opacity 0.35s linear;
}
#imgLMBER:hover .stsLMBER {
opacity:1;
}
/* NOMBRE MESSAGES & DATE INSCRIPTION */
.stsLMBER div{
display:inline-block; margin-bottom:5px;
width:75px; padding:5px; text-align:center;
background:white; color:black; /* MODIFIABLE */
}
/* DERNIERE VISITE */
.stsLMBER span {
display:block; margin:5px auto; padding-bottom:5px; text-align:center;
border-bottom:1px solid white; color:white !important; /* MODIFIABLE */
}
/* IMAGES MP & WWW */
.btnLMBER {
display:block !important; margin:auto; margin-bottom:0 !important;
width:160px !important; padding:5px 0 !important; background:none !important;
}
.btnLMBER img {
max-height:15px;
filter:grayscale(1); -webkit-filter:grayscale(1);
} Notice :
Changer l'intitulé « humeur » en « ft. »Largeur minimale du forum : 690pxCE CODE S'ADAPTE A LA COULEUR DU GROUPE DU MEMBRE |
| | | Ven 30 Déc - 23:10 | Remplacer l'intégralité du template par : - Code:
-
<form action="{S_MODE_ACTION}" method="get"> <table cellspacing="0" cellpadding="5" border="0" align="center" class="tleLMBER"> <tr> <th nowrap="nowrap">{L_ORDER_OR_SELECT}</th> </tr> <tr> <td> <table cellspacing="0" cellpadding="0" border="0" align="center" class="genmed"> <tr> <td width="100%" style="padding:5px 0;">{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="0" cellpadding="0"> <tr><td class="{memberrow.ROW_CLASS}" align="center"> <!-- BEGIN memberrow --><div id="LMBER"><div class="MBER"><div class="nameLMBER"><div class="btnLMBER">{memberrow.PM_IMG} {memberrow.WWW_IMG}</div><a class="gen" href="{memberrow.U_VIEWPROFILE}">{memberrow.USERNAME}</a></div><div class="grpLMBER"><a style="display:none;" href="{memberrow.U_VIEWPROFILE}">{memberrow.USERNAME}</a></div><div class="triLMBER"><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, .boxLMBER').css("background-color", color);});}); $( document ).ready(function() {$('a[href*="/u"] span').each(function(){var color = $(this).css("color"); $(this).closest('.triLMBER').css("border-top-color", color);});}); $( document ).ready(function() {$('a[href*="/u"] span').each(function(){var color = $(this).css("color"); $(this).closest('.boxLMBER').css("color", color);});});//]]></script><div class="imgLMBER">{memberrow.AVATAR_IMG}</div><div class="boxLMBER"><a style="display:none;" href="{memberrow.U_VIEWPROFILE}">{memberrow.USERNAME}</a><div class="msgLMBER">{memberrow.POSTS} M.</div><div class="joinLMBER">{memberrow.JOINED}</div><br/><div class="lstvLMBER">{memberrow.LASTVISIT}</div></div> <!-- BEGIN switch_td_group --><div style="display:none;">{memberrow.GROUPS}</div><!-- END switch_td_group --></div></div><!-- END memberrow --> </td></tr> <!-- BEGIN switch_no_user --> <tr><td colspan="{switch_no_user.COLSPAN_NUMBER}" height="25" align="center"><span class="gensmall">{switch_no_user.L_NO_USER}</span></td></tr> <!-- END switch_no_user --> </table> <!-- BEGIN switch_pagination --> <table style="margin:auto; width:785px;" 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> <!-- END switch_pagination --> Partie CSS : - Code:
-
/* LISTE DES MEMBRES */
#LMBER {
margin:auto; width:795px;
}
/* ENTÊTE - RECHERCHER UN UTILISATEUR OU MODIFIER ORDRE AFFICHAGE */
.tleLMBER {
margin:0 auto 5px; width:785px;
background:rgba(255,255,255,0.5); /* MODIFIABLE */
}
/* TITRE ENTÊTE */
.tleLMBER th {
margin-bottom:5px; padding:5px 0;
text-transform:uppercase; font-family:Arial; font-size:14px;
background:black; color:white; /* MODIFIABLE */
}
/* BLOC MEMBRE */
.MBER {
float:left; margin:5px;
width:255px; text-align:center;
}
/* IMAGES MP & WWW */
.btnLMBER {
float:left; margin-right:5px; height:15px;
}
.btnLMBER img {
max-height:15px;
}
/* PSEUDONYME */
.nameLMBER {
position:absolute; z-index:3; margin-top:17px; margin-left:17px;
min-width:130px; height:15px; padding:10px;
text-align:center; text-transform:uppercase; letter-spacing:0.5px; font-family:Arial;
background:#FEFEFE; /* MODIFIABLE */
}
/* BANDE COULEUR GROUPE */
.grpLMBER {
display:inline-block; vertical-align:top;
width:105px; height:70px;
background:grey; /* MODIFIABLE - COULEUR PAR DEFAUT */
}
/* TRIANGLE COULEUR GROUPE */
.triLMBER {
position:absolute; margin-top:-70px; margin-left:105px;
width:0; height:0; border-style:solid; border-width:70px 20px 0 0; border-color:transparent;
border-top-color:grey; /* MODIFIABLE - COULEUR PAR DEFAUT */
}
/* AVATAR */
.imgLMBER {
display:inline-block; vertical-align:top;
width:150px; height:70px; overflow:hidden;
}
.imgLMBER img {
width:150px;
}
/* BLOC MESSAGES / INSCRIPTION / DERNIERE VISITE */
.boxLMBER {
margin-top:10px; padding:10px;
font-family:Arial; text-align:center;
background:rgba(0,0,0,0.7); /* MODIFIABLE - COULEUR PAR DEFAUT */
}
/* NOMBRE DE MESSAGES */
.msgLMBER {
display:inline-block; vertical-align:top;
width:75px; padding:5px;
font-size:11px; text-align:center;
background:rgba(250,250,250,0.7); /* MODIFIABLE */
}
/* DATE INSCRIPTION */
.joinLMBER {
display:inline-block; vertical-align:top; margin-left:10px;
width:140px; padding:5px 0;
font-size:11px; text-align:center;
background:rgba(250,250,250,0.7); /* MODIFIABLE */
}
/* DERNIERE VISITE */
.lstvLMBER {
margin-top:10px; padding:5px 0;
font-size:11px; text-align:center;
background:rgba(250,250,250,0.6); /* MODIFIABLE */
} Largeur minimale du forum : 800pxCE CODE S'ADAPTE A LA COULEUR DU GROUPE DU MEMBRE |
| | | Ven 30 Déc - 23:15 | Remplacer l'intégralité du template par : - Code:
-
<form action="{S_MODE_ACTION}" method="get"> <table cellspacing="0" cellpadding="5" border="0" align="center" class="tleLMBER"> <tr> <th nowrap="nowrap">{L_ORDER_OR_SELECT}</th> </tr> <tr> <td> <table cellspacing="0" cellpadding="0" border="0" align="center" class="genmed"> <tr> <td width="100%" style="padding:5px 0;">{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="0" cellpadding="0"> <tr><td class="{memberrow.ROW_CLASS}" align="center"> <!-- BEGIN memberrow --> <div id="LMBER"><div class="MBER"><a style="display:none;" href="{memberrow.U_VIEWPROFILE}">{memberrow.USERNAME}</a><script type="text/javascript">//<![CDATA[ $( document ).ready(function() {$('a[href*="/u"] span').each(function(){var color = $(this).css("color"); $(this).closest('.MBER').css("background-color", color);});}); $( document ).ready(function() {$('a[href*="/u"] span').each(function(){var color = $(this).css("color"); $(this).closest('.boxLMBER').css("color", color);});});//]]></script><div class="imgLMBER"><div class="msgLMBER">{memberrow.POSTS}</div><a href="{memberrow.U_VIEWPROFILE}">{memberrow.AVATAR_IMG}</a></div> <div class="boxLMBER"><div class="nameLMBER"><a href="{memberrow.U_VIEWPROFILE}">{memberrow.USERNAME}</a><div class="joinLMBER">{memberrow.JOINED}</div></div><div class="lstvLMBER">{memberrow.LASTVISIT}</div><div class="btnLMBER">{memberrow.PM_IMG} {memberrow.WWW_IMG}</div></div> <!-- BEGIN switch_td_group --> <div style="display:none;">{memberrow.GROUPS}</div> <!-- END switch_td_group --> </div></div> <!-- END memberrow --> </td></tr> <!-- 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 style="margin:auto; width:765px;" 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 : - Code:
-
/* AFFICHAGE LISTE DES MEMBRES */
#LMBER {
margin:auto; width:775px;
}
/* ENTÊTE - RECHERCHER UN UTILISATEUR OU MODIFIER ORDRE AFFICHAGE */
.tleLMBER {
margin:0 auto 5px; width:765px;
background:rgba(255,255,255,0.5); /* MODIFIABLE */
}
/* TITRE ENTÊTE */
.tleLMBER th {
margin-bottom:5px; padding:5px 0;
text-transform:uppercase; font-family:Arial; font-size:16px;
background:black; color:white; /* MODIFIABLE */
}
/* BLOC MEMBRE */
.MBER {
float:left; margin:5px;
width:145px; padding-top:10px; text-align:center;
background:grey; /* MODIFIABLE - COULEUR PAR DEFAUT */
}
/* AVATAR */
.imgLMBER{
margin:auto; margin-bottom:-55px;
width:100px; height:100px; border-radius:100px; overflow:hidden;
}
.imgLMBER img{
width:100px;
}
/* NOMBRE DE MESSAGES */
.msgLMBER {
position:absolute; margin-top:10px; margin-left:10px;
width:80px; height:50px; padding-top:30px; border-radius:80px;
font-family:Arial; font-size:16px; text-align:center; font-weight:bold;
background:rgba(250,250,250,0.7); /* MODIFIABLE */
opacity:0; transition:opacity 0.45s ease; -webkit-transition:opacity 0.45s ease;
}
.imgLMBER:hover .msgLMBER {
opacity:1;
}
/* BLOC PSEUDONYME & INSCRIPTION / DERNIERE VISITE / IMAGES MP & WWW */
.boxLMBER {
padding:45px 10px 7px;
font-family:Arial; text-align:center;
background:rgba(255,255,255,0.8); /* MODIFIABLE */
}
/* BLOC PSEUDONYME & INSCRIPTION */
.nameLMBER{
margin-top:20px; height:30px; padding:5px 0;
text-align:center; text-transform:uppercase; letter-spacing:-0.5px; font-family:Arial; font-size:12px;
background:#FEFEFE; /* MODIFIABLE */
}
/* DATE INSCRIPTION */
.joinLMBER{
font-size:10px; text-align:center; letter-spacing:0;
}
/* DERNIERE VISITE */
.lstvLMBER {
margin-top:5px; padding:2px 0;
background:rgba(255,255,255,0.6); /* MODIFIABLE */
font-size:9px; text-align:center;
}
/* IMAGES MP & WWW */
.btnLMBER {
margin-top:5px; height:15px;
}
.btnLMBER img{
max-height:15px; filter:grayscale(1); -webkit-filter:grayscale(1);
} Largeur minimale du forum : 775pxCE CODE S'ADAPTE A LA COULEUR DU GROUPE DU MEMBRE |
| | | Ven 30 Déc - 23:15 | Remplacer l'intégralité du template par : - Code:
-
<form action="{S_MODE_ACTION}" method="get"> <table cellspacing="0" cellpadding="5" border="0" align="center" class="tleLMBER"> <tr> <th nowrap="nowrap">{L_ORDER_OR_SELECT}</th> </tr> <tr> <td> <table cellspacing="0" cellpadding="0" border="0" align="center" class="genmed"> <tr> <td width="100%" style="padding:5px 0;">{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="0" cellpadding="0"> <tr><td class="{memberrow.ROW_CLASS}" align="center"> <!-- BEGIN memberrow --><div id="LMBER"><div class="MBER"><a style="display:none;" href="{memberrow.U_VIEWPROFILE}">{memberrow.USERNAME}</a><script type="text/javascript">//<![CDATA[ $( document ).ready(function() {$('a[href*="/u"] span').each(function(){var color = $(this).css("color"); $(this).closest('.MBER').css("background-color", color);});}); $( document ).ready(function() {$('a[href*="/u"] span').each(function(){var color = $(this).css("color"); $(this).closest('.boxLMBER').css("color", color);});});//]]></script><div class="nameLMBER"><a href="{memberrow.U_VIEWPROFILE}">{memberrow.USERNAME}</a></div><div class="imgLMBER">{memberrow.AVATAR_IMG}</div><div class="boxLMBER"><a style="display:none;" href="{memberrow.U_VIEWPROFILE}">{memberrow.USERNAME}</a><div class="msgLMBER">{memberrow.POSTS} M</div><div class="joinLMBER">{memberrow.JOINED}</div><div class="lstvLMBER">{memberrow.LASTVISIT}</div><div class="ftLMBER">{memberrow.INTERESTS}</div><div class="btnLMBER">{memberrow.PM_IMG} {memberrow.WWW_IMG}</div></div> <!-- BEGIN switch_td_group --><div style="display:none;">{memberrow.GROUPS}</div><!-- END switch_td_group --></div></div><!-- END memberrow --> </td></tr> <!-- BEGIN switch_no_user --> <tr><td colspan="{switch_no_user.COLSPAN_NUMBER}" height="25" align="center"><span class="gensmall">{switch_no_user.L_NO_USER}</span></td></tr> <!-- END switch_no_user --> </table> <!-- BEGIN switch_pagination --> <table style="margin:auto; width:765px;" 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> <!-- END switch_pagination --> Partie CSS : - Code:
-
/* LISTE DES MEMBRES */
#LMBER {
margin:auto; width:775px;
}
/* ENTÊTE - RECHERCHER UN UTILISATEUR OU MODIFIER ORDRE AFFICHAGE */
.tleLMBER {
margin:0 auto 5px; width:765px;
background:rgba(255,255,255,0.5); /* MODIFIABLE */
}
/* TITRE ENTÊTE */
.tleLMBER th {
margin-bottom:5px; padding:5px 0;
text-transform:uppercase; font-family:Arial; font-size:14px;
background:black; color:white; /* MODIFIABLE */
}
/* BLOC MEMBRE */
.MBER {
float:left; margin:5px;
width:145px; height:185px; padding-top:10px; overflow:hidden; text-align:center;
background:rgba(0,0,0,0.3); /* MODIFIABLE - COULEUR PAR DEFAUT */
}
/* AVATAR */
.imgLMBER {
width:145px; height:185px; overflow:hidden;
transition:all 0.45s linear; -webkit-transition:all 0.45s linear;
}
.MBER:hover .imgLMBER {
height:55px;
}
.imgLMBER img {
width:145px;
transition:all 0.45s linear; -webkit-transition:all 0.45s linear;
}
.MBER:hover .imgLMBER img {
margin-top:-25px; margin-left:-10px; width:165px;
filter:grayscale(1) blur(2px); -webkit-filter:grayscale(1) blur(2px);
}
/* PSEUDONYME */
.nameLMBER {
position:absolute; z-index:3; margin-left:10px; margin-top:125px;
width:125px; padding:5px 0;
text-align:center; text-transform:uppercase; letter-spacing:-1.2px; font-family:Arial; font-size:12px;
background:#FEFEFE; /* MODIFIABLE */
transition:all 0.45s linear; -webkit-transition:all 0.45s linear;
}
.MBER:hover .nameLMBER {
margin-top:15px;
}
/* BLOC NOMBRE MESSAGES / INSCRIPTION / DERNIERE VISITE / IMAGES MP & WWW */
.boxLMBER {
margin-top:10px; width:125px; padding:0 10px;
font-family:Arial; text-align:center;
color:rgba(0,0,0,0.3); /* MODIFIABLE - COULEUR PAR DEFAUT */
opacity:0; transition:all 0.45s linear; -webkit-transition:all 0.45s linear;
}
.MBER:hover .boxLMBER {
opacity:1;
}
/* NOMBRE DE MESSAGES */
.msgLMBER {
display:inline-block; vertical-align:top;
width:50px; padding:2px 0;
font-size:10px; text-align:center;
background:rgba(255,255,255,0.7); /* MODIFIABLE */
}
/* DATE INSCRIPTION */
.joinLMBER {
display:inline-block; vertical-align:top; margin-left:5px;
width:70px; padding:2px 0;
background:rgba(255,255,255,0.7); /* MODIFIABLE */
font-size:10px; text-align:center;
}
/* DERNIERE VISITE */
.lstvLMBER {
margin-top:5px; padding:2px 0;
background:rgba(255,255,255,0.7); /* MODIFIABLE */
font-size:9px; text-align:center;
}
/* FT */
.ftLMBER {
margin-top:5px; max-height:45px; padding:2px 0;
background:rgba(255,255,255,0.7); /* MODIFIABLE */
font-size:9px; text-align:center;
}
/* IMAGES MP & WWW */
.btnLMBER {
margin-top:10px;
height:15px; text-align:center;
}
.btnLMBER img {
max-height:15px; filter:grayscale(1); -webkit-filter:grayscale(1);
} Notice :
Changer l'intitulé « humeur » en « ft. »Largeur minimale du forum : 775pxCE CODE S'ADAPTE A LA COULEUR DU GROUPE DU MEMBRE |
| | | Sam 31 Déc - 1:30 | Remplacer l'intégralité du template par : - Code:
-
<form action="{S_MODE_ACTION}" method="get"> <table cellspacing="0" cellpadding="5" border="0" align="center" class="tleLMBER"> <tr> <th nowrap="nowrap">{L_ORDER_OR_SELECT}</th> </tr> <tr> <td> <table cellspacing="0" cellpadding="0" border="0" align="center" class="genmed"> <tr> <td width="100%" style="padding:5px 0;">{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="0" cellpadding="0"> <tr><td class="{memberrow.ROW_CLASS}" align="center"> <!-- BEGIN memberrow --> <div id="LMBER"><div class="MBER"><script type="text/javascript">//<![CDATA[ $( document ).ready(function() {$('a[href*="/u"] span').each(function(){var color = $(this).css("color"); $(this).closest('.CMBER').css("background-color", color);});});//]]></script><div class="nameLMBER"><a href="{memberrow.U_VIEWPROFILE}">{memberrow.USERNAME}</a></div><div id="boxLMBER"><div class="boxLMBER"><div class="msgLMBER CMBER"><a style="display:none;" href="{memberrow.U_VIEWPROFILE}">{memberrow.USERNAME}</a>{memberrow.POSTS} messages</div><div class="joinLMBER CMBER"><a style="display:none;" href="{memberrow.U_VIEWPROFILE}">{memberrow.USERNAME}</a>{memberrow.JOINED}</div><div class="lstvLMBER CMBER"><a style="display:none;" href="{memberrow.U_VIEWPROFILE}">{memberrow.USERNAME}</a>{memberrow.LASTVISIT}</div><div class="ftLMBER CMBER"><a style="display:none;" href="{memberrow.U_VIEWPROFILE}">{memberrow.USERNAME}</a>{memberrow.INTERESTS}</div><div class="btnLMBER">{memberrow.PM_IMG} {memberrow.WWW_IMG}</div></div></div><div class="imgLMBER"><a href="{memberrow.U_VIEWPROFILE}">{memberrow.AVATAR_IMG}</a></div> <!-- BEGIN switch_td_group --> <div style="display:none;">{memberrow.GROUPS}</div> <!-- END switch_td_group --> </div></div> <!-- END memberrow --> </td></tr> <!-- 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 style="margin:auto; width:770px;" 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 : - Code:
-
/* AFFICHAGE LISTE DES MEMBRES */
#LMBER {
margin:auto; width:780px;
}
/* ENTÊTE - RECHERCHER UN UTILISATEUR OU MODIFIER ORDRE AFFICHAGE */
.tleLMBER {
margin:0 auto 5px; width:770px;
background:rgba(255,255,255,0.5); /* MODIFIABLE */
}
/* TITRE ENTÊTE */
.tleLMBER th {
margin-bottom:5px; padding:5px 0;
text-transform:uppercase; font-family:Arial; font-size:16px;
background:black; color:white; /* MODIFIABLE */
}
/* BLOC MEMBRE */
.MBER {
float:left; margin:5px;
width:185px; height:185px; overflow:hidden; text-align:center;
}
/* AVATAR */
.imgLMBER {
width:185px; height:185px; overflow:hidden;
transition:all 0.45s linear; -webkit-transition:all 0.45s linear;
}
.imgLMBER img{
width:185px;
transition:all 0.45s linear; -webkit-transition:all 0.45s linear;
}
.MBER:hover .imgLMBER img{
margin-top:-10px; margin-left:-10px; width:205px;
filter:grayscale(1) blur(2px); -webkit-filter:grayscale(1) blur(2px);
}
/* PSEUDONYME */
.nameLMBER{
position:absolute; z-index:5; margin-left:10px; margin-top:85px;
width:165px; padding:5px 0;
text-align:center; text-transform:uppercase; font-family:Arial; font-size:12px;
background:#FEFEFE; /* MODIFIABLE */
transition:all 0.45s linear; -webkit-transition:all 0.45s linear;
}
.MBER:hover .nameLMBER {
margin-top:10px;
}
/* BLOC NOMBRE MESSAGES / INSCRIPTION / DERNIERE VISITE / IMAGES MP & WWW */
#boxLMBER {
position:absolute; z-index:3; margin-top:10px;
width:165px; height:165px; padding:0 10px; overflow:hidden;
opacity:0; transition:all 0.45s linear; -webkit-transition:all 0.45s linear;
}
.boxLMBER {
position:relative; margin-top:-105px;
font-family:Arial; text-align:center; text-transform:uppercase;
transition:all 0.45s linear; -webkit-transition:all 0.45s linear;
}
.MBER:hover .boxLMBER {
margin-top:35px;
}
.MBER:hover #boxLMBER {
opacity:1;
}
/* NOMBRE DE MESSAGES */
.msgLMBER {
margin-top:5px; padding:2px 0;
color:rgba(255,255,255,0.8); /* MODIFIABLE */
font-size:10px; text-align:center;
}
/* DATE INSCRIPTION */
.joinLMBER{
margin-top:5px; padding:2px 0;
color:rgba(255,255,255,0.8); /* MODIFIABLE */
font-size:10px; text-align:center; letter-spacing:3px;
}
/* DERNIERE VISITE */
.lstvLMBER {
margin-top:5px; padding:2px 0;
color:rgba(255,255,255,0.8); /* MODIFIABLE */
font-size:9px; text-align:center;
}
/* FT */
.ftLMBER {
margin-top:5px; max-height:45px; padding:2px 0;
color:rgba(255,255,255,0.8); /* MODIFIABLE */
font-size:9px; text-align:center;
}
/* IMAGES MP & WWW */
.btnLMBER {
margin-top:5px;
height:15px; text-align:center;
}
.btnLMBER img{
max-height:15px; filter:grayscale(1); -webkit-filter:grayscale(1);
} Notice :
Changer l'intitulé « humeur » en « ft. »Largeur minimale du forum : 780pxCE CODE S'ADAPTE A LA COULEUR DU GROUPE DU MEMBRE |
| | | Sam 31 Déc - 23:55 | Remplacer l'intégralité du template par : - Code:
-
<form action="{S_MODE_ACTION}" method="get"> <table cellspacing="0" cellpadding="5" border="0" align="center" class="tleLMBER"> <tr> <th nowrap="nowrap">{L_ORDER_OR_SELECT}</th> </tr> <tr> <td> <table cellspacing="0" cellpadding="0" border="0" align="center" class="genmed"> <tr> <td width="100%" style="padding:5px 0;">{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="0" cellpadding="0"> <tr><td class="{memberrow.ROW_CLASS}" align="center"> <!-- BEGIN memberrow --> <div id="LMBER"><div class="MBER"><script type="text/javascript">//<![CDATA[ $( document ).ready(function() {$('a[href*="/u"] span').each(function(){var color = $(this).css("color"); $(this).closest('.nameLMBER').css("background-color", color);});}); $( document ).ready(function() {$('a[href*="/u"] span').each(function(){var color = $(this).css("color"); $(this).closest('.triLMBER').css("border-bottom-color", color);});}); //]]></script><div class="boxLMBER"><div class="btnLMBER">{memberrow.PM_IMG} {memberrow.WWW_IMG}</div><div class="imgLMBER">{memberrow.AVATAR_IMG}</div><div class="msgLMBER">{memberrow.POSTS} messages</div><div class="joinLMBER">{memberrow.JOINED}</div><div class="lstvLMBER">{memberrow.LASTVISIT}</div></div><div class="triLMBER"><a style="display:none;" href="{memberrow.U_VIEWPROFILE}">{memberrow.USERNAME}</a></div><div class="nameLMBER"><a href="{memberrow.U_VIEWPROFILE}">{memberrow.USERNAME}</a></div> <!-- BEGIN switch_td_group --> <div style="display:none;">{memberrow.GROUPS}</div> <!-- END switch_td_group --> </div></div> <!-- END memberrow --> </td></tr> <!-- 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 style="margin:auto; width:755px;" 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 : - Code:
-
/* AFFICHAGE LISTE DES MEMBRES */
#LMBER {
margin:auto; width:765px;
}
/* ENTÊTE - RECHERCHER UN UTILISATEUR OU MODIFIER ORDRE AFFICHAGE */
.tleLMBER {
margin:0 auto 5px; width:755px;
background:rgba(255,255,255,0.5); /* MODIFIABLE */
}
/* TITRE ENTÊTE */
.tleLMBER th {
margin-bottom:5px; padding:5px 0;
text-transform:uppercase; font-family:Arial; font-size:16px;
background:black; color:white; /* MODIFIABLE */
}
/* BLOC MEMBRE */
.MBER {
float:left; margin:5px;
width:245px; height:125px; overflow:hidden;
}
/* BLOC NOMBRE MESSAGES / INSCRIPTION / DERNIERE VISITE */
.boxLMBER {
width:225px; height:80px; padding:10px 10px 0;
font-family:Arial; text-align:center; text-transform:uppercase; line-height:14px;
background:rgba(0,0,0,0.5); /* MODIFIABLE */
}
/* NOMBRE DE MESSAGES */
.msgLMBER {
width:150px; padding:3px 0;
background:rgba(255,255,255,0.6); color:black; /* MODIFIABLE */
font-size:10px; text-align:center;
}
/* DATE INSCRIPTION */
.joinLMBER{
margin-top:5px; width:150px; padding:3px 0;
background:rgba(255,255,255,0.6); color:black; /* MODIFIABLE */
font-size:10px; text-align:center;
}
/* DERNIERE VISITE */
.lstvLMBER {
margin-top:5px; width:150px; padding:3px 0;
background:rgba(255,255,255,0.6); color:black; /* MODIFIABLE */
font-size:9px; text-align:center;
}
/* AVATAR */
.imgLMBER {
position:absolute; margin-left:160px;
width:65px; height:105px; overflow:hidden;
}
.imgLMBER img{
width:66px;
filter:grayscale(1); -webkit-filter:grayscale(1);
}
/* BLOC IMAGES MP & WWW */
.btnLMBER {
position:absolute; z-index:3; margin-left:160px;
width:65px; height:75px; padding-top:30px;
background:rgba(0,0,0,0.3); /* MODIFIABLE */
opacity:0; transition:opacity 0.45s linear; -webkit-transition:opacity 0.45s linear;
}
.btnLMBER:hover {
opacity:1;
}
.btnLMBER img{
max-width:55px; filter:grayscale(1); -webkit-filter:grayscale(1);
}
.btnLMBER a {
display:block; margin-bottom:5px;
}
/* TRIANGLE PSEUDONYME */
.triLMBER {
position:absolute; margin-left:10px;
width:0; height:0; border-style:solid; border-width:0 7.5px 13.0px 7.5px; border-color:transparent;
border-bottom-color:black; /* MODIFIABLE - COULEUR PAR DEFAUT */
}
/* BLOC PSEUDONYME */
.nameLMBER{
margin-top:10px; width:235px; padding:5px 0 5px 10px;
text-align:left; text-transform:uppercase; font-family:Arial; font-size:12px;
background:black; /* MODIFIABLE - COULEUR PAR DEFAUT */
}
/* PSEUDONYME */
.nameLMBER span strong{
color:white; /* MODIFIABLE */
} Largeur minimale du forum : 765pxCE CODE S'ADAPTE A LA COULEUR DU GROUPE DU MEMBRE |
| | | | |
Vous ne pouvez pas répondre aux sujets dans ce forum
|
|
| |
|
![[10] Liste des membres LMBER1](https://www.aht.li/3110680/LMBER1.png)
![[10] Liste des membres FTOOD](https://2img.net/h/www.aht.li/3055901/FTOOD.png)
![[10] Liste des membres LMBER2](https://www.aht.li/3112182/LMBER2.gif)
![[10] Liste des membres LMBER3](https://www.aht.li/3206654/LMBER3.gif)
![[10] Liste des membres LMBER4](https://www.aht.li/3202884/LMBER4.gif)
![[10] Liste des membres LMBER5](https://2img.net/h/www.aht.li/3079002/LMBER5.png)
![[10] Liste des membres LMBER6](https://2img.net/h/www.aht.li/3043588/LMBER6.png)
![[10] Liste des membres LMBER7](https://2img.net/h/www.aht.li/3050202/LMBER7.png)
![[10] Liste des membres LMBER8](https://2img.net/h/www.aht.li/3055903/LMBER8.png)
![[10] Liste des membres LMBER9](https://2img.net/h/www.aht.li/3062478/LMBER9.png)
![[10] Liste des membres LMBER10](https://2img.net/h/www.aht.li/3086454/LMBER10.png)