[10] Liste des membres

 :: Libre service :: Codage :: Templates Voir le sujet précédent Voir le sujet suivant Aller en bas
Message[10] Liste des membres Mer 3 Juin - 3:34
avatar
Nombre de messages : 891
Date d'inscription : 04/07/2007
Logiciels : Photoshop CS6 - Flash CS6 - Notepad

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%">{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="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 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 */
/* ENTÊTE - RECHERCHER UN UTILISATEUR OU MODIFIER ORDRE AFFICHAGE */
.tleLMBER {
margin:0 auto 5px; width:800px; padding:5px 0 7px;
background:rgba(255,255,255,0.5); /* MODIFIABLE */
}
/* TITRE ENTÊTE */
.tleLMBER th {
text-transform:uppercase; font-family:Arial; font-size:16px; color:black; /* MODIFIABLE */
}
/* 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 */
.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(250,250,250,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 / HUMEUR / 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:575px; 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;
}
/* HUMEUR */
.moodLMBER {
margin-left:10px; width:580px; 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:10px;
width:590px; height:15px;  
}

Partie CSS pour avatars 200*400 :
Code:
/* AFFICHAGE LISTE DES MEMBRES */
/* ENTÊTE - RECHERCHER UN UTILISATEUR OU MODIFIER ORDRE AFFICHAGE */
.tleLMBER {
margin:0 auto 5px; width:800px; padding:5px 0 7px;
background:rgba(255,255,255,0.5); /* MODIFIABLE */
}
/* TITRE ENTÊTE */
.tleLMBER th {
text-transform:uppercase; font-family:Arial; font-size:16px; color:black; /* MODIFIABLE */
}
/* 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:-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(250,250,250,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 / HUMEUR / 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:525px; 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;
}
/* HUMEUR */
.moodLMBER {
margin-left:10px; width:530px; 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:10px;
width:540px; height:15px;  
}

Partie CSS pour avatars 250*350 :
Code:
/* AFFICHAGE LISTE DES MEMBRES */
/* ENTÊTE - RECHERCHER UN UTILISATEUR OU MODIFIER ORDRE AFFICHAGE */
.tleLMBER {
margin:0 auto 5px; width:800px; padding:5px 0 7px;
background:rgba(255,255,255,0.5); /* MODIFIABLE */
}
/* TITRE ENTÊTE */
.tleLMBER th {
text-transform:uppercase; font-family:Arial; font-size:16px; color:black; /* MODIFIABLE */
}
/* 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:-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(250,250,250,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 / HUMEUR / 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:600px; 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;
}
/* HUMEUR */
.moodLMBER {
margin-left:10px; width:605px; 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:10px;
width:615px; height:15px;  
}

Largeur minimale du forum : 800px

CE CODE S'ADAPTE A LA COULEUR DU GROUPE DU MEMBRE
Revenir en haut Aller en bas
MessageRe: [10] Liste des membres Sam 6 Juin - 4:24
avatar
Nombre de messages : 891
Date d'inscription : 04/07/2007
Logiciels : Photoshop CS6 - Flash CS6 - Notepad

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>
    <td>
    <table cellspacing="0" 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="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/><span class="gen">{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:640px;" 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 */
/* ENTÊTE - RECHERCHER UN UTILISATEUR OU MODIFIER ORDRE AFFICHAGE */
.tleLMBER {
margin:0 auto 5px; width:650px; padding:5px 0;
background:none; /* MODIFIABLE */
}
/* BLOC LISTE DES MEMBRES */
#LMBER {
margin:auto; width:660px;
}
 /* BLOC MEMBRE */
#MBER {
float:left; margin:5px 10px; width:200px; height:360px;
font-family:Arial;
}
/* 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 / HUMEUR */
.imgLMBER div div{
width:180px; height:300px; padding:10px; overflow:auto;
background:rgba(255,255,255,0.6); 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;
}
.imgLMBER:hover div div{
transform:translateY(320px); -webkit-transform:translateY(320px);
}
/* IMAGES MP * WWW */
.btnLMBER {
position:relative; z-index:3; margin:-10px auto 0;
}

