Code By - Thành Kent
Demo :
Dán code sau vào Memberlist_body .
Sau đó dán vào css
Demo :
Dán code sau vào Memberlist_body .
- Code:
<!-- BEGIN switch_user_logged_in -->
<div id="pun-visit" class="clearfix">
<ul>
<li><a href="{U_SEARCH_NEW}">{L_SEARCH_NEW}</a></li>
<li><a href="{U_SEARCH_SELF}">{L_SEARCH_SELF}</a></li>
</ul>
<p>{LOGGED_AS}. {LAST_VISIT_DATE}</p>
</div>
<!-- END switch_user_logged_in -->
<!-- BEGIN switch_user_logged_out -->
<div id="pun-visit">
<p>{L_NOT_CONNECTED} {L_LOGIN_REGISTER}</p>
</div>
<!-- END switch_user_logged_out -->
<div class="pun-crumbs" itemscope itemtype="http://data-vocabulary.org/Breadcrumb">
<p class="crumbs">
<a href="{U_INDEX}" itemprop="url"><span itemprop="title">{L_INDEX}</span></a>{NAV_CAT_DESC} » <strong>{PAGE_TITLE}</strong>
</p>
</div>
<div class="main frm">
<!-- BEGIN switch_pagination -->
<div class="paged-head clearfix">
<p class="paging">{PAGINATION}</p>
</div>
<!-- END switch_pagination -->
<div class="main-head">
<h1 class="page-title">{L_ORDER_OR_SELECT}</h1>
</div>
<div class="main-content">
<form action="{S_MODE_ACTION}" method="get" class="form-frm">
<fieldset class="frm-set multi">
<dl>
<dt>{L_USER_SELECT}</dt>
<dd><input type="text" class="inputbox" name="username" maxlength="25" size="20" value="{L_USER_SELECT_VALUE}" /></dd>
</dl>
<dl>
<dt>{L_SELECT_SORT_METHOD}</dt>
<dd>{S_MODE_SELECT}</dd>
</dl>
<dl>
<dt>{L_ORDER}</dt>
<dd>{S_ORDER_SELECT}</dd>
</dl>
<div class="frm-buttons">
{S_HIDDEN_SID}
<input type="submit" name="submit" value="{L_SUBMIT}" />
</div>
</fieldset>
</form>
<!-- BEGIN memberrow -->
<div class="memberlistlfc">
<div style="padding:10px;border-bottom: 1px solid #dddddd;">
<span class="avamem"><a class="gen" href="{memberrow.U_VIEWPROFILE}">{memberrow.AVATAR_IMG}
</a>
</span>
<div class="linkmem">
<a class="gen" href="{memberrow.U_VIEWPROFILE}">
{memberrow.USERNAME}
</a>
</div>
</div>
<div style="padding:10px;">
Status : {memberrow.INTERESTS}
</br>
Số Bài : {memberrow.POSTS} </br>
Facebook : {memberrow.WWW_IMG} </br>
</div>
</div>
<!-- END memberrow -->
<!-- BEGIN switch_no_user -->
<tr>
<td colspan="{switch_no_user.COLSPAN_NUMBER}" class="tcr">{switch_no_user.L_NO_USER}</td>
</tr>
<!-- END switch_no_user -->
</div>
<div class="main-foot" >
</div>
<!-- BEGIN switch_pagination -->
<div class="paged-foot clearfix" style="margin-top:-55px;">
<p class="paging">{PAGINATION}</p>
</div>
<!-- END switch_pagination -->
</div>
Sau đó dán vào css
- Code:
.memberlistlfc {background: #fff;border: 1px solid #ddd;width: 22%;margin: 15px;float:left;height: 130px;}
.avamem img {width: 50px;height: 50px;}
.linkmem {margin-top:-35px;margin-left:55px;}