[Chia sẻ] Trang Chủ Nghe Nhạc

by **ThanhCong** Wed Nov 02, 2011 7:25 pm

Code:: <head> <title>Trang Chủ Nghe Nhạc Trực Tuyến</title> <meta content="text/html; charset=utf-8" http-equiv="content-type" /> <style type="text/css"> @charset "utf-8"; /* CSS Document */ /*^'^ Navigation Structure ^'^*/ .nav-container-outer{ background: #CC0000; padding: 0px; height: 30px; } .float-left{ float: left; } .float-right{ float: right; } .nav-container .divider{ display:block; font-size:1px; border-width:0px; border-style:solid; } .nav-container .divider-vert{ float:center; width:0px; display: none; } .nav-container .item-secondary-title{ display:block; white-space:nowrap; } .clear{ font-size:1px; height:0px; width:0px; clear:left; line-height:0px; display:block; float:none; } .nav-container{ position:relative; zoom:1; margin: 0 auto; } .nav-container a, .nav-container li{ float:left; display:block; white-space:nowrap; } .nav-container div a, .nav-container ul a, .nav-container ul li{ float:none; } .nav-container ul{ left:-10000px; position:absolute; } .nav-container, .nav-container ul{ list-style:none; padding:0px; margin:0px; } .nav-container li a{ float:none } .nav-container li{ position:relative; } .nav-container ul{ z-index:10; } .nav-container ul ul{ z-index:20; } .nav-container ul ul ul{ z-index:30; } .nav-container ul ul ul ul{ z-index:40; } .nav-container ul ul ul ul ul{ z-index:50; } li:hover>ul{ left:auto; } #nav-container ul { top:100%; } #nav-container ul li:hover>ul{ top:0px; left:100%; } /*^'^ Primary Items ^'^*/ #nav-container a{ padding:4px 20px 5px 15px; margin: 1px 0px 0px 0px; color: #FFFFFA; font-family: Times New Roman, Trebuchet MS, Arial, sans-serif, Helvetica; font-size:14px; text-decoration:none; font-weight: bold; background: url(''); background-repeat: no-repeat; background-position: top; } #nav-container a:hover{ color: #FF0000; background: #FFFFD9; background-repeat: no-repeat; background-position: center; } /*^'^ Secondary Items Container ^'^*/ #nav-container div, #nav-container ul{ padding:10px 28px 10px 10px; margin:0px 0px 0px 0px; background: url(''); background-repeat: repeat-x; background-color: #70B1FB; border-bottom: 2px solid #CA6500; } /*^'^ Secondary Items ^'^*/ #nav-container div a, #nav-container ul a{ padding:5px 5px 5px 5px; background-color: #70B1FB; background-repeat: no-repeat; background-position: 0px 20px; font-size:14px; border-width:0px; border-style:none; margin: 0px 0px 0px 0px; width: 166px; } </style> <style type="text/css"> body { font-family:Verdana, Arial, Helvetica, sans-serif; margin: 0; background: url("http://i44.servimg.com/u/f44/15/64/85/86/bg10.gif") repeat scroll left top transparent; } .container { background-color: #fff; border-radius: 6px 6px 6px 6px; border: 1px solid #666; margin: 0 auto; padding-bottom: 0; width: 960px; margin-bottom: 10px; } .header { margin: 0 auto; height: 10px; width: 900px; } .navbar { font: 16px/1.5 "Helvetica Neue",Arial,sans-serif; text-align:center; background: url("http://i43.servimg.com/u/f43/14/63/83/43/navimg10.gif") repeat-x scroll left 0 #DCE8F0; border-bottom: 1px solid #B6CFE0; height: 40px; margin-bottom: 35px; } .navbar a:link{ color:#0F365A; margin: 10px; } .navbar li a:hover { color: #0B70D0 !important; text-decoration: none; } a:link { text-decoration: none; color: #5a8fc5; } a:visited { text-decoration: none; color: #5a8fc5; } a:hover { text-decoration: none; color: #5a8fc5; } a:active { text-decoration: none; color: #5a8fc5; } ul { } li { padding-left: 25px; display:inline; } .big-title { font-size: 20px; font-weight: normal; color: #5a8fc5; cursor: pointer; } #sidebar { float: right; font-size: 14px; padding: 0 20px; width: 220px; } .categories_list { list-style: none outside none; margin: 0; padding: 0; } .categories_list li { margin: 0; padding: 0; } .categories_list li a { background: url("http://i45.servimg.com/u/f45/14/65/46/14/gtgt10.gif") no-repeat scroll left center transparent; display: block; margin-bottom: 5px; padding: 0px 0 3px 20px; border-bottom: 1px dashed #B6CFE0; } .cat-forums { font-size: 20px; font-weight: normal; color: #5a8fc5; cursor: pointer; margin-bottom: 5px; text-align:center; } .table { background: url("http://i44.servimg.com/u/f44/15/64/85/86/photo-10.gif") repeat scroll center center transparent; border: 1px solid #B6B6A8; border-radius: 4px 4px 4px 4px; box-shadow: 0 0 1px #FFFFFF inset; margin-left: 20px; width: 650px; } .top_boxes { height: 30px; padding-bottom: 4px; } .top_boxes.bottom_boxes { padding-bottom: 0; padding-top: 9px; } .bottom_boxes span { line-height: 19px; text-align: left; } .top_box, a.top_box { background-color: #fafafa; border: 1px solid #B6B6A8; border-radius: 4px 4px 4px 4px; color: #333; font-size: 12px; display: block; float: left; outline: medium none; overflow: hidden; padding: 5px 0; text-align: center; text-decoration: none; width: 280px; margin-left: 20px; margin-right: 20px; } .top_box h3 { display: block; font-size: 14px; height: 16px; margin: 0; padding: 5px 0 0; } .top_box a { color: #333; text-decoration: none; } .top_box a:hover { color: #FFFFFF; } .top_box.middle { margin-left: 9px; } a.top_box:hover { color: #444; } .top_box:hover { background-color: #fff; } .holder { padding: 10px; } .text { font-size:12px; color: #3a3a3a; } .read_more { color: #0097DE; text-align: right; font-family: Verdana,Arial,Helvetica,sans-serif; font-size: 12px; text-decoration: none; } .read_more:hover { color: #000000; font-family: Verdana,Arial,Helvetica,sans-serif; font-size: 12px; text-decoration: none; } .text2 { font-size:11px; color: #2f2f2f; } #outercontainer .footer { text-align: center; color: #535353; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; width: 900px; margin: 0 auto; padding-bottom: 25px; padding-top: 80px; } </style> <table width="100%"> <tr> <td align="left"> <div class="nav-container-outer"> <ul id="nav-container" class="nav-container" > <li> <a href="http://link">Trang chủ </a></li> <li> <a href="http://link"> DIỄN ĐÀN</a></li> <li><a class="item-primary" href="#" target="_self">Menu1</a> <ul style="width:150px;"> <li> <a href="http://link..." target="_blank">Menu1a</a></li> <li> <a href="http://link..." target="_blank">Menu1b</a></li> <li> <a href="http://link..." target="_blank">Menu1c</a></li> <li> <a href="http://link..." target="_blank">Menu1d</a></li> </ul> </li> <li><a class="item-primary" href="#" target="_self">Menu2</a> <ul style="width:150px;"> <li> <a href="http://link..." target="_blank">Menu2a</a></li> <li> <a href="http://link..." target="_blank">Menu2b</a></li> <li> <a href="http://link..." target="_blank">Menu2c</a></li> <li> <a href="http://link..." target="_blank">Menu2d</a></li> </ul> </li> <li><a class="item-primary" href="#" target="_self">Menu3</a> <ul style="width:150px;"> <li> <a href="http://link..." target="_blank">Menu3a</a></li> <li> <a href="http://link..." target="_blank">Menu3b</a></li> <li> <a href="http://link..." target="_blank">Menu3c</a></li> <li> <a href="http://link..." target="_blank">Menu3d</a></li> </ul> </li> <li><a class="item-primary" href="#" target="_self">Menu4</a> <ul style="width:150px;"> <li> <a href="http://link..." target="_blank">Menu4a</a></li> <li> <a href="http://link..." target="_blank">Menu4b</a></li> <li> <a href="http://link..." target="_blank">Menu4c</a></li> <li> <a href="http://link..." target="_blank">Menu4d</a></li> </ul> </li <li><a href="http://link..." target="_blank">Hướng dẫn</a></li> </ul> </div> </td> </tr></table> </head> <center> <tr><iframe name="music" src="http://www.youtube.com/embed/_JnU8kWYwbQ" frameborder="120" width="700" height="600" scrolling="no"></iframe></tr><tr> <strong>Chọn Video Nhạc:</strong> <table border = 5> <tr> <td><a href="http://www.youtube.com/embed/dRRLtAbjkHo" target="music">Nothing in your eyes - Mr.T</a></td> <td><a href="http://www.youtube.com/embed/BI6_Mcc85Cs" target="music">Chỉ Cần Em Hạnh Phúc - Hồ Quang Hiếu</a></td> <td> <a href="http://www.youtube.com/embed/fvo_KXSiH00"music">Hứa - Khang Duy</a></td> <td> Link Video </td> <td> Link Video </td> <td> Link Video </td> </tr> <tr> <td> Link Video </td> <td> Link Video </td> <td> Link Video </td> <td> Link Video </td> <td> Link Video </td> <td> Link Video </td> </tr> </table> Thêm Video</td> </tr></table> <address> <hr> <p align = "center"> Copyright @ 2011 by hj4uk0j0o97<br> </p> </address> Hướng Dẫn Sử Dụng Cách Thêm Một Bảng Table -Chèn Đoạn Code Này Vào Bảng Table Vui Code:chọn nội dung </tr> <tr> <td> Link Video </td> <td> Link Video </td> <td> Link Video </td> <td> Link Video </td> <td> Link Video </td> <td> Link Video </td> </tr>

Cách Chèn Link Video Nhạc:
Zô Youtube Muiten Tìm Một Video Nào Đó rồi Mở Video Đó Lên Muiten rồi Bấm Vào Chia Sẻ Như Hình Muiten rồi Bấm Vào Nhúng Như Hình Muiten rồi Sao Chép Link Như Hình

Trong Trang Chủ Này Có Sử Dụng Code Của Bác Hùng Vui

Demo:
Code:chọn nội dung
http://starit.123.st/h7-page