Partie CSS pour avatars 200*400 :
Code:
/* AFFICHAGE LISTE DES MEMBRES */
/* ENTÊTE - RECHERCHER UN UTILISATEUR OU MODIFIER ORDRE AFFICHAGE */
.tleLMBER {
margin:0 auto 5px; width:650px; padding:5px 0;
background:none; /* MODIFIABLE */
}
/* BLOC LISTE DES MEMBRES */
#LMBER {
margin:auto; width:660px;
}
 /* BLOC MEMBRE */
#MBER {
float:left; margin:5px 10px; width:200px; height:440px;
font-family:Arial;
}
/* 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 / HUMEUR */
.imgLMBER div div{
width:180px; height:380px; padding:10px; overflow:auto;
background:rgba(255,255,255,0.6); 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;
}
.imgLMBER:hover div div{
transform:translateY(400px); -webkit-transform:translateY(400px);
}
/* IMAGES MP * WWW */
.btnLMBER {
position:relative; z-index:3; margin:-10px auto 0;
}

Partie CSS pour avatars 250*350 :
Code:
/* AFFICHAGE LISTE DES MEMBRES */
/* ENTÊTE - RECHERCHER UN UTILISATEUR OU MODIFIER ORDRE AFFICHAGE */
.tleLMBER {
margin:0 auto 5px; width:650px; padding:5px 0;
background:none; /* MODIFIABLE */
}
/* BLOC LISTE DES MEMBRES */
#LMBER {
margin:auto; width:660px;
}
 /* BLOC MEMBRE */
#MBER {
float:left; margin:5px 10px; width:200px; height:320px;
font-family:Arial;
}
/* 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 / HUMEUR */
.imgLMBER div div{
width:180px; height:260px; padding:10px; overflow:auto;
background:rgba(255,255,255,0.6); 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;
}
.imgLMBER:hover div div{
transform:translateY(280px); -webkit-transform:translateY(280px);
}
/* IMAGES MP * WWW */
.btnLMBER {
position:relative; z-index:3; margin:-10px auto 0;
}

Largeur minimale du forum : 660px
Revenir en haut Aller en bas
MessageRe: [10] Liste des membres Sam 19 Déc - 3:56
avatar
Nombre de messages : 891
Date d'inscription : 04/07/2007
Logiciels : Photoshop CS6 - Flash CS6 - Notepad

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>
 <td>
 <table cellspacing="0" 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="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="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:640px;" 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 */
/* ENTÊTE - RECHERCHER UN UTILISATEUR OU MODIFIER ORDRE AFFICHAGE */
.tleLMBER {
margin:0 auto 5px; width:640px; padding:5px 0;
background:none; /* 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:rgba(255,255,255,0.9); /* MODIFIABLE */
}
/* IMAGES MP * WWW */
.btnLMBER {
margin-top:5px; text-align:center;
}
/* TRIANGLE BAS PSEUDONYME */
.triMBER {
width:0; height:0; border-style:solid; border-width:20px 50px 0 50px; border-color:transparent;
border-top-color:rgba(255,255,255,0.9); /* 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;
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);
}
/* FOND MESSAGES / INSCRIPTION / DERNIERE VISITE */
.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 */
}

Partie CSS pour avatars 200*400 :
Code:
/* AFFICHAGE LISTE DES MEMBRES */
/* ENTÊTE - RECHERCHER UN UTILISATEUR OU MODIFIER ORDRE AFFICHAGE */
.tleLMBER {
margin:0 auto 5px; width:640px; padding:5px 0;
background:none; /* 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:rgba(255,255,255,0.9); /* MODIFIABLE */
}
/* IMAGES MP * WWW */
.btnLMBER {
margin-top:5px; text-align:center;
}
/* TRIANGLE BAS PSEUDONYME */
.triMBER {
width:0; height:0; border-style:solid; border-width:20px 50px 0 50px; border-color:transparent;
border-top-color:rgba(255,255,255,0.9); /* 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;
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);
}
/* FOND MESSAGES / INSCRIPTION / DERNIERE VISITE */
.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 */
}

