Welcome

Halloween Liste des membres

Morsmordre

Halloween, LS codage Forumactif Templates & Eléments Liste des membres Morsmordre

PHPBB2

Optimisé Une navigation, un footer, un index complet, une liste des sujets, un profil, une fiche administrative, un listing, une fiche publicité et une fiche de présentation sont également disponibles.

Retour

Codage liste des membres Morsmordre Halloween Forumactif

Morsmordre Halloween Forumactif Codage PHPBB2

CSS

/*********************************** LISTE MEMBRES ***********************************/
/* BLOC DE RECHERCHE */
.liste_membres_entete {
        background: url(https://i.imgur.com/q46je9p.jpg);
        font-family: 'Alegreya Sans SC', sans-serif;
        font-size: 12px;
        padding: 2%;
        text-align: center;
        width: 100%;
        box-sizing: border-box;
  	color: #d9d9d9;
}

/* TITRE */
    .liste_membres_entete h2 {
        background: url(https://i.imgur.com/AsPk3nV.png) no-repeat center;
        content: "";
        display: block;
        width: 198px;
        height: 112px;
        margin: auto;
}

/* TRI */
.liste_membres_entete select {
    	color: #d9d9d9;
}

.membres_tri {
    	margin: 5% 0 2% 0;
}

.membres_recherche {
        float: left;
        width: 25%;
  	margin: 0 0 0 8%;
}

.membres_recherche input {
        background: #183d23;
        border: 0;
        margin: 0 0 0 2%;
        padding: 1%;
}

.membres_visite {
        float: left;
        width: 20%;
        margin: 0 0 0 2%;
}

.membres_ordre {
        width: 15%;
        float: left;
}

input.membres_valider {
        background: #183d23;
        border: 0;
        float: left;
        padding: .3%;
  	color: #d9d9d9;
  	margin: 0 0 0 2%;
        width: 150px;
        cursor: pointer;
}

.membres_tri select {
        margin: 0 0 0 2%;
        background: #183d23;
        border: 0;
        padding: 1%;
}

/* LISTE MEMBRES */
.liste_membres_contenu {
        background: url(https://i.imgur.com/HEdlhsJ.png) no-repeat bottom right, url(https://i.imgur.com/q46je9p.jpg);
        margin: 2% 0;
        width: 100%;
  	color: #d9d9d9;
  	text-align: center;
        font-family: 'Alegreya Sans SC', sans-serif;
}

.liste_membre_bloc {
        background: rgba(0,0,0,.2);
        box-sizing: border-box;
        padding: 2%;
        width: 45%;
  	text-align: left;
        display: inline-block;
        margin: 2%;
}

/* Avatar */
.liste_membres_avatar img {
        width: 100px;
        height: 100px;
        object-fit: cover;
        border-radius: 100px;
        float: left;
        margin: 0 5% 0 0;
}

/* Informations */
.liste_membres_profil {
        float: left;
        font-size: 12px;
        width: 70%;
}

/* Pseudo */
.liste_membres_profil h3 {
        font-family: times new roman;
        font-size: 24px;
        text-transform: lowercase;
        font-style: italic;
        letter-spacing: -2px;
        margin: 0;
}

/* Texte profil */
.liste_membres_informations span::after {
        background: url(https://i.imgur.com/JMQCncn.png);
        content: "";
        display: inline-block;
        height: 10px;
        margin: 0 .5% 0 0;
        width: 10px;
}

/* Contact */
.liste_membres_contact {
    	margin: 1% 0 0 0;
}

Memberlist_body

<div class="liste_membres_contenu">
  	
  	<div class="liste_membre_bloc">
          		<div class="liste_membres_avatar">
                  		{memberrow.AVATAR_IMG}
          		</div>
          
          		<div class="liste_membres_profil">
                  		<h3>
                          		<a href="{memberrow.U_VIEWPROFILE}">
                                          	{memberrow.USERNAME}
                                  	</a>
                  		</h3>
                          
                          	<div class="liste_membres_informations">	
                                  	<span>Inscription</span> {memberrow.JOINED} <br />
                                  	<span>Dernière visite</span> {memberrow.LASTVISIT}<br />
                                  	<span>Messages</span> {memberrow.POSTS}<br />
                          	</div>
                  
                  		<div class="liste_membres_contact">
                          		{memberrow.PM_IMG}
                                  	<a rel="nofollow" class="genmed" href="/sta/{PUSERNAME}">{L_TOPICS}</a>
                                  	{memberrow.WWW_IMG}
                  		</div>
          		</div>
          
          		<div class="clear">
          		</div>
         </div>
         
	
  	
		<div class="sans_utilisateurs">
                         {switch_no_user.L_NO_USER}
          	</div>
	
</div>

<table width="100%" border="0" cellspacing="0" cellpadding="0">
	<tr>
		<td><span class="nav">{PAGE_NUMBER}</span></td>
		<td align="right"><span class="nav">{PAGINATION}</span></td>
	</tr>
</table>
<br />

Pour ajouter la police d'écriture

Dans le template "Overall_header", copiez le code suivant avant la ligne 18 :

Dernière modification : 25 April 2020 23 : 33.

#listemembre #morsmordre #forumactif #codage #libreservice

Halloween