Welcome

Halloween Liste des membres

Noir & Blanc

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

Invision

Optimisé Une page d'accueil, des catégories, un qui est en ligne, une liste des sujets et des fiches de présentation & d'administration sont disponibles

Retour

Codage liste des membres Noir & Blanc Halloween Forumactif

CSS

/********************* LISTE MEMBRES *********************/
/* RECHERCHE */
.membres_liste_tri {
        background: #f0f0f0;
        width: 100%;
        padding: 2%;
        box-sizing: border-box;
}

.lm_bloc_recherche {
    	float: left;
}

.lm_tri {
        background: none;
        border: 0 !important;
        color: #000;
}

.lm_tri .button {
        background: url(https://img11.hostingpics.net/pics/168287texture.jpg);
        color: #fff!important;
        display: inline-block;
        padding: 5% 0;
        text-align: center;
        transition: all .5s;
        width: 100px;
        margin-top: -5%;
  	border: 0;
    	text-transform: uppercase;
}

.lm_tri .button:hover {
        background: url(https://i.imgur.com/LEcGgfb.jpg);
        transition: all .5s;
}

/* LISTE MEMBRE */
.member-list {
        background: url(https://img11.hostingpics.net/pics/168287texture.jpg);
        border: 0 !important;
}

.member {
        background: url(https://i.imgur.com/NzPUNkq.png) no-repeat bottom #fff;
        border: 0;
        box-sizing: border-box;
        float: none;
        margin: auto;
        padding: 2%;
        width: 90%;
}

/* AVATAR */
.lm_avatar img {
        float: left;
        width: 100px;
        height: 100px;
        object-fit: cover;
        border-radius: 100px;
        margin: 0 2% 0 0;
}

/* BLOC INFORMATIONS */
.lm_informations {
        float: left;
        width: 57%;
}

a.lm_pseudo {
        font-family: times new roman;
        text-transform: lowercase;
        font-size: 24px;
        font-style: italic;
        letter-spacing: -2px;
        margin: 0 0 2% 0;
        display: block;
}

.lm_boutons img {
   	display: none;
}

.lm_boutons a {
        background: url(https://i.imgur.com/LEcGgfb.jpg);
        color: #fff!important;
        display: inline-block;
        font-size: 10px;
        line-height: 3;
        margin: 0 2% 1% 0;
        transition: all .5s;
        width: 120px;
        text-align: center;
}

.lm_boutons a:hover {
        background: url('https://img11.hostingpics.net/pics/168287texture.jpg');
        transition: all .5s;
}

Memberlist_body

<div class="pagination">
	{PAGINATION}
</div>
<div class="clearfix"></div>
<br />

<div class="fond_titre">
  	<span class="symbole_titre">▷</span>
	<h2>{PAGE_TITLE}</h2>
</div>

<form action="{S_MODE_ACTION}" method="get" class="membres_liste_tri">
	<div class="memberlist">
          	<div class="lm_bloc_recherche">
		<legend>{L_USER_SELECT}</legend>
		<dl>
			<dt></dt>
			<dd><input type="text" class="inputbox" name="username" maxlength="25" size="20" value="{L_USER_SELECT_VALUE}" /></dd>
		</dl>
          	</div>
		<div class="lm_tri formbuttonrow in-padding clearfix">
			<del>
				<dl class="search-filter">
					<dt>{L_SELECT_SORT_METHOD}</dt>
					<dd>{S_MODE_SELECT}</dd>
				</dl>
				<dl class="search-filter">
					<dt>{L_ORDER}</dt>
					<dd>{S_ORDER_SELECT}</dd>
				</dl>

<dl class="search-filter">
					<dt> </dt>
					<dd>
						{S_HIDDEN_SID}
						<input type="submit" name="submit" value="{L_SUBMIT}" class="button" />
					</dd>
				</dl>
			</del>			
		</div>
	</div>
</form>
<br />

<div class="member">
                  	<div class="lm_avatar">
                          	{memberrow.AVATAR_IMG}
                  	</div>
                  
                  	<div class="lm_informations">
                          	<a class="lm_pseudo" href="{memberrow.U_VIEWPROFILE}">
                                  	{memberrow.USERNAME}
                          	</a>
                          
                          	<div class="lm_details">
                                  	<span class="label">{L_VISITED}</span>: {memberrow.LASTVISIT}
                                        <br />
                                        
                                        <span class="label">{L_GROUPS}</span>:
                                        
                                        
                                        {memberrow.GROUPS}<br />
                                        
                                        <span class="label">{L_INTERESTS}</span>: {memberrow.INTERESTS}
                                        <br />
                                        <span class="label">{L_JOINED}</span>: {memberrow.JOINED}
                                        <br />
                                        <span class="label">{L_POSTS}</span>: {memberrow.POSTS}
                                        <br />
                          	</div>
                  	</div>
                  
                  	<div class="lm_boutons">
                                {memberrow.PROFILE_IMG}
                                {memberrow.PM_IMG}
                         	
                          		<span id="site">{memberrow.WWW_IMG}</span>
                          		<script type="text/javascript">document.getElementById('site').innerHTML=document.getElementById('site').innerHTML.replace(//,"Site web");</script> 
				
				{memberrow.USER_POSTS_IMG}
                        </div>
                  
                  	<div class="clear">
                  	</div>
		</div>

{switch_no_user.L_NO_USER}

</div>
</div>

<div class="pagination">
	{PAGINATION}
</div>
<br />

<br />

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

#listemembre #noirblanc #forumactif #codage #libreservice

Halloween