Partie CSS pour avatars 250*350 :
Code:
/* AFFICHAGE LISTE DES MEMBRES */
/* ENTÊTE - RECHERCHER UN UTILISATEUR OU MODIFIER ORDRE AFFICHAGE */
.tleLMBER {
margin:0 auto 5px; width:640px; padding:5px 0;
background:none; /* 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:rgba(255,255,255,0.9); /* MODIFIABLE */
}
/* IMAGES MP * WWW */
.btnLMBER {
margin-top:5px; text-align:center;
}
/* TRIANGLE BAS PSEUDONYME */
.triMBER {
width:0; height:0; border-style:solid; border-width:20px 50px 0 50px; border-color:transparent;
border-top-color:rgba(255,255,255,0.9); /* 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;
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);
}
/* FOND MESSAGES / INSCRIPTION / DERNIERE VISITE */
.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 */
}

Largeur minimale du forum : 660px

CE CODE S'ADAPTE A LA COULEUR DU GROUPE DU MEMBRE
Revenir en haut Aller en bas
MessageRe: [10] Liste des membres Jeu 24 Déc - 2:34
avatar
Nombre de messages : 891
Date d'inscription : 04/07/2007
Logiciels : Photoshop CS6 - Flash CS6 - Notepad

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" width="100%">
 <tr>
 <td>
 <table cellspacing="0" 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="0" cellpadding="0">
<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="stsLMBER"><div>{memberrow.POSTS} M.</div><div>{memberrow.JOINED}</div><div>{memberrow.LASTVISIT}</div><div class="btnLMBER">{memberrow.PM_IMG} {memberrow.WWW_IMG}</div></div><div id="imgLMBER"><div class="imgLMBER"><div>{memberrow.AVATAR_IMG}</div><span>{memberrow.INTERESTS}</span></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="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:680px;" 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 {
width:690px; margin:auto;
}
/* ENTÊTE - RECHERCHER UN UTILISATEUR OU MODIFIER ORDRE AFFICHAGE */
.tleLMBER {
background:none; /* MODIFIABLE */
}
/* BLOC MEMBRE */
#MBER {
float:left; margin:5px; width:220px; height:160px; font-family:Arial;
}
/* PSEUDONYME */
.nameLMBER{
margin-bottom:5px; width:210px;
text-align:left; text-transform:uppercase;
}
/* BLOC INFORMATIONS */
.stsLMBER {
display:inline-block; vertical-align:top;
width:100px; font-size:11px;
}
/* INFORMATIONS */
.stsLMBER div{
margin-bottom:5px; padding:5px;
background:white; color:black; /* MODIFIABLE */
}
/* IMAGES MP & WWW */
.btnLMBER {
background:none !important;
}
/* AVATAR */
#imgLMBER {
display:inline-block; margin-left:10px;
width:100px; height:140px; overflow:hidden;
}
.imgLMBER {
position:relative;
width:100px; height:140px; overflow:hidden;
}
.imgLMBER div img{
position:absolute; margin-left:-50px; width:100px;
transition:all 0.85s linear; -webkit-transition:all 0.85s linear;
}
#imgLMBER:hover .imgLMBER div img{
transform:translateX(100px); -webkit-transform:translateX(100px);
}
/* FT */
.imgLMBER span {
position:absolute;
width:80px; height:120px; padding:10px; overflow:auto;
text-align:justify; font-size:10px;
background:rgba(0,0,0,0.6); color:white; /* MODIFIABLE */
transform:translateX(-150px); -webkit-transform:translateX(-150px);
transition:transform 0.85s linear; -webkit-transition:transform 0.85s linear;
}
#imgLMBER:hover .imgLMBER span{
transform:translateX(-50px); -webkit-transform:translateX(-50px);
}

Notice :
Changer l'intitulé « humeur » en « ft. »


Largeur minimale du forum : 690px
Revenir en haut Aller en bas
MessageRe: [10] Liste des membres Jeu 14 Jan - 7:31
avatar
Nombre de messages : 891
Date d'inscription : 04/07/2007
Logiciels : Photoshop CS6 - Flash CS6 - Notepad

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 : 690px

CE CODE S'ADAPTE A LA COULEUR DU GROUPE DU MEMBRE
Revenir en haut Aller en bas
MessageRe: [10] Liste des membres Ven 30 Déc - 23:10
avatar
Nombre de messages : 891
Date d'inscription : 04/07/2007
Logiciels : Photoshop CS6 - Flash CS6 - Notepad

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%">{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"><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"><a href="{memberrow.U_VIEWPROFILE}">{memberrow.AVATAR_IMG}</a></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="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: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>
    <br />
    <!-- END switch_pagination -->

