Trang chủTrang chủ  Face CNCFace CNC  IndexIndex  PortalPortal  CalendarCalendar  GalleryGallery  Trợ giúpTrợ giúp  Tìm kiếmTìm kiếm  Đăng kýĐăng ký  Đăng NhậpĐăng Nhập  


Share | 
 

 Hướng dẫn làm bảng thống kê dạng TAB

Xem chủ đề cũ hơn Xem chủ đề mới hơn Go down 
Tác giả
Bình chọn cho bài viết:
Tuyền Choắt iTV
HỌC ĐỂ CHƠI - CHƠI ĐỂ HỌC
HỌC ĐỂ CHƠI - CHƠI ĐỂ HỌC


Tổng số bài gửi : 347
Ngày tham gia : 24/11/2011
Tuổi : 24
Đến từ : Tuyệt Tìnk Cốc

Bài gửiTiêu đề: Hướng dẫn làm bảng thống kê dạng TAB   Fri Jan 06, 2012 1:04 pm

Code:

<div id="wrapcentre">

      <table id="Table_02" width="100%" border="0" cellpadding="0" cellspacing="0">
  <tr>
<td >
 
        <img
src="http://i455.photobucket.com/albums/qq272/chanpin/skinmoi/cattop_l.jpg"
 width="49" height="24" alt=""></td>
      <td background="http://i455.photobucket.com/albums/qq272/chanpin/skinmoi/cattop_c.jpg" width="100%">
        </td>
      <td  align="right">
 
        <img
src="http://i455.photobucket.com/albums/qq272/chanpin/skinmoi/cattop_r.jpg"
 width="49" height="24" alt=""></td>
  </tr></table>
<table id="Table_03" width="100%" border="0" cellpadding="0" cellspacing="0">
  <tr>
<td align="left" background="http://i455.photobucket.com/albums/qq272/chanpin/skinmoi/catleft.jpg">
        <img src="http://i455.photobucket.com/albums/qq272/chanpin/skinmoi/catleft.jpg"></td>
<td bgcolor="#FFFFFF" width="100%">
<div id="wrapcentre">

      <table width="100%" class="tablebg" cellspacing="1" >
                  <tr>
            <td class="row1" align="center">

                              <br /><STYLE type=text/css>BODY {
  CURSOR: url('http://www.8xforum.co.cc/mouse.ani')
}
</STYLE><br />  <br /><style type='text/css'>

/* Style cho menu tabs */

div.TabView div.Tabs
{
height: 26px; /* chiều cao của tab menu */
overflow: hidden;
}

div.TabView div.Tabs a
{
float: left;
display: block;
background-color:#FFFCD9;
text-align: center;
height: 26px;
padding: 3px;
vertical-align: middle;
border: 1px solid #30a1db; /* đường viền quanh tabs menu */
text-decoration: none;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-weight: bold;
color: #000080;
}

div.TabView div.Tabs a:hover, div.TabView div.Tabs a.Active
{
background-color: #31a1db; /* màu nền tab menu active */
color: #ffffff;
}

/* Style cho phần text nội dung của mỗi tab */
div.TabView div.Pages
{
clear: both;
border: 1px solid #30a1db;
overflow: hidden; /* giá trị là auto nếu muốn hiện scroll bar */
}
div.TabView div.Pages div.Page
{
height: 100%;
padding: 5px;
overflow: hidden; /* giá trị là auto nếu muốn hiện scroll bar */
}
</style>

<script src=' http://vietwebguide.googlepages.com/tabview.js' type='text/javascript'></script>

<div id="TabView" class="TabView">
<!-- tabs -->
<div style="width: 100%;" class="Tabs">
<a>Bài Viết Mới</a>
<a>Thống Kê</a>
<a>Hướng Dẫn</a>

</div>

<!-- nội dung tabs -->
<div style="height:350px; width:100%" class="Pages">

<div class="Page"><center>

<table
 style="border:#CCCCCF 1px solid;" width="100%"><!-- BEGIN
classical_row --> <tr><td class="catHead"
align="center"><span class="genmed">Bài
gửi</span></td><td class="catHead"
align="center"><span class="genmed">Người
gửi</span></td><td class="catHead"
align="center"><span class="genmed">Thời
gian</span></td><!-- BEGIN recent_topic_row
--><tr><td class="row1" align="left" width="50%"><span
 class="gensmall"><img
src=http://i455.photobucket.com/albums/qq272/chanpin/trangtri/mod-1.gif><a
 
href="{classical_row.recent_topic_row.U_TITLE}">{classical_row.recent_topic_row.L_TITLE}</a></td><td
 class="row1" align="left" width="25%"> <span
class="gensmall"><a
href="{classical_row.recent_topic_row.U_POSTER}"><img
src=http://i455.photobucket.com/albums/qq272/chanpin/trangtri/bangchu.gif>{classical_row.recent_topic_row.S_POSTER}</span></a>
 </td><td class="row1" align="left" width="25%"> <span
