Diễn đàn share thủ thuật code hay shin

    [Mod] Lastest Topic Tab

    Share

    Việt-MaxF

    Quản Trị Viên
    Quản Trị Viên

    Posts : 57
    Points : 10000249
    Thanked : 7
    Join date : 02/02/2011
     Status Status : ™—♥•†—Ç iµ V … Før²rever—†•♥—™

    [Mod] Lastest Topic Tab

    Bài gửi by Việt-MaxF on Wed Feb 09, 2011 3:14 am

    Không tích hợp cho Lastopic của Thuận
    Mod_recent_topic :
    Code:
    <table cellpadding="0" cellspacing="0" width="100%" class="three-col">
    <tbody>
    <tr>
    <td valign="top" width="100%">
    <div id="">
    <br />
    <script src='http://code-forum.googlecode.com/files/tabview.js' type='text/javascript'></script>
          <div id="TabView" class="TabView"> <!--
     tabs -->
    <div class="Tabs">
    <a>Bài Viết Mới</a>
    <a>Thống Kê</a>
    <a>Tab 3</a>
    <a>Tab 4</a></div>
    <div style="width: 100%;" class="Tabs2"></div>
    <div style="height:300px; width:100%" class="Pages">
    <div class="Page"><!-- BEGIN classical_row -->
    <table align="center" border="0" cellpadding="0" cellspacing="0" width="100%">
    <tr><td><table
     width="100%"><tr height="20"><th width="80%"
    align="left">    Bài gửi</td><th width="20%"
    align="right">Người gửi cuối
    </td></tr></table></td></tr>


    <tr><td
     style="padding: 0px; background: rgb(255, 255, 255) none repeat scroll
    0% 0%; -moz-background-clip: border; -moz-background-origin: padding;
    -moz-background-inline-policy: continuous;" width="100%"><table
    border="0" cellpadding="0" cellspacing="0"
    width="100%"><tbody><tr valign="top"><td
    style="border-top: 0px none; padding: 0px; background: transparent
    url(http://vnpet.com/forum/vietvbb/topx/list.gif) no-repeat scroll
    center top; -moz-background-clip: border; -moz-background-origin:
    padding; -moz-background-inline-policy: continuous;"
    width="24"><img src="http://illiweb.com/fa/empty.gif" width="24"
    border="0"></td><td style="border-top: 0px none; padding:
    0px; line-height: 20px; background-repeat: repeat;" align="left"
    background="http://vnpet.com/forum/vietvbb/topx/listbg.gif"
    width="80%"><!-- BEGIN recent_topic_row --><a
    href="{classical_row.recent_topic_row.U_TITLE}"><b><font
    size="1">{classical_row.recent_topic_row.L_TITLE}</font></b></a><br
     /><!-- END recent_topic_row
    --></td><td></td><td style="border-top: 0px
    none; padding: 0px; line-height: 20px; background-repeat: repeat;"
    align="right"
    background="http://vnpet.com/forum/vietvbb/topx/listbg.gif"
    width="20%"><!-- BEGIN recent_topic_row --><a
    href="{classical_row.recent_topic_row.U_POSTER}"><font
    size="1">{classical_row.recent_topic_row.S_POSTER}</font></a><br
     /><!-- END recent_topic_row
    --></td></tr></tbody></table></td></tr></tbody></table><!--
     END classical_row -->
    </div>
    <div class="Page">
    <TABLE class=forumline cellSpacing=1 cellPadding=5 width="100%" border=0 align="left">
    <TBODY>
    <TR>
    <TH align=middle width="33%"><STRONG><FONT color=green>Thống kê I</FONT></STRONG></TH>
    <TH
     align=middle width="34%"><STRONG><FONT color=green>Thống
     kê II</FONT></STRONG></TH></TR>
    <TR>
    <TD
     class=row1 width="25%"><A
    href=http://c3zone.net/stats.htm#2><IMG
    src="http://img521.imageshack.us/img521/3774/onlinevipmember.gif">Administrative
     statistics</a></TD>
    <TD class=row3
    width="25%"><A href="http://c3zone.net/stats.htm#3"><IMG
    src="http://img521.imageshack.us/img521/3774/onlinevipmember.gif">Topic
     hoạt động sôi nổi nhất</A> </TD></TR>
    <TR>
    <TD
     class=row3 width="25%"><A
    href="http://c3zone.net/stats.htm#4"><IMG
    src="http://img521.imageshack.us/img521/3774/onlinevipmember.gif">
    Topic được xem nhiều nhất</A></TD>
    <TD class=row1
    width="25%"><A href="http://c3zone.net/stats.htm#5"><IMG
    src="http://img521.imageshack.us/img521/3774/onlinevipmember.gif">
    Thành viên có nhiều chủ đề nhất</A></TD></TR>
    <TR>
    <TD
     class=row1 width="25%"><A
    href="http://c3zone.net/stats.htm#6"><IMG
    src="http://img521.imageshack.us/img521/3774/onlinevipmember.gif">
    Top posting users trong tuần</A></TD>
    <TD class=row3
    width="25%"><A href="http://c3zone.net/stats.htm#7"><IMG
    src="http://img521.imageshack.us/img521/3774/onlinevipmember.gif">
    Top posting users trong tháng</A></TD></TR>
    <TR>
    <TD
     class=row3 width="25%"><A
    href="http://c3zone.net/stats.htm#8"><IMG
    src="http://img521.imageshack.us/img521/3774/onlinevipmember.gif">
    Top posters</A></TD>
    <TD class=row1
    width="25%"><A href="http://c3zone.net/stats.htm#9"><IMG
    src="http://img521.imageshack.us/img521/3774/onlinevipmember.gif">
    Số topic trong mỗi tháng</A></TD></TR>
    <TR>
    <TD
     class=row1 width="25%"><A
    href="http://c3zone.net/stats.htm#10"><IMG
    src="http://img521.imageshack.us/img521/3774/onlinevipmember.gif"> Số
     bài post trong mỗi tháng</A></TD>
    <TD class=row3
    width="25%"><A href="http://c3zone.net/stats.htm#11"><IMG
    src="http://img521.imageshack.us/img521/3774/onlinevipmember.gif"> Số
     thành viên trong mỗi
    tháng</A></TD></TR></TBODY></TABLE>
    </div>

    <div class="Page">
    nội dung tab 3<br />
    test
     test test test test test test test test test test test test test test
    test test test test test test test test test test test test test test
    test test test test test test test test test test test test test test
    test test test test test test test test test test test test test test
    test test test test test test test test test test test test test test
    test test test test test test test test test test
    </div>

    <div class="Page">
    nội dung tab 4<br />
    test
     test test test test test test test test test test test test test test
    test test test test test test test test test test test test test test
    test test test test test test test test test test test test test test
    test test test test test test test test test test test test test test
    test test test test test test test test test test test test test test
    test test test test test test test test test test
    </div>
    </div>
    </div>
    <script type="text/javascript">tabview_initialize('TabView');</script>
    CSS :
    Code:
        div.TabView div.Tabs
        {
        height: 28px;
        overflow: hidden;
    background: #E8F3FD; border-top: 1px solid #FFF; border-bottom: 1px solid #CAD9EA;
        }
        div.TabView div.Tabs: hover,
        {
        height: 28px;
        overflow: hidden;
        }
        div.TabView div.Tabs a
        {border-right: 1px solid #CAD9EA;
        float: left;
        display: block;
        background-color:#E8F3FD;
        height: 28px;
        padding: 6px;
    spacing: 2px
    ;
        vertical-align: middle;
        text-decoration: none;
        text-align: center;
        color: #000000;
        }

        div.TabView div.Tabs a.Active
        {
        background-color: #ffffff;
        color: #000000;
        padding: 6px;
    spacing: 2px;
        height: 28px;
        font-weight: bold;
        }

        div.TabView
        {
        clear: both;
        border: 1px solid #9DB3C5;
        overflow: hidden;
        }
        div.TabView div.Pages div.Page
        {
        padding: 0px;
        overflow: hidden;
        }



    Em đẹp không?
    Spoiler:


      Hôm nay: Sat Dec 03, 2016 8:54 pm