Partie CSS :
Code:
/* AFFICHAGE LISTE DES MEMBRES */
#LMBER {
margin:auto; width:795px;
}
/* ENTÊTE - RECHERCHER UN UTILISATEUR OU MODIFIER ORDRE AFFICHAGE */
.tleLMBER {
margin:0 0 5px 5px; width:785px; padding:5px 0 7px;
background:#CCC; /* MODIFIABLE */
}
/* TITRE ENTÊTE */
.tleLMBER th {
text-transform:uppercase; font-family:Arial; font-size:16px; color:black; /* 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;  
}
/* 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:#DBDBDB;  
}
/* 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 */
}
/* 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;
background:rgba(250,250,250,0.6); /* MODIFIABLE */
font-size:11px; text-align:center;
}

Largeur minimale du forum : 800px

CE CODE S'ADAPTE A LA COULEUR DU GROUPE DU MEMBRE
Revenir en haut Aller en bas
MessageRe: [10] Liste des membres Ven 30 Déc - 23:15
avatar
Nombre de messages : 891
Date d'inscription : 04/07/2007
Logiciels : Photoshop CS6 - Flash CS6 - Notepad

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%">{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; padding:5px 0 7px;
background:rgba(255,255,255,0.5); /* MODIFIABLE */
}
/* TITRE ENTÊTE */
.tleLMBER th {
text-transform:uppercase; font-family:Arial; font-size:16px; color:black; /* MODIFIABLE */
}
/* BLOC MEMBRE */
.MBER {
float:left; margin:5px;
width:145px; padding-top:10px; text-align:center;
}
/* 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.2); /* 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 : 775px

CE CODE S'ADAPTE A LA COULEUR DU GROUPE DU MEMBRE
Revenir en haut Aller en bas
Message[8] Liste des membres Ven 30 Déc - 23:15
avatar
Nombre de messages : 891
Date d'inscription : 04/07/2007
Logiciels : Photoshop CS6 - Flash CS6 - Notepad

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%">{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"><a href="{memberrow.U_VIEWPROFILE}">{memberrow.AVATAR_IMG}</a></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="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; padding:5px 0 7px;
background:rgba(255,255,255,0.5); /* MODIFIABLE */
}
/* TITRE ENTÊTE */
.tleLMBER th {
text-transform:uppercase; font-family:Arial; font-size:16px; color:black; /* MODIFIABLE */
}
/* BLOC MEMBRE */
.MBER {
float:left; margin:5px;
width:145px; height:185px; padding-top:10px; overflow:hidden; text-align:center;
}
/* 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;
background:rgba(0,0,0,0); /* MODIFIABLE */
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.6); /* MODIFIABLE */
}
/* DATE INSCRIPTION */
.joinLMBER{
display:inline-block; vertical-align:top; margin-left:5px;
width:70px; padding:2px 0;
background:rgba(255,255,255,0.6); /* MODIFIABLE */
font-size:10px; text-align:center;
}
/* DERNIERE VISITE */
.lstvLMBER {
margin-top:5px; padding:2px 0;
background:rgba(255,255,255,0.6); /* MODIFIABLE */
font-size:9px; text-align:center;
}
/* FT */
.ftLMBER {
margin-top:5px; max-height:45px; 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; 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 : 775px

CE CODE S'ADAPTE A LA COULEUR DU GROUPE DU MEMBRE
Revenir en haut Aller en bas
MessageRe: [10] Liste des membres Sam 31 Déc - 1:30
avatar
Nombre de messages : 891
Date d'inscription : 04/07/2007
Logiciels : Photoshop CS6 - Flash CS6 - Notepad

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 : 780px

CE CODE S'ADAPTE A LA COULEUR DU GROUPE DU MEMBRE
Revenir en haut Aller en bas
MessageRe: [10] Liste des membres Sam 31 Déc - 23:55
avatar
Nombre de messages : 891
Date d'inscription : 04/07/2007
Logiciels : Photoshop CS6 - Flash CS6 - Notepad

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 : 765px

CE CODE S'ADAPTE A LA COULEUR DU GROUPE DU MEMBRE
Revenir en haut Aller en bas
Page 1 sur 1

Permission de ce forum:Vous ne pouvez pas répondre aux sujets dans ce forum
CCCrush. :: Libre service :: Codage :: Templates-