You are not connected. Please login or register

  1. ☆SimonFounder

    avatar
    Giới tính :
    Nam
    Số bài viết :
    205
    Tham gia :
    20/01/2012
    [You must be registered and logged in to see this link.]Chức năng:
    • Giao diện gọn đẹp, tiện dụng.
    • Tìm thành viên theo ký tự đầu trong nickname.
    • 2 kiểu xem danh sách dạng thu gọn và dạng chi tiết.


    Demo: [You must be registered and logged in to see this link.]

    Hướng dẫn:
    • Bước 1: ACP - Ganeral - Messages and e-mails - Configuration - Topics - Topics Per Page : 30
    • Bước 2: ACP - Display - Pictures and Colors - Colors - CSS Stylesheet: Thêm vào CSS:
      Code:
      /* memberlist 2 in 1 - www.fmvi.org */
      .Sname a{background-color:#FFF;border:1px solid #DDD;margin:2px;padding:1px 5px}
      .Sname a:hover,.Sname a:active{background-color:#2F98D9;color:#FFF}
      .Sname{text-align:right}
      .rutgonML img{background-color:#000;border:3px double;border-radius:7px 7px 7px 7px;height:75px;width:72%;margin:10px}
      .rutgonML{float:left;width:10%}
      .rutgonML p{background-color:#C2BFBF;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;margin:0 2px;padding:2px 5px}
      .rutgonML:hover{box-shadow:0 0 10px 5px #000}
      /* Search box */
      #sapxepFMvi input[type=submit]{background-color:#0161A4!important;border-bottom:2px solid #000!important;border-radius:3px 3px 3px 3px;border-right:2px solid #000!important;border-bottom-style:solid!important;color:#FFF!important;cursor:pointer;float:right;font-family:Verdana;font-size:1.2em!important;font-weight:bolder;margin-top:-10px;text-shadow:1px 2px 1px #000;border-color:#DAD396 #896C0F #896C0F #DAD396;border-width:1px 2px 2px 1px !important;padding:5px!important}
      #sapxepFMvi span{color:#026DA6;font-family:Tahoma;font-size:1.2em;font-weight:700;padding:0 10px 0 30px}
      #sapxepFMvi .button:hover{background-color:#000!important;color:#1BD5FF!important;text-shadow:-1px 1px 5px #FFF}
      #sapxepFMvi .button:active{text-shadow: -1px -2px -1px #000;background-color:#045C06!important}
      #sapxepFMvi{background-color:#DEDEDE;margin-bottom:20px;padding:15px 20px 10px 5px}
    • Bước 3: ACP - Display - Templates - Ganeral - memberlist_body: Thay toàn bộ bằng code sau:
      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">
         <p class="crumbs">
            <a href="{U_INDEX}">{L_INDEX}</a>{NAV_CAT_DESC} » <strong>{PAGE_TITLE}</strong>
         </p>
      </div>
      <a name="fmvimem"></a>
      <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 Sname">
            <h1 style="float: left;" class="page-title">Danh sách thành viên</h1>
            <a href="?username=A">A</a>
            <a href="?username=B">B</a>
            <a href="?username=C">C</a>
            <a href="?username=D">D</a>
            <a href="?username=E">E</a>
            <a href="?username=F">F</a>
            <a href="?username=G">G</a>
            <a href="?username=H">H</a>
            <a href="?username=I">I</a>
            <a href="?username=J">J</a>
            <a href="?username=K">K</a>
            <a href="?username=L">L</a>
            <a href="?username=M">M</a>
            <a href="?username=N">N</a>
            <a href="?username=O">O</a>
            <a href="?username=P">P</a>
            <a href="?username=Q">Q</a>
            <a href="?username=R">R</a>
            <a href="?username=S">S</a>
            <a href="?username=T">T</a>
            <a href="?username=U">U</a>
            <a href="?username=V">V</a>
            <a href="?username=W">W</a>
            <a href="?username=X">X</a>
            <a href="?username=Y">Y</a>
            <a href="?username=Z">Z</a>
         </div>
         <div class="main-content">
            <fieldset id="chitietML" class="frm-set clearfix" style="margin: 0 0 -1em 0">
               <div class="frm-form" style="display: none">                         
                  <table class="table" cellspacing="0">
                     <thead>
                        <tr>
                           <th class="tcl memberlist">{L_AVATAR} - {L_USERNAME}</th>
                           <!-- BEGIN switch_th_group -->
                           <th class="tc2">{L_GROUPS}</th>
                           <!-- END switch_th_group -->
                           <th class="tc3">{L_INTERESTS}</th>
                           <th class="tc2">{L_JOINED}</th>
                           <th class="tc2">{L_VISITED}</th>
                           <th class="tc3">{L_POSTS}</th>
                           <th class="tc3">{L_PM}</th>
                           <th class="tc3">{L_WEBSITE}</th>
                        </tr>
                     </thead>

                     <tbody>
                        <!-- BEGIN memberrow -->
                        <tr>
                           <td class="tcl avatar-mini"><a class="gen" href="{memberrow.U_VIEWPROFILE}">{memberrow.AVATAR_IMG} <span>{memberrow.USERNAME}</span></a></td>
                           <!-- BEGIN switch_td_group -->
                           <td class="tc2">{memberrow.GROUPS}</td>
                           <!-- END switch_td_group -->
                           <td class="tc3">{memberrow.INTERESTS}</td>
                           <td class="tc2">{memberrow.JOINED}</td>
                           <td class="tc2">{memberrow.LASTVISIT}</td>
                           <td class="tc3">{memberrow.POSTS}</td>
                           <td class="tc3">{memberrow.PM_IMG}</td>
                           <td class="tc4">{memberrow.WWW_IMG}</td>
                        </tr>
                        <!-- 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 -->
                     </tbody>
                  </table>
               </div>
            </fieldset>
            <fieldset id="rutgonML" class="frm-set clearfix" style="margin: 0">
               <!-- BEGIN memberrow -->
               <div class="rutgonML">
                              <a onclick="$('#chitietML tbody>tr').hide();$('#chitietML tbody>tr:eq(' + $(this).attr('alt') + ')').show()" class="gen" href="#fmvimem">{memberrow.AVATAR_IMG}</a>
                              <p align="center">{memberrow.USERNAME}</p>
               </div>
               <!-- END memberrow -->
            </fieldset>
         </div>
         <div class="main-head greenBgT">
            <h1 class="page-title">Tìm kiếm thành viên
               <span style="float:right">
                  <a style="color:#FFF" href="#fmvimem" id="chimlX">Danh sách chi tiết</a>
                  <a style="display:none; color:#FFF" href="#fmvimem" id="rutmlX">Danh sách rút gọn</a>
                   <img src="http://i48.servimg.com/u/f48/16/58/89/73/stock_11.png" />
               </span>
            </h1>
         </div>
         <div class="paged-foot clearfix" id="sapxepFMvi">
            <form action="{S_MODE_ACTION}" method="get" class="form-frm">
               <span>{L_USER_SELECT}</span>
               <input type="text" class="inputbox" name="username" maxlength="25" size="20" value="{L_USER_SELECT_VALUE}" />
               <span>{L_SELECT_SORT_METHOD}</span>{S_MODE_SELECT}
               <span>{L_ORDER}</span>{S_ORDER_SELECT} {S_HIDDEN_SID}
                        <input type="submit" value="Tìm thành viên" name="submit" style="float: right ! important" />
            </form>
         </div>
      </div>

      <script type="text/javascript">
      if (my_getcookie("fmvimemlist") == "yes") {
         chitietml();
           $("#rutmlX, #chimlX").toggle()
      } else {
         rutgonml()
      }

      var rutML;
      for (rutML = 0; rutML < $('.rutgonML').length; rutML++) {
         $('.rutgonML a:eq(' + rutML + ')').attr('alt', rutML)
      }

      $("#rutmlX").chóng mặt(function () {
         my_setcookie("fmvimemlist", "no", false);
         rutgonml();
         $("#rutmlX, #chimlX").toggle()
      });
      $("#chimlX").chóng mặt(function () {
         my_setcookie("fmvimemlist", "yes", false);
         chitietml();
         $("#rutmlX, #chimlX").toggle()
      });

      function rutgonml() {
         $("#chitietML tbody>tr:not(':first')").hide();
         $("#chitietML .frm-form, #rutgonML").show();
      }

      function chitietml() {
         $("#chitietML tbody>tr, #chitietML .frm-form").show();
         $("#rutgonML").hide();
      }
      </script>


    Viết bởi baivong - [You must be registered and logged in to see this link.]

Permissions in this forum:
Bạn không có quyền trả lời bài viết

 
  • Free forum | © PunBB | Free forum support | Liên hệ | Report an abuse | Free blog
© 2012 Zone-A7
FM PunBB - Rip by Simon