Code Tab - tạo nhiều thẻ/trang trong một block.. Với vài thao tác phổ thông, trong vòng 1 giây bạn sẽ có mã nguồn trang web/blog bất kỳ, trong vòng 1 phút bạn sẽ có đoạn code cần có và t
Trang 1Code Tab - tạo nhiều thẻ/trang trong một block
Với vài thao tác phổ thông, trong vòng 1 giây bạn
sẽ có mã nguồn trang web/blog bất kỳ, trong vòng
1 phút bạn sẽ có đoạn code cần có và trong vòng 1/2 giờ bạn có thể thể hiện nó trên trang của bạn!
Muốn tạo các Tab (tạo nhiều thẻ/trang trong một block) như mục "Mỗi tuần một bài hát tôi yêu" ở trang này (hiện tại có 7 tab), bạn có thể dùng đoạn Code sau:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http: //www.w3.org/TR/html4/loose.dtd">
<html lang="en">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-1">
<title>Simple Tabber Example</title>
<script type="text/javascript" src="http:
//hotrotrekhiemthinh.110mb.com/JAVA
%20SCRIPT/WEB_DANG_THE/tabber.js"></script>
<link rel="stylesheet" href="http:
//hotrotrekhiemthinh.110mb.com/JAVA%20SCRIPT/WEB_DANG_THE/example.css" TYPE="text/css" MEDIA="screen">
<link rel="stylesheet" href="http:
//hotrotrekhiemthinh.110mb.com/JAVA%20SCRIPT/WEB_DANG_THE/example-print.css" TYPE="text/css" MEDIA="print">
<script type="text/javascript">
/* Optional: Temporarily hide the "tabber" class so it does not "flash" on the page as plain HTML
Trang 2After tabber runs, the class is changed to "tabberlive" and it will appear */ document.write('<style type="text/css">.tabber{display:none;}<\/style>');
</script>
<div class="tabber">
<div class="tabbertab"> <h2>Tiêu đề Tab 1</h2>
Nội dung Tab 1 (thẻ/trang 1)
</div>
<div class="tabbertab"> <h2>Tiêu đề Tab 2</h2>
Nội dung Tab 2 (thẻ/trang 2)
</div>
<div class="tabbertab"> <h2>Tiêu đề Tab 3</h2>
Nội dung Tab 3 (thẻ/trang 3)
</div>
</div> </head> </html>