[Chia sẻ] Trang Loading cực ngầu !

[ZerO kIng 2]

Demo: http://thekingfc.lovelyforum.net
Dán code này vào HTML & JAVASCRIPT

Code:

<title>Trang Chủ</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%">
    <tbody><tr>

    <td align="left">
    <div class="nav-container-outer">
      <ul id="nav-container" class="nav-container">

        <li> <a href="http://thekingfc.no1.vn"> Trang chủ </a></li>
        <li> <a href="http://thekingfc.lovelyforum.net/forum"> Diễn đàn</a></li>

          <li><a class="item-primary" href="#" target="_self"> Góc bóng đá</a>
                  <ul style="width:200px;">
                      <li> <a href="http://thekingfc.lovelyforum.net/f6-forum" target="_blank">Tin tức bóng đá</a></li>
                      <li> <a href="http://thekingfc.lovelyforum.net/f7-forum" target="_blank">Câu chuyện ngoài sân cỏ</a></li>
                      <li> <a href="http://thekingfc.lovelyforum.net/f5-forum" target="_blank">Câu chuyện về cầu thủ</a></li>
                      <li> <a href="http://thekingfc.lovelyforum.net/f4-forum" target="_blank">Câu chuyện bóng đá</a></li>
                    </ul>
            </li>

          <li><a class="item-primary" href="#" target="_self">Giải đấu bóng đá quốc tế</a>
                  <ul style="width:200px;">
                      <li> <a href="http://thekingfc.lovelyforum.net/f11-forum" target="_blank">Europa League</a></li>
                      <li> <a href="http://thekingfc.lovelyforum.net/f10-forum" target="_blank">Champions League</a></li>
                      <li> <a href="http://thekingfc.lovelyforum.net/f8-forum" target="_blank">World Cup</a></li>
                      <li> <a href="http://thekingfc.lovelyforum.net/f8-forum" target="_blank">Euro</a></li>
                    </ul>
            </li>

          <li><a class="item-primary" href="#" target="_self">Thế giới giải trí</a>
                  <ul style="width:200px;">
                      <li> <a href="http://thekingfc.lovelyforum.net/f15-forum" target="_blank">Games nước ngoài</a></li>
                      <li> <a href="http://thekingfc.lovelyforum.net/f13-forum" target="_blank">Hỏi đáp game</a></li>
                      <li> <a href="http://thekingfc.lovelyforum.net/f14-forum" target="_blank">Hướng dẫn chung</a></li>
                      <li> <a href="http://thekingfc.lovelyforum.net/f12-forum" target="_blank">Link download games</a></li>
                    </ul>
            </li>

          <li><a class="item-primary" href="#" target="_self">Đăng ký</a>
                  <ul style="width:200px;">
                      <li> <a href="http://thekingfc.lovelyforum.net/register" target="_blank">Đăng ký làm thành viên</a></li>
                      <li> <a href="http://thekingfc.lovelyforum.net/f16-forum" target="_blank">Đăng ký chức vụ</a></li>

      </ul>
    </div>
    </td>
    </tr></table>
    </head>
    <center>

<p align="center"></p><div style="margin:auto;text-align:center;width:100%"><embed src="http://dl.dropbox.com/u/10126397/home.swf?msg=%C3%8A%20m%E1%BB%8Di%20ng%C6%B0%E1%BB%9Di%20%C6%A1i%21%7CBi%E1%BA%BFt%20tin%20g%C3%AC%20ch%C6%B0a%20???%7CC%C3%B3%20chuy%E1%BB%87n%20g%C3%AC%20n%C3%B3i%20nghe%20xem%20?%7CTui%20nghe%20n%C3%B3i%20Di%E1%BB%85n%20%C4%90%C3%A0n%20TheKingFC%20b%E1%BB%95%20%C3%ADch%20l%E1%BA%AFm%20%C4%91%E1%BA%A5y%21%7CTh%E1%BA%ADt%20%C3%A1???%7CTh%E1%BA%ADt%20%C4%91%E1%BA%A5y%7C%C3%80,%20hay%20m%C3%ACnh%20g%E1%BB%8Di%20anh%20em%20c%C3%B9ng%20dz%C3%B4%20di%E1%BB%85n%20%C4%91%C3%A0n%20%C4%91i%20hen%7C%E1%BB%AA%21%20%C3%BD%20hay%20l%E1%BA%AFm.%7CTui%20%C4%91i%20tr%C6%B0%E1%BB%9Bc%20nha,%20bai%21%7CHeey,%20ch%E1%BB%9D%20tui%20z%E1%BB%9Bi%7Ctui%20n%E1%BB%AFa%21" loop="false" menu="false" quality="best" scale="noscale" wmode="transparent" bgcolor="#CCCCCC" swliveconnect="true" id="home" name="home" allowscriptaccess="sameDomain" type="application/x-shockwave-flash" pluginspage="http://www.adobe.com/go/getflashplayer" align="middle" height="212" width="877"></div><p></p>

