Demo:
Code:
sắp sếp wiget
css
search_results_topics
cho vào index body
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>
- 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>
- 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>
- 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 |