class="gensmall"><img
src=http://i455.photobucket.com/albums/qq272/chanpin/skinnhac/icon/lastpost1.gif>{classical_row.recent_topic_row.S_POSTTIME}<br
 /></span></td></tr><!-- END recent_topic_row
--><!-- END classical_row --></table>



</center>
</div>

<div class="Page">
<TABLE class=forumline cellSpacing=1 cellPadding=5 width="100%" border=0>
<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=/stats.htm#2><IMG
src="http://i421.photobucket.com/albums/pp296/cuachung/online_vipmember.gif">Administrative
 statistics</a></TD>

<TD class=row3
width="25%"><A href="/stats.htm#3"><IMG
src="http://i421.photobucket.com/albums/pp296/cuachung/online_vipmember.gif">Topic
 hoạt động sôi nổi nhất</A> </TD></TR>
<TR>
<TD
 class=row3 width="25%"><A href="/stats.htm#4"><IMG
src="http://i421.photobucket.com/albums/pp296/cuachung/online_vipmember.gif">
 Topic được xem nhiều nhất</A></TD>
<TD class=row1
width="25%"><A href="/stats.htm#5"><IMG
src="http://i421.photobucket.com/albums/pp296/cuachung/online_vipmember.gif">
 Thành viên có nhiều chủ đề nhất</A></TD></TR>
<TR>
<TD
 class=row1 width="25%"><A href="/stats.htm#6"><IMG
src="http://i421.photobucket.com/albums/pp296/cuachung/online_vipmember.gif">
 Top posting users trong tuần</A></TD>
<TD class=row3
width="25%"><A href="/stats.htm#7"><IMG
src="http://i421.photobucket.com/albums/pp296/cuachung/online_vipmember.gif">
Top posting users trong tháng</A></TD></TR>
<TR>
<TD
 class=row3 width="25%"><A href="/stats.htm#8"><IMG
src="http://i421.photobucket.com/albums/pp296/cuachung/online_vipmember.gif">
 Top posters</A></TD>
<TD class=row1
width="25%"><A href="/stats.htm#9"><IMG
src="http://i421.photobucket.com/albums/pp296/cuachung/online_vipmember.gif">
Số topic trong mỗi tháng</A></TD></TR>
<TR>
<TD
 class=row1 width="25%"><A href="/stats.htm#10"><IMG
src="http://i421.photobucket.com/albums/pp296/cuachung/online_vipmember.gif">
 Số bài post trong mỗi tháng</A></TD>
<TD class=row3
width="25%"><A href="/stats.htm#11"><IMG
src="http://i421.photobucket.com/albums/pp296/cuachung/online_vipmember.gif">
 Số thành viên trong mỗi
tháng</A></TD></TR></TBODY></TABLE>
</div>

<div class="Page">
<center>
<p><a
 
href=http://caonguyen.withme.us/forum-f64/topic-t3353.htm#8461><strong><font
 size=4><font color=#00bfff>• Hướng dẫn vote bài viết bằng cách
 thank</font></font></strong>  <a/></p>
<p><a
 
href=http://caonguyen.withme.us/forum-f64/topic-t3305.htm><strong><font
 size=4><font color=#00bfff>• Hướng Dẫn Post bài trong diễn
đàn</font></font></strong>  <a/></p>
<p><a
 
href=http://caonguyen.withme.us/forum-f64/topic-t3152.htm><strong><font
 size=4><font color=#00bfff>• Hướng dẫn Chỉnh tiếng việt trong
lý lịch</font></font></strong>  <a/></p> 
 <p><a
href=http://caonguyen.withme.us/forum-f64/topic-t1623.htm><strong><font
 size=4><font color=#00bfff>• 
Hướng dẫn chỉnh sữa avatar và chữ ký.</font></font></strong>  <a/></p>
<p><a
 
href=http://caonguyen.withme.us/forum-f64/topic-t1624.htm><strong><font
 size=4><font color=#00bfff>• Hướng dẫn up hình lên diễn
đàn</font></font></strong>  <a/></p>
<p><a
 
href=http://caonguyen.withme.us/forum-f64/topic-t3132.htm?sid=cf985a7e16201ca2e5b20d880291c6c8#7011><strong><font
 size=4><font color=#00bfff>• Hướng dẫn up Nhạc lên diễn
đàn</font></font></strong>  <a/></p>
<p><a
 
href=http://caonguyen.withme.us/forum-f64/topic-t3133.htm?sid=cf985a7e16201ca2e5b20d880291c6c8#7012><strong><font
 size=4><font color=#00bfff>• Hướng dẫn up Nhạc video từ
youtube lên diễn đàn</font></font></strong> 
<a/></p>

</center>

</div>

