Mạng Giải Trí Online

—¤™(¯`†´¯) —»Thành_Công«— (¯`†´¯)™¤—
 
Trang ChínhTrợ giúpTìm kiếmThành viênNhómĐăng kýĐăng Nhập
Top posters
ThanhCong
 
s2lovelytt
 
anhtrang01
 
slil
 
pe.keomut_love_who
 
kidlove
 
thanhcong1989
 
190231
 
2012
 
sjfff
 
Similar topics
Latest topics
» Hướng dẫn cách kiểm tra xuất xứ, nơi sản xuất, phân phối iPhone 100%
by ThanhCong Tue Nov 29, 2016 6:37 pm

» Hướng dẫn tạo USB cài đặt Windows không cần phần mềm
by zzcongtuzz19x6 Thu Nov 24, 2016 7:47 am

» Đề cương môn cảm biến phần 1
by ThanhCong Thu Jul 21, 2016 4:41 pm

» Đề cương môn cảm biến phần 1
by ThanhCong Thu Jul 21, 2016 4:40 pm

» Bảng thông báo đẹp cho forum
by ThanhCong Fri Dec 12, 2014 10:36 pm

» Làm ảnh động GIF đơn giản bằng Photoshop và Giffing Tool
by ThanhCong Fri Dec 12, 2014 10:02 pm

» Hướng dẫn lắp Diode LED
by ThanhCong Thu Dec 04, 2014 9:48 pm

» Cách đọc trị số của điện trở
by ThanhCong Thu Dec 04, 2014 9:32 pm

» Bài 2 - Hướng dẫn sử dụng đồng hồ đo các loại.
by ThanhCong Wed Oct 22, 2014 9:12 pm

» Bài 1 - Kiến thức căn bản
by ThanhCong Wed Oct 22, 2014 9:06 pm

» Tìm Driver máy tính đơn giản, mọi người đều có thể làm
by ThanhCong Sun Apr 20, 2014 10:28 pm

» Thăng Long - Hà Nội nghìn năm văn hiến
by ThanhCong Sun Mar 02, 2014 6:17 pm

» Thế nào là Nhôm ?
by ThanhCong Sun Dec 29, 2013 10:25 am

» Câu chuyện về cuộc sống ( triết lý cuộc đời )
by ThanhCong Sun Nov 10, 2013 9:06 pm

» Thanh Dock đẹp cho win 7 Xp tổng hợp
by ThanhCong Sun Nov 03, 2013 5:27 pm

Poll
Statistics
Diễn Đàn hiện có 115 thành viên
Chúng ta cùng chào mừng thành viên mới đăng ký: Ren_KXO

Tổng số bài viết đã gửi vào diễn đàn là 661 in 615 subjects
QUY ĐỊNH CHUNG CHO CÁC THÀNH VIÊN TRONG DIỄN ĐÀN Thành công
Mon Oct 17, 2011 12:39 pm by ThanhCong
QUY ĐỊNH CHUNG CHO CÁC THÀNH VIÊN TRONG DIỄN ĐÀN FORUM Wed 1 Jun 2011 - 20:57 Trả lời với trích dẫn nội dung bài viết này Sửa/Xóa bài viết Xóa bài viết Xem địa chỉ IP của thành viên này
* Tất cả thành viên có trách nhiệm thực hiện nội quy khi tham gia hoạt động trên http://thanhcong.forumvi.com/forum đồng thời chú ý theo …

Comments: 3


Share |

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

Tác giả Thông điệp
ThanhCong

Chủ diễn đàn



avatar


Tổng số bài gửi : 1072
Tài sản Tài sản : 3197
NGAY SINH NGAY SINH : 14/01/1996
NGAY THAM GIA : 28/08/2011
TUOI : 22
Đến từ Đến từ : Hà nội

Bài gửiTiêu đề: [Chia sẻ] Trang Chủ Nghe Nhạc 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

Chữ ký của ThanhCong



Về Đầu Trang Go down
Xem lý lịch thành viên http://thanhcong.forumvi.com

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

Xem chủ đề cũ hơn Xem chủ đề mới hơn Về Đầu Trang

Similar topics

-
» Luyện nghe TOEIC hiệu quả
» Chia sẻ nick facebook cho nhau =))
» Games Cộng Trừ Nhân Chia
» ECDIS trước yêu cầu trang bị bắt buộc
» [ĐBCB] YG đã khóc khi nghe "IF YOU" + GD&TOP trở thành giọng ca trong "IF YOU"
Trang 1 trong tổng số 1 trang
* Viết tiếng Việt có dấu, là tôn trọng người đọc.
* Chia sẻ bài sưu tầm có ghi rõ nguồn, là tôn trọng người viết.
* Thực hiện những điều trên, là tôn trọng chính mình.
-Nếu chèn smilies có vấn đề thì bấm A/a trên phải khung viết bài

Permissions in this forum: Bạn không có quyền trả lời bài viết
Mạng Giải Trí Online :: Hướng dẫn tạo Forum -
Chuyển đến: