4 Colonne layout in Memberlist body

[Galandas]

4 Colonne layout in Memberlist body

Apri: Memberlist_body.html e seleziona tutto

E 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> &bull; <!-- 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> &bull; <!-- ENDIF -->
            <strong style="font-size: 0.95em;">
            <!-- BEGIN first_char -->
               <a href="{first_char.U_SORT}">{first_char.DESC}</a>&nbsp; 
            <!-- END first_char -->
            </strong>
            </li>
            <li class="rightside pagination">
               {TOTAL_USERS} &bull; 
               <!-- IF PAGINATION --><a href="#" onclick="jumpto(); return false;" title="{L_JUMP_TO_PAGE}">{PAGE_NUMBER}</a> &bull; <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 />[&nbsp;<a href="#" onclick="insert_single('{memberrow.A_USERNAME}'); return false;">{L_SELECT}</a>&nbsp;]<!-- 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}&nbsp;</td><!-- ENDIF -->
  </tr>
  <!-- BEGINELSE -->
  <tr class="panel bg3 sgp-corners">
    <th scope="row">&nbsp;</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> &bull; <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} &bull; <!-- IF PAGINATION --><a href="#" onclick="jumpto(); return false;" title="{L_JUMP_TO_PAGE}">{PAGE_NUMBER}</a> &bull; <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 -->

creare un nuovo file css con il nome 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;
}

Apri stylesheet.css

Trova:

Codice: Seleziona tutto

@import url("colours.css");

Aggiungi dopo:

Codice: Seleziona tutto

@import url("memberlists.css");

Ecco il Risultato:

Iscritti.png