</div>
</div>
<script type="text/javascript">tabview_initialize('TabView');</script><br /> <br /><ScrollTop -->
<style type="text/css">
#topbar

  PADDING-TOP: 0px;
  PADDING-BOTTOM: 0px;
  PADDING-RIGHT: 0px;
  PADDING-LEFT: 0px;
  VISIBILITY: hidden;
  WIDTH: 180px;
  FONT-FAMILY: Tahoma;
  POSITION: absolute;
}
</style>
<script type="text/javascript">
var persistclose = 0
<!-- Vị trí-->
var startX = 80
var startY = 500
var verticalpos = "frombottom"

function iecompattest()
{
  return (document.compatMode && document.compatMode!="BackCompat")? document.documentElement : document.body
}

function get_cookie(Name)
{
  var search = Name + "="
  var returnvalue = "";
  if (document�cookie.length > 0)
  {
      offset = document�cookie.indexOf(search)
      if (offset != -1)
      {
        offset += search.length
        end = document�cookie.indexOf(";", offset);

        if (end == -1) end = document�cookie.length;
        returnvalue=unescape(document�cookie.substring(offset, end))
      }
  }
  return returnvalue;
}

function closebar()
{
  if (persistclose)
  document�cookie="remainclosed=1"
  document.getElementById("topbar").style.visibility="hidden"
}

function staticbar()
{
  barheight=document.getElementById("topbar").offsetHeight
  var ns = (navigator.appName.indexOf("Netscape") != -1) || window.opera;
  var d = document;
  function ml(id)
  {
      var el=d.getElementById(id);
      if (!persistclose || persistclose && get_cookie("remainclosed")=="")
      el.style.visibility="visible"
      if(d.layers)el.style=el;
      el.sP=function(x,y){this.style.right=x+"px";this.style.top=y+"px";};
      el.x = startX;
      if (verticalpos=="fromtop")
        el.y = startY;
      else
      {
        el.y = ns ? pageYOffset + innerHeight : iecompattest().scrollTop + iecompattest().clientHeight;
        el.y -= startY;
      }
      return el;
  }
 
  window.stayTopLeft=function()
  {
      if (verticalpos=="fromtop")
      {

        var pY = ns ? pageYOffset : iecompattest().scrollTop;
        ftlObj.y += (pY + startY - ftlObj.y)/8;
      }
      else
      {
 
        var pY = ns ? pageYOffset + innerHeight - barheight:
iecompattest().scrollTop + iecompattest().clientHeight - barheight;
        ftlObj.y += (pY - startY - ftlObj.y)/8;
      }
      ftlObj.sP(ftlObj.x, ftlObj.y);
      setTimeout("stayTopLeft()", 10);
  }
  ftlObj = ml("topbar");
  stayTopLeft();
}

if (window.addEventListener)
  window.addEventListener("load", staticbar, false)
else if (window.attachEvent)
  window.attachEvent("onload", staticbar)
else if (document.getElementById)
  window.onload=staticbar
</script>


      </tr>
  </table>
</div>

</td>
      <td  align="right" background="http://i455.photobucket.com/albums/qq272/chanpin/skinmoi/catright.jpg">
        <img src="http://i455.photobucket.com/albums/qq272/chanpin/skinmoi/catright.jpg"></td>
  </tr></table>
<table id="Table_04" width="100%" border="0" cellpadding="0" cellspacing="0">
  <tr>
<td >
        <img src="http://i455.photobucket.com/albums/qq272/chanpin/skinmoi/catbottom_l.jpg"></td>
      <td background="http://i455.photobucket.com/albums/qq272/chanpin/skinmoi/catbottom_c.jpg" width="100%">
        <img src="http://i455.photobucket.com/albums/qq272/chanpin/skinmoi/catbottom_c.jpg"></td>
      <td  align="right">
        <img src="http://i455.photobucket.com/albums/qq272/chanpin/skinmoi/catbottom_r.jpg"></td>
  </tr></table>

</div>
Về Đầu Trang Go down
Xem lý lịch thành viên http://icitv.tk
liemt112
Thành viên mới tham gia
Thành viên mới tham gia


Tổng số bài gửi : 2
Ngày tham gia : 24/05/2012

Bài gửiTiêu đề: Re: Hướng dẫn làm bảng thống kê dạng TAB   Thu May 24, 2012 12:24 am

anh admin ơi. anh cho e cái hình ảnh giùm đi. e k biết nơi
Về Đầu Trang Go down
Xem lý lịch thành viên
 

Hướng dẫn làm bảng thống kê dạng TAB

Xem chủ đề cũ hơn Xem chủ đề mới hơn Về Đầu Trang 
Trang 1 trong tổng số 1 trang

Permissions in this forum:Bạn không có quyền trả lời bài viết
DIỄN ĐÀN CNC  :: Chuyên Ngành Công Nghệ Thông Tin :: Thiết kế WEBSITE !-
Free forum | © phpBB | Free forum support | Liên hệ | Report an abuse | Create a free blog
Thiết kế do Tuyền Choắt iTV| | Trang Chủ Diễn Đàn | Hottel nóng : 01672.382.888 | Nghe Nhạc Trực Tuyến | Phim truyện | Tin tức trong ngày | Thể thao | Công nghệ thông tin | Danh bạ website