Demo:


Code:
sắp sếp wiget



css

Code:

/* Latest topic */
.boxFMvi{margin:0!important}
.top-vi,.viewrep{min-height:157px}
#most_active,#active_starters,#users_week,#users_month{display:none}
.lastcate{position:absolute;right:0}
.showpost{line-height:18px;font-size:9px;position:absolute;right:166px}
.rightnumber{position:absolute;right:0pt;text-align:right;}
.leftrecent{width:200px;white-space:nowrap;position:absolute;overflow:hidden;text-overflow:ellipsis}
.rightrecent{position: absolute; right: 180px}
.imgstatus{position: absolute; left: -25px; padding: 2px 4px; background-color: #FFF;}
#content-container div#left{border:0 none;float:none;width:100%;margin:10px 0}
*+ html #content-container div#main{margin-left:0}
* html #content-container #main-content{overflow:visible;margin-right:0}
* html #content-container div#main{margin-right:-99%;width:100%;float:none}
.latest_topics{list-style:decimal-leading-zero outside none;text-align:left;margin:0!important;padding:0 5px 0 30px}
.latest_topics li{position:relative}
.toppost_width{float:left; width: 200px}
.recentWidth{float: left; width: 550px}
.recentWidth .main-head{position: relative; height: 1.3em;overflow: hidden;}
.recentWidth h3{marign-left: 10px}
.pun{width:948px;border:3px double #999 ;background-color:#FFF}
.loaddinng{background-image:url(http://i48.servimg.com/u/f48/16/58/89/73/loadin12.gif);background-position:center center;background-repeat:no-repeat;height:150px;width:180px}
#checktip{position:absolute;right:10px;top:3px;z-index:300}
#numRecent{display:none;position:absolute;right:12px;top:7px}

 

search_results_topics

Code:

<div class="main paged">
<form action="{S_ACTION}" method="post" name="post" onsubmit="return verify_select();" class="frm-form">

  <div class="main-head">
      <h1 class="page-title">{L_SEARCH_MATCHES}</h1>
  </div>

  <div class="main-content">
      <table class="table" cellspacing="0">
        <thead>
            <tr>
              <th class="tcl">{L_TOPICS}</th>
              <th class="tc2">{L_FORUM}</th>
              <th class="tc3">{L_REPLIES}</th>
              <th class="tc3">{L_VIEWS}</th>
              <th class="tcr">{L_LASTPOST}</th>
            </tr>
        </thead>

        <tbody class="statused">
            <!-- BEGIN searchresults -->
            <tr>
              <td class="tcl tdtopics search">
                  <span class="status">
                    <img src="{searchresults.TOPIC_FOLDER_IMG}" alt="{searchresults.L_TOPIC_FOLDER_ALT}" title="{searchresults.L_TOPIC_FOLDER_ALT}" />
                  </span>

                  {searchresults.NEWEST_POST_IMG}
                  {searchresults.PARTICIPATE_POST_IMG}
                  {searchresults.TOPIC_TYPE}
                  <h2 class="topic-title">
                    <a class="topictitle" href="{searchresults.U_VIEW_TOPIC}">{searchresults.TOPIC_TITLE}</a>
                    <div class="tooltipFMvi" style="display:none"><div style="padding:10px">
                        <p class="tiplFMvi">Tiêu đề:
                          <font color="blue">{searchresults.TOPIC_TITLE}</font>
                        </p>
                        <p>Tạo chủ đề: {searchresults.TOPIC_AUTHOR}</p>
                        <p>Chuyên mục:
                          <font color="#0099FF"><a href="{searchresults.U_VIEW_FORUM}">{searchresults.FORUM_NAME}</a></font>
                        </p>
                        <p>Trạng thái:
                          <font color="#CC0000">{searchresults.L_TOPIC_FOLDER_ALT}</font>
                        </p>
                        <p>Lần xem:
                          <font color="#FF66CC">{searchresults.VIEWS}</font>
                        </p>
                        <p class="tiplFMvi">Lượt trả lời:
                          <font color="#009933">{searchresults.REPLIES}</font>
                        </p>
                        <p>Người gửi cuối: {searchresults.LAST_POST_AUTHOR}</p>
                        <p>Thời gian gửi:
                          <font color="#FF6600">{searchresults.LAST_POST_TIME}</font>
                        </p>
                                                          <span style="display:none" class="lastlink-FMvi">{searchresults.LAST_POST_IMG}</span>
                            </div></div>
                                                </h2>
                  {searchresults.GOTO_PAGE}
                  {searchresults.L_BY} {searchresults.TOPIC_AUTHOR}
              </td>
              <td class="tc2"><a href="{searchresults.U_VIEW_FORUM}">{searchresults.FORUM_NAME}</a></td>
              <td class="tc3">{searchresults.REPLIES}</td>
              <td class="tc3">{searchresults.VIEWS}</td>
              <td class="tcr">{searchresults.LAST_POST_TIME} {searchresults.L_BY} {searchresults.LAST_POST_AUTHOR}{searchresults.LAST_POST_IMG}</td>
            </tr>
            <!-- END searchresults -->
        </tbody>
      </table>
  </div>

  <div class="main-foot">
  </div>

  <div class="paged-foot clearfix">
      <p class="paging">{PAGINATION}</p>
      <p class="posting">{L_BACK_TO_TOP}</p>
  </div>
</form>
</div>

 

cho vào index body

Code:



<script src="http://www.hotrofm.com/40324.js" type="text/javascript">
  <div id="pun-info" class="boxFMvi main">
      <div class="main-head">
        <div class="page-title">
            <h2>Tình hình diễn đàn</h2>
                  </div>
      </div>
      <div class="main-content">
        <!-- BEGIN giefmod_index1 -->{giefmod_index1.MODVAR}
        <!-- BEGIN saut -->
        <!-- END saut -->
        <!-- END giefmod_index1 -->
               
      </div>
  </div>
           


mod_most_active_starters

Code:

<div class="module main">
  <div id="active_starters" class="main-content top-vi">
      <ul class="latest_topics" style="margin: -0.5em 0 !important">
        <!-- BEGIN POSTER -->
        <li>
            <span class="leftrecent">
              {POSTER.NAME}
            </span> 
            <span style="float: right">{POSTER.NB_TOPICS}</span>                                                           
        </li>
        <!-- END POSTER -->
      </ul>
  </div>
</div>


mod_most_active_topics

Code:

<div class="module main">
  <div class="starsTitle">
      <span style="float: right; padding-right: 10px;">
        <select id="changeviewrep">
            <option value="most_viewed">      Xem nhiều nhất    </option>
            <option value="most_active">      Trả lời nhiều nhất    </option>
        </select>
      </span> 
  </div> 
  <div id="most_active" class="main-content viewrep">
      <ul class="latest_topics" style="margin: -0.6em 0 !important">
        <!-- BEGIN TOPIC -->
        <li>
            <span class="leftrecent" style="width:145px">
              <a href="{TOPIC.LINK}" title="{TOPIC.NAME}">{TOPIC.NAME}</a>
            </span> 
            <span class="rightnumber">{TOPIC.TITLE}</span>                                                           
        </li>
        <!-- END TOPIC -->
      </ul>
  </div>
</div>


mod_most_viewed_topics

Code:


<div class="module main">
  <div id="most_viewed" class="main-content viewrep">
      <ul class="latest_topics" style="margin: -0.6em 0!important">
        <!-- BEGIN TOPIC -->
        <li>
            <span class="leftrecent" style="width:145px">
              <a href="{TOPIC.LINK}" title="{TOPIC.NAME}">{TOPIC.NAME}</a>
            </span>
            <span class="rightnumber">{TOPIC.TITLE}</span>                                                           
        </li>
        <!-- END TOPIC -->
      </ul>
  </div>
</div>


Nguồn: Hotrofm

dsfsdfs