<!-- end_anh_chay -->

<object height="1" width="1"><param name="movie" value="http://www.nhaccuatui.com/l/8EYkXFGVlpxG"><param name="quality" value="high"><param name="wmode" value="transparent"><param name="flashvars" value="&amp;autostart=true"><embed src="http://www.nhaccuatui.com/l/8EYkXFGVlpxG" quality="high" wmode="transparent" type="application/x-shockwave-flash" flashvars="&amp;autostart=true" height="1" width="1"></object>

   
    <address>

    <hr>

    <p align="center">
        <style>
    a{text-decoration:none}
    </style>
    <table class="nen" style="border: 1.5px dashed #00bfff" align="center" width="940px">
    <tbody><tr><td style="border: 1.5px dashed #00bfff" colspan="1" align="center" width="350px"><div class="container-pp">
        <div class="contain-left">
          <div id="up-bar-submenu"></div>
            <link href="http://game.playpark.vn/wp-content/themes/update_playpark/slide.css" rel="stylesheet" type="text/css">
    <script language="javascript" src="http://game.playpark.vn/wp-content/themes/update_playpark/scripts/slide.js" type="text/javascript" charset="utf-8"></script>

    <script type="text/javascript">
    $(document).ready(function() {
        $("div.tabs").tabs("div.panes-holder > div.pane");
    });

    $(document).ready(function() {
      $("div.pager").tabs(".slides > .slide", {
          effect: 'fade',
          rotate: true
      }).slideshow({ autoplay:true, interval:6000 });
    });
    </script><div id="rotator"> 
            <div class="pager">       

                                                                                              <div class="thumb">
                <a href="#" class=""><img title="The House Of Beatboxing Communityn" alt="1. Beatboxing Community" src="http://i43.servimg.com/u/f43/17/33/84/95/den10.jpg" height="60" width="60"></a>
                </div>
                                                        <div class="thumb">
                <a href="#" class=""><img title="The House Of Beatboxing Community" alt="2. Beatboxing Community" src="http://i43.servimg.com/u/f43/17/33/84/95/xanh11.jpg" height="60" width="60"></a>
                </div>
                                                        <div class="thumb">
                <a href="#" class=""><img title="The House Of Beatboxing Community" alt="3. Beatboxing Community" src="http://i43.servimg.com/u/f43/17/33/84/95/xalaca10.jpg" height="60" width="60"></a>
                </div>
                                                        <div class="thumb">
                <a href="#" class=""><img title="The House Of Beatboxing Community­" alt="4. Beatboxing Community" src="http://i43.servimg.com/u/f43/17/33/84/95/do11.jpg" height="60" width="60"></a>
                </div>
                           
            </div>

          <div class="slides"> 
                                                                                                <div class="slide" style="display: block;">           
                                   
                      <a href="http://thekingfc.lovelyforum.net/t2-topic" target="_blank"><img title="1. Đọc nội quy của diễn đàn" alt="1. Đọc nội quy của diễn" src="http://i43.servimg.com/u/f43/17/33/84/95/den10.jpg" height="280" width="500"></a>
                      <div class="caption"><h2>1. Đọc nội quy của diễn đàn</h2> <a class="play-now" href="http://thekingfc.lovelyforum.net/t2-topic" target="_blank">play now!</a></div>
                  </div>
                                                              <div class="slide" style="display: none;">
                                   
                      <a href="/" target="_blank"><img title="2. Đang cập nhật nội dung thông tin" alt="2. Đang cập nhật nội dung thông tin" src="http://i43.servimg.com/u/f43/17/33/84/95/xanh11.jpg" height="280" width="500"></a>
                      <div class="caption"><h2>2. Đang cập nhật nội dung thông tin</h2> <a class="play-now" href="" target="_blank">play now!</a></div>
                  </div>
                                                              <div class="slide" style="display: none;">
                                   
                      <a href="http://gemcrew.forumvi.com/" target="_blank"><img title="3. Đang cập nhật nội dung thông tin" alt="3. Đang cập nhật nội dung thông tin" src="http://i43.servimg.com/u/f43/17/33/84/95/xalaca10.jpg" height="280" width="500"></a>
                      <div class="caption"><h2>3. Đang cập nhật nội dung thông tin</h2> <a class="play-now" href="" target="_blank">play now!</a></div>
                  </div>
                                                              <div class="slide" style="display: none;">
                                   
                      <a href="" target="_blank"><img title="4. Đang cập nhật nội dung thông tin­" alt="4. Đang cập nhật nội dung thông tin­" src="http://i43.servimg.com/u/f43/17/33/84/95/do11.jpg" height="280" width="500"></a>
                      <div class="caption"><h2>4. Đang cập nhật nội dung thông tin­</h2> <a class="play-now" href="" target="_blank">play now!</a></div>
                  </div>
            </div>
          </div>    </div>



    <table style="border:1px solid #d9d9d9;" align="center" cellpadding="0" cellspacing="0" width="280px"><tbody><tr><td><div><!--
    ------- Bảng thĂ´ng bĂ¡o -------------><img src="http://i43.servimg.com/u/f43/17/33/84/95/ign_ti10.jpg" width="270"><table align="center" cellpadding="0" cellspacing="0" width="96%"><tbody>
   
    <tr><td style="border-top:1px solid #d9d9d9;background:url(http://i43.servimg.com/u/f43/17/33/84/95/new11110.png) no-repeat;" height="30px" width="20px"></td><td style="border-top:1px solid #d9d9d9;"><a href="" target="_blank"><font color="red">


    <b>A. Cập nhật</b></font></a></td></tr>
    <tr><td style="border-top:1px solid #d9d9d9;background:url(http://i43.servimg.com/u/f43/17/33/84/95/new11110.png) no-repeat;" height="30px" width="20px"></td><td style="border-top:1px solid #d9d9d9;"><a href="" target="_blank"><font color="green">

    <b> B. Cập nhật<img src="http://i43.servimg.com/u/f43/17/33/84/95/icon_n11.gif"></b></font> </a></td></tr>
    <tr><td style="border-top:1px solid #d9d9d9;background:url(http://i43.servimg.com/u/f43/17/33/84/95/new11110.png) no-repeat;" height="30px" width="20px"></td><td style="border-top:1px solid #d9d9d9;"><a href=" target="_blank"><font color="blue">

    <b> C. Cập nhật <img src="http://i43.servimg.com/u/f43/17/33/84/95/icon_v10.gif"></b></font> </a></td></tr>
    <tr><td style="border-top:1px solid #d9d9d9;background:url(http://i43.servimg.com/u/f43/17/33/84/95/new11110.png) no-repeat;" height="30px" width="20px"></td><td style="border-top:1px solid #d9d9d9;"><a href="" target="_blank"><font color="blue">


    <b>D. Cập nhật</b></font></a></td></tr>
    </tbody></table>
    <p></p>

    </div></td></tr></tbody></table></div></td></tr></tbody></table></p></address></center>

<a href="http://www.forumvi.com" target="_blank"> </a>

[nh0xkubu00]

Cái này nhìn thấy quen quen sao ấy

[ZerO kIng 2]

Cái này nhìn thấy quen quen sao ấy

Cái này là do mình chỉnh sửa, rồi cấy ghép mà thành

Ủa mà cái này edit by ZerO kIng 2 mà sao lại quen quen

[[k]u[b]in]

Mình k thích cái thanh menu ngang cho mấy màu mè nhìn chán quá. ý kiến của mình

[handsomevip007]

Thanh menu ngang giống của bác Hùng chia sẻ, banner flash của skin uhm.vn, cái khung thông báo ghép lại, nền màu hơi tối
Không được đẹp

[[k]u[b]in]

Thanh menu ngang giống của bác Hùng chia sẻ, banner flash của skin uhm.vn, cái khung thông báo ghép lại, nền màu hơi tối
Không được đẹp

hình như chính là nó thì phải.
cái này chủ pic chỉ grsp chúng lại vs nhau mà thôi

[Sponsored content]