4 Colonne layout in Memberlist body
Apri: Memberlist_body.html e seleziona tuttoE sostituirlo con questo
Codice: Seleziona tutto
<!-- IF S_IN_SEARCH_POPUP -->
<!-- INCLUDE simple_header.html -->
<!-- INCLUDE memberlist_search.html -->
<form method="post" id="results" action="{S_MODE_ACTION}" onsubmit="insert_marked(this.user); return false">
<!-- ELSEIF S_SEARCH_USER -->
<!-- INCLUDE overall_header.html -->
<!-- INCLUDE memberlist_search.html -->
<form method="post" action="{S_MODE_ACTION}">
<!-- ELSE -->
<!-- INCLUDE overall_header.html -->
<form method="post" action="{S_MODE_ACTION}">
<!-- ENDIF -->
<!-- IF S_SHOW_GROUP -->
<h2<!-- IF GROUP_COLOR --> style="color:#{GROUP_COLOR};"<!-- ENDIF -->>{GROUP_NAME}</h2>
<p>{GROUP_DESC} {GROUP_TYPE}</p>
<p>
<!-- IF AVATAR_IMG -->{AVATAR_IMG}<!-- ENDIF -->
<!-- IF RANK_IMG -->{RANK_IMG}<!-- ENDIF -->
<!-- IF GROUP_RANK -->{GROUP_RANK}<!-- ENDIF -->
</p>
<!-- ELSE -->
<h2 class="solo">{PAGE_TITLE}<!-- IF SEARCH_WORDS -->: <a href="{U_SEARCH_WORDS}">{SEARCH_WORDS}</a><!-- ENDIF --></h2>
<div class="panel">
<div class="inner"><span class="corners-top"><span></span></span>
<ul class="linklist">
<li>
<!-- IF U_FIND_MEMBER and not S_SEARCH_USER --><a href="{U_FIND_MEMBER}">{L_FIND_USERNAME}</a> • <!-- ELSEIF S_SEARCH_USER and U_HIDE_FIND_MEMBER and not S_IN_SEARCH_POPUP --><a href="{U_HIDE_FIND_MEMBER}">{L_HIDE_MEMBER_SEARCH}</a> • <!-- ENDIF -->
<strong style="font-size: 0.95em;">
<!-- BEGIN first_char -->
<a href="{first_char.U_SORT}">{first_char.DESC}</a>
<!-- END first_char -->
</strong>
</li>
<li class="rightside pagination">
{TOTAL_USERS} •
<!-- IF PAGINATION --><a href="#" onclick="jumpto(); return false;" title="{L_JUMP_TO_PAGE}">{PAGE_NUMBER}</a> • <span>{PAGINATION}</span><!-- ELSE -->{PAGE_NUMBER}<!-- ENDIF -->
</li>
</ul>
<span class="corners-bottom"><span></span></span></div>
</div>
<!-- ENDIF -->
<!-- IF S_LEADERS_SET or not S_SHOW_GROUP or not .memberrow -->
<!-- ENDIF -->
<!-- BEGIN memberrow -->
<!-- IF S_SHOW_GROUP -->
<!-- IF not memberrow.S_GROUP_LEADER and not $S_MEMBER_HEADER -->
<!-- IF S_LEADERS_SET and memberrow.S_FIRST_ROW -->
<!-- ENDIF -->
<!-- IF S_LEADERS_SET -->
<!-- ENDIF -->
<!-- DEFINE $S_MEMBER_HEADER = 1 -->
<!-- ENDIF -->
<!-- ENDIF -->
<table class="profile" width="100">
<tr class="panel bg3 sgp-corners">
<th scope="row"><a href="{U_SORT_RANK}"><font color="#000000">{L_RANK}</font></a></span></th>
<td><!-- IF memberrow.RANK_IMG --><span class="rank-img">{memberrow.RANK_IMG}</span><!-- ELSE --><span class="rank-img">{memberrow.RANK_TITLE}</span><!-- ENDIF --></td>
</tr>
<tr class="panel bg3 sgp-corners">
<th scope="row"><a href="{U_SORT_USERNAME}"><!-- IF S_SHOW_GROUP --><font color="#000000">{L_GROUP_MEMBERS}</font><!-- ELSE --><font color="#000000">{L_USERNAME}</font><!-- ENDIF --></a></th>
<td><!-- IF S_IN_SEARCH_POPUP and not S_SELECT_SINGLE --><input type="checkbox" name="user" value="{memberrow.USERNAME}" /> <!-- ENDIF -->{memberrow.USERNAME_FULL}<!-- IF S_SELECT_SINGLE --><br />[ <a href="#" onclick="insert_single('{memberrow.A_USERNAME}'); return false;">{L_SELECT}</a> ]<!-- ENDIF --></td>
</tr>
<tr class="panel bg3 sgp-corners">
<th scope="row"><a href="{U_SORT_POSTS}#memberlist"><font color="#000000">{L_POSTS}</font></a></th>
<td><!-- IF memberrow.POSTS and S_DISPLAY_SEARCH --><a href="{memberrow.U_SEARCH_USER}" title="{L_SEARCH_USER_POSTS}">{memberrow.POSTS}</a><!-- ELSE -->{memberrow.POSTS}<!-- ENDIF --></td>
</tr>
<tr class="panel bg3 sgp-corners">
<th scope="row"><a href="{U_SORT_LOCATION}"><font color="#000000">{L_LOCATION}</font></a></th>
<td><!-- IF memberrow.LOCATION --><div>{memberrow.LOCATION}</div><!-- ENDIF --></td>
</tr>
<tr class="panel bg3 sgp-corners">
<th scope="row"><a href="{U_SORT_JOINED}#memberlist"><font color="#000000">{L_JOINED}</font></a></th>
<td>{memberrow.JOINED}</td>
</tr>
<tr class="panel bg3 sgp-corners">
<!-- IF U_SORT_ACTIVE --><th scope="row"><a href="{U_SORT_ACTIVE}#memberlist"><font color="#000000">{L_LAST_ACTIVE}</font></a></th><!-- ENDIF -->
<!-- IF S_VIEWONLINE --><td>{memberrow.VISITED} </td><!-- ENDIF -->
</tr>
<!-- BEGINELSE -->
<tr class="panel bg3 sgp-corners">
<th scope="row"> </th>
<td><!-- IF S_VIEWONLINE -->6<!-- ELSE -->5<!-- ENDIF -->">{L_NO_MEMBERS}</td>
</tr><!-- END memberrow -->
</table>
<!-- IF S_IN_SEARCH_POPUP and not S_SELECT_SINGLE -->
<fieldset class="display-actions">
<input type="submit" name="submit" value="{L_SELECT_MARKED}" class="button2" />
<div><a href="#" onclick="marklist('results', 'user', true); return false;">{L_MARK_ALL}</a> • <a href="#" onclick="marklist('results', 'user', false); return false;">{L_UNMARK_ALL}</a></div>
</fieldset>
<!-- ENDIF -->
<!-- IF S_IN_SEARCH_POPUP -->
</form>
<form method="post" id="sort-results" action="{S_MODE_ACTION}">
<!-- ENDIF -->
<!-- IF S_IN_SEARCH_POPUP and not S_SEARCH_USER -->
<fieldset class="display-options">
<!-- IF PREVIOUS_PAGE --><a href="{PREVIOUS_PAGE}" class="left-box {S_CONTENT_FLOW_BEGIN}">{L_PREVIOUS}</a><!-- ENDIF -->
<!-- IF NEXT_PAGE --><a href="{NEXT_PAGE}" class="right-box {S_CONTENT_FLOW_END}">{L_NEXT}</a><!-- ENDIF -->
<label for="sk">{L_SELECT_SORT_METHOD}: <select name="sk" id="sk">{S_MODE_SELECT}</select></label>
<label for="sd">{L_ORDER} <select name="sd" id="sd">{S_ORDER_SELECT}</select> <input type="submit" name="sort" value="{L_SUBMIT}" class="button2" /></label>
</fieldset>
<!-- ENDIF -->
</form>
<hr />
<ul class="linklist">
<li class="rightside pagination">{TOTAL_USERS} • <!-- IF PAGINATION --><a href="#" onclick="jumpto(); return false;" title="{L_JUMP_TO_PAGE}">{PAGE_NUMBER}</a> • <span>{PAGINATION}</span><!-- ELSE -->{PAGE_NUMBER}<!-- ENDIF --></li>
</ul>
<!-- IF S_IN_SEARCH_POPUP -->
<!-- INCLUDE simple_footer.html -->
<!-- ELSE -->
<!-- INCLUDE jumpbox.html -->
<!-- INCLUDE overall_footer.html -->
<!-- ENDIF -->
memberlists.css
E aggiungere questo nel css
Codice: Seleziona tutto
/* Poster profile block
----------------------------------------*/
.profile {
/* Also see tweaks.css */
margin:0 30px 15px 0;
min-height: 80px;
background-color: #D3E1EB;
border-radius: 7px;
padding:7px;
border: solid 1px #84AAC8;
height: 325px;
width: 20%;
float: left;
display: block;
position: relative;
}
.sgp-corners {
border-radius: 7px;
}
.bg1a {
background-color: #D3E1EB;
padding:5px;
border: solid 1px #84AAC8;
}
Trova:
Codice: Seleziona tutto
@import url("colours.css");
Codice: Seleziona tutto
@import url("memberlists.css");