Trước hết là Demo:
Posting: [You must be registered and logged in to see this link.]
Topic_list_box: [You must be registered and logged in to see this link.]
Thông tin :
Tác giả: Phutu
Rip: DrDuyWin
Version: Punbb
Code có edit lại cho phù hợp
Topic_list_box:
Posting: [You must be registered and logged in to see this link.]
Topic_list_box: [You must be registered and logged in to see this link.]
Thông tin :
Tác giả: Phutu
Rip: DrDuyWin
Version: Punbb
Code có edit lại cho phù hợp
Topic_list_box:
- Code:
<style>
.pun img.ava_topic{width:100px;}
.pun a.ava_topic{display:inline-block;max-width:100px;max-height:60px;float:right;margin-right:3px;margin-top:-4px;margin-bottom:-5px}
.pun h2.topic-title{padding-right:5px}
.pun strong.pagination a {
background-color:#fff;
border:1px solid #999;
color:#333;
font-weight:400;
line-height:1.5em;
-moz-border-radius:2px;
-webkit-border-radius:2px;
-khtml-border-radius:2px;
border-radius:2px;
font-size:11px;
margin:0 1px;
padding:0 3px 0 4px;
}
.pun .page-title a {
font: bold 11px Tahoma!important;
border: 1px solid #999;
color: #333!important;
background: #FFF url(http://i38.servimg.com/u/f38/16/18/15/10/untitl27.png)repeat-x bottom left;
box-shadow: 0px 1px 0px #dedade;
padding: 3px 5px;
display: inline-block;
margin: -3px 13px -2px -6px;
text-transform: none!important;
}
.pun .main-content table.table th {
color: #1542AB;
font: bold 12px Tahoma;
}
.pun .main-content {
background-color: #fff;
border: 1px solid #ccc;
}
.pun table td.tcl {
height: auto;
min-height: 24px;
}
.pun table.table td {
background-color: #fff;
border-color: #ccc;
}
strong.pagination span a:hover {
text-decoration:none !important;
border-color:#407294;
}
strong.pagination span.page-sep {
display:none;
}
strong.pagination span {
color:#333;
font-size:11px;
padding:5px;
}
</style>
<!-- BEGIN topics_list_box -->
<!-- BEGIN row -->
<!-- BEGIN header_table -->
<!-- BEGIN multi_selection -->
<script type="text/javascript">
function check_uncheck_main_{topics_list_box.row.header_table.BOX_ID}() {
var all_checked = true;
for (i = 0; (i < document.{topics_list_box.FORMNAME}.elements.length) && all_checked; i++) {
if (document.{topics_list_box.FORMNAME}.elements[i].name == '{topics_list_box.FIELDNAME}[]{topics_list_box.row.header_table.BOX_ID}') {
all_checked = document.{topics_list_box.FORMNAME}.elements[i].checked;
}
}
document.{topics_list_box.FORMNAME}.all_mark_{topics_list_box.row.header_table.BOX_ID}.checked = all_checked;
}
function check_uncheck_all_{topics_list_box.row.header_table.BOX_ID}() {
for (i = 0; i < document.{topics_list_box.FORMNAME}.length; i++) {
if (document.{topics_list_box.FORMNAME}.elements[i].name == '{topics_list_box.FIELDNAME}[]{topics_list_box.row.header_table.BOX_ID}') {
document.{topics_list_box.FORMNAME}.elements[i].checked = document.{topics_list_box.FORMNAME}.all_mark_{topics_list_box.row.header_table.BOX_ID}.checked;
}
}
}
</script>
<!-- END multi_selection -->
<div class="main-head">
<!-- BEGIN multi_selection -->
<input onclick="check_uncheck_all_{topics_list_box.row.header_table.BOX_ID}();" type="checkbox" name="all_mark_{topics_list_box.row.header_table.BOX_ID}" value="0" />
<!-- END multi_selection -->
<h1 class="page-title"><a rel="nofollow" href="/search?search_id=newposts&search_where=f{FORUM_ID}">Bài mới từ truy cập trước</a><a rel="nofollow" href="/search?search_id=egosearch&search_where=f{FORUM_ID}">Xem bài của bạn</a><a rel="nofollow" href="/search?search_id=watchsearch&search_where=f{FORUM_ID}">Bài đang theo dõi</a></h1>
<form method="get" action="/search?search_where=11" id="search" style="float:right;margin-top:-19px;margin-right:-10px">
<input name="search_keywords" id="keywords1" type="text" maxlength="150"
onblur="if (this.value == '') this.value = 'Tìm bài trong chuyên mục này';" onfocus="if (this.value == 'Tìm bài trong chuyên mục này') this.value = '';"
value="Tìm bài trong chuyên mục này" style="background-image: url(http://i72.servimg.com/u/f72/18/42/35/47/17510.png);
background-color: rgb(255, 255, 255);
border: 1px solid rgb(141, 154, 199);
padding: 4px;
font-family: Tahoma;
width: 250px;
background-repeat: no-repeat no-repeat;
background-position: 100% 0%;">
<input value="f{FORUM_ID}" name="search_where" type="hidden">
</form>
</div>
<div class="main-content">
<table cellspacing="0" class="table">
<thead>
<tr>
<th class="tcl">Thông báo và chú ý [{topics_list_box.row.COUNT_TOTAL_TOPICS}]</th>
<th class="tc2">{topics_list_box.row.L_REPLIES}</th>
<th class="tc3">{topics_list_box.row.L_VIEWS}</th>
<th class="tcr" style="width:20%">{topics_list_box.row.L_LASTPOST}</th>
</tr>
</thead>
<tbody class="statused">
<!-- END header_table -->
<!-- BEGIN header_row -->
<strong>{topics_list_box.row.L_TITLE}</strong>
<!-- END header_row -->
<!-- BEGIN topic -->
<!-- BEGIN table_sticky -->
</tbody>
</table>
</div>
<div class="main-head">
<!-- BEGIN multi_selection -->
<input onclick="check_uncheck_all_{topics_list_box.row.header_table.BOX_ID}();" type="checkbox" name="all_mark_{topics_list_box.row.header_table.BOX_ID}" value="0" / >
<!-- END multi_selection -->
<h2>{topics_list_box.row.topic.table_sticky.L_TITLE} [{topics_list_box.row.topic.table_sticky.COUNT_TOTAL_TOPICS}]</h2>
</div>
<div class="main-content">
<table cellspacing="0" class="table">
<thead>
<tr>
<th class="tcl">{L_TOPICS}</th>
<th class="tc2">{topics_list_box.row.topic.table_sticky.L_REPLIES}</th>
<th class="tc3">{topics_list_box.row.topic.table_sticky.L_VIEWS}</th>
<th class="tcr">{topics_list_box.row.topic.table_sticky.L_LASTPOST}</th>
</tr>
</thead>
<tbody class="statused">
<!-- END table_sticky -->
<tr>
<td class="tcl tdtopics <!-- BEGIN line_sticky --> sticky-separator <!-- END line_sticky -->" style="padding-top: 5px;padding-bottom: 5px;">
<span class="status">
<img title="{topics_list_box.row.L_TOPIC_FOLDER_ALT}" src="{topics_list_box.row.TOPIC_FOLDER_IMG}" alt="{topics_list_box.row.L_TOPIC_FOLDER_ALT}" />
</span>
<!-- BEGIN single_selection -->
<input type="radio" name="{topics_list_box.FIELDNAME}" value="{topics_list_box.row.FID}" {topics_list_box.row.L_SELECT} />
<!-- END single_selection --><span id="blog_tintuc">
<!-- BEGIN switch_description -->
<a href="{topics_list_box.row.U_VIEW_TOPIC}" class="ava_topic"><img src="{topics_list_box.row.topic.switch_description.TOPIC_DESCRIPTION}" class="ava_topic"></a>
<!-- END switch_description -->
{topics_list_box.row.ICON}
{topics_list_box.row.NEWEST_POST_IMG}
<span style="margin: 10px 10px 10px 10px;float:right">{topics_list_box.row.PARTICIPATE_POST_IMG} </span>
<strong style="background-image: url(http://i.imgur.com/EHGpChd.png);background-color: rgb(123, 166, 13);display: inline-block;height: 16px;line-height: 16px;padding: 0 5px;font-size: 9px;font-weight: bold;text-transform: uppercase;text-shadow: rgba(0,0,0,0.2) 0px -1px 0px;-moz-border-radius: 3px;-webkit-border-radius: 3px;border-radius: 3px;background-repeat: repeat-x;background-position: 0 -1px;color: rgb(255, 255, 255);">{topics_list_box.row.TOPIC_TYPE}</strong>
<h2 class="topic-title"><a class="topictitle" href="{topics_list_box.row.U_VIEW_TOPIC}">{topics_list_box.row.TOPIC_TITLE}</a></h2></span><br>
{topics_list_box.row.L_BY} {topics_list_box.row.TOPIC_AUTHOR}
{topics_list_box.row.GOTO_PAGE_NEW}
</td>
<td class="tc2 <!-- BEGIN line_sticky --> sticky-separator <!-- END line_sticky -->">{topics_list_box.row.REPLIES}</td>
<td class="tc3 <!-- BEGIN line_sticky --> sticky-separator <!-- END line_sticky -->">{topics_list_box.row.VIEWS}</td>
<td class="tcr <!-- BEGIN line_sticky --> sticky-separator <!-- END line_sticky -->" style="color:#545454;font-size:12px">{topics_list_box.row.LAST_POST_TIME} <br>{topics_list_box.row.L_BY} {topics_list_box.row.LAST_POST_AUTHOR} {topics_list_box.row.LAST_POST_IMG}</td>
<!-- BEGIN multi_selection -->
<td><input onclick="javascript:check_uncheck_main_{topics_list_box.row.BOX_ID}();" type="checkbox" name="{topics_list_box.FIELDNAME}[]{topics_list_box.row.BOX_ID}" value="{topics_list_box.row.FID}" {topics_list_box.row.L_SELECT} /></td>
<!-- END multi_selection -->
</tr>
<!-- END topic -->
<!-- BEGIN no_topics -->
<tr>
<td class="tcl" colspan="4"><strong>{topics_list_box.row.L_NO_TOPICS}</strong></td>
</tr>
<!-- END no_topics -->
<!-- BEGIN bottom -->
</tbody>
</table>
</div>
<div class="main-foot clearfix">
<!-- BEGIN multi_selection -->
<input onclick="check_uncheck_all_{topics_list_box.row.header_table.BOX_ID}();" type="checkbox" name="all_mark_{topics_list_box.row.header_table.BOX_ID}" value="0" />
<!-- END multi_selection -->
<p class="h2">{L_TOPICS} [{topics_list_box.row.bottom.COUNT_TOTAL_TOPICS}]</p>
<p class="options">
<a href="{U_MARK_READ}">{L_MARK_TOPICS_READ}</a> {S_WATCH_FORUM} <a href="#top">{L_BACK_TO_TOP}</a>
</p>
</div>
<!-- END bottom -->
<!-- BEGIN spacer --><br /><!-- END spacer -->
<!-- END row -->
<!-- END topics_list_box -->