ad nào giúp em làm cái last này với
#2Thu Sep 12, 2013 9:16 pm
TuanAnh
»†ổñg Quån «
Cho vào đầu index_body
mod_most_active_starters
mod_most_active_topic
- Code:
<!--BEGIN LAST-->
<table width="100%" border="0" cellpadding="0" cellspacig="0">
<tbody>
<tr>
<td width="50%" style="height:230px;/*float:right;*/border: 1px solid #ccc;background: #fff url(http://i74.servimg.com/u/f74/16/18/15/10/134.png) repeat-y left;margin-top:5px;padding:12px;" valign="top">
<div id="thai_tab">
<ul id="stabs">
<li class="active"><a href="#tab1" alt="last-mia">NEW</a>
</li>
<li><a href="#tab2" alt="mostrep">REP</a>
</li>
<li><a href="#tab3" alt="mostview">VIEW</a>
</li>
<li><a href="#tab4" alt="toppostter">TOP</a>
</li>
<li><a href="#tab5" alt="topstarter">STARTER</a>
</li>
</ul>
</div>
<div id="main-lastpost" class="mitienich">
<!-- BEGIN giefmod_index1 -->
{giefmod_index1.MODVAR}
<!-- END giefmod_index1 -->
</div>
</td>
<td width="50%" style="height:230px;border: 1px solid #ccc;background: #fff ;margin-top:5px;padding:12px;" valign="top">
<div id="thai_tab">
<ul id="stabs">
<li class="active"><a alt="last-mia">Code</a>
</li>
</ul>
</div>
<div id="main-lastpost" class="mitienich">
<div class="anthanhcuon tab_code">
<table width="100%" border="0">
<tbody>
<tr></tr>
<div id="TopicCode"></div>
</tbody>
</table>
</div>
</div>
</td>
</tr>
</tbody>
</table>
<script>
$(document).ready(function()
{$("#stabs li").click(function()
{$("#stabs li").removeClass('active');
$(this).addClass("active");
$(".tab_content").hide();
var selected_tab=$(this).find("a").attr("href");
$(selected_tab).fadeIn();return false})});
</script>
<script>
$(function () {
$.ajax({url: "/feed/?f=19",
success: function (ta) {
for(var i=2;i<12;i++)
{
$("<tr><td class='row2'><a href='"+$(ta).find('link:eq('+i+')').text()+"'><span class='lengtht'>"+$(ta).find('title:eq('+i+')').text()+"</span></a><span style='float:right;color:#32F00C;'>"+$(ta).find('creator:eq('+(i-2)+')').text()+"</span></td></tr>").appendTo("#TopicCode");
}
}})
})
</script>
<style>
#thai_tab {
border-bottom: 1px solid #dedede;
padding-bottom: 2px;
margin-top: -4px;
margin-bottom: 4px;
padding-left: 5px;
}
#stabs li {
display: inline;
list-style: block;
padding: 2px;
}
#stabs li.active a {
border: 1px solid #d4d4d4;
background: #FFF;
padding: 3px 5px 2px;
margin-bottom: -1px;
border-bottom: 1px solid #f7f2f7;
color: #ba3814;
}
#stabs li a {
font: bold 11px Arial;
color: #333;
border: 1px solid transparent;
padding: 4px 7px;
}
.hidetab
{
display:none;
}
.tab_content table tbody tr td,.tab_code td.row2
{
height: 14px;
overflow: hidden;
font: 12px Arial;
background: #fff url(http://i73.servimg.com/u/f73/17/98/19/05/page_r10.png) no-repeat left;
padding-left: 15px;
}
.tab_content .row2,.tab_code .row2
{
border: 0 none;
margin-left: 3px!important;
line-height: 18px!important;
border-bottom: 1px dashed #d4d4d4!important;
}
.tab_code .row2
{
width:420px;
}
.anthanhcuon
{
height:216px;
overflow:hidden;
}
.anthanhcuon:hover
{
height:216px;
overflow:auto;
}
a.ava_new,span.ava_new img {
width: 239px;
height: 150px;
display: inline-block;
border: 1px solid #b0b0b0;
overflow: hidden;
margin-left: 0px;
}
.show_topic {
display: inline-block;
height: 205px;
}
</style>
<!--END LAST-->
mod_most_active_starters
- Code:
<div id="tab5" class="hidetab tab_content">
<table width="100%" border="0">
<tbody>
<tr></tr>
<!-- BEGIN POSTER -->
<tr>
<td class="row2">
<span style="float:left">{POSTER.NAME}</span>
<span style="float:right;padding-right:5px">{POSTER.NB_TOPICS}</span>
</td>
</tr>
<!-- END POSTER -->
</tbody>
</table>
</div>
mod_most_active_topic
- Code:
<div id="tab2" class="hidetab tab_content" >
<table width="100%" border="0">
<tbody>
<tr></tr>
<!-- BEGIN TOPIC -->
<tr>
<td class="row2"><a href="{TOPIC.LINK}" title="{TOPIC.TITLE}">{TOPIC.NAME}</a></td>
</tr>
<!-- END TOPIC -->
</tbody>
</table>
</div>
- Code:
<div id="tab3" class="hidetab tab_content">
<table width="100%" border="0">
<tbody>
<tr></tr>
<!-- BEGIN TOPIC -->
<tr>
<td class="row2"><a href="{TOPIC.LINK}" title="{TOPIC.TITLE}">{TOPIC.NAME}</a></td>
</tr>
<!-- END TOPIC -->
</tbody>
</table>
</div>
- Code:
<div id="tab1" class="tab_content anthanhcuon">
<!-- BEGIN classical_row -->
<table width="100%" border="0">
<tbody>
<tr></tr>
<!-- BEGIN recent_topic_row -->
<tr>
<td class="row2">
<a title="{classical_row.recent_topic_row.L_TITLE} - {classical_row.recent_topic_row.S_POSTTIME}" href="{classical_row.recent_topic_row.U_TITLE}"><span class="lengtht" >{classical_row.recent_topic_row.L_TITLE}</span></a>
<span style="float:right">
<!-- BEGIN switch_poster -->
<a href="{classical_row.recent_topic_row.switch_poster.U_POSTER}">{classical_row.recent_topic_row.switch_poster.S_POSTER}</a>
<!-- END switch_poster -->
</span>
</td>
</tr>
<!-- END recent_topic_row -->
</tbody>
</table>
<!-- END classical_row -->
<script>$("span.lengtht").each(function(){
if ($(this).text().length > 40) {$(this).text($(this).text().substr(0, 40));$(this).append('...');
}
});</script>
- Code:
<div id="tab4" class="hidetab tab_content">
<table width="100%" border="0">
<tbody>
<tr></tr>
<!-- BEGIN POSTER -->
<tr>
<td class="row2">
<span style="float:left">{POSTER.NAME}</span>
<span style="float:right;padding-right:5px">{POSTER.NB_POSTS}</span>
</td>
</tr>
<!-- END POSTER -->
</tbody>
</table>
</div>
Trả lời trích dẫnTrả lời
#4Sat Jan 16, 2016 1:15 pm
Ranchild
» Thàñh Vïêñ Mới
Ad ơi.... mình làm theo trên kia mà bị vậy nè...
Forum mình là http://angellove.forumvi.com/
Phiên bản: Punbb
Forum mình là http://angellove.forumvi.com/
Phiên bản: Punbb
Trả lời trích dẫnTrả lời
Similar topics
Permissions in this forum:
Bạn không có quyền trả lời bài viết
|
|