Share trang chủ tự cập nhật - Zone-IT đang dùng

[Thànhkent]

Đề mô : http://www.zone-it.tk

Thông Tin : Edit từ bản Feed Của Việt K ...

Edit by : Thành Kent ...

Cách làm ....
Tạo 1 trang html mới

Title * : Trang chủ tự cập nhật.

Do you wish to use your forum header and footer ? : Có

Use this page as homepage ? : Có


Và Dán code bên dưới vào và bấm Submit...

Code:


<style>

h1 {
   margin:0;
   font-size:1.5em;
   line-height:1.5em;
   display:inline;
}
h1:before {
   display:inline;
   overflow:hidden;
   vertical-align:middle;
   content:-o-skin('Mail Newsfeeds');
   margin-right:.2em;
   line-height:1.5em;
}
#learn {
   color:#fff;
   float:right;
   font-size:.75em;
   padding:0; margin:0;
   margin-right:2em;
}
#heading {
   margin-top:30px;
   background-color: #2C2C2C;
   background-image: -moz-linear-gradient(top, #333, #222);
   background-image: -ms-linear-gradient(top, #333, #222);
   background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#333), to(#222));
   background-image: -webkit-linear-gradient(top, #333, #222);
   background-image: -o-linear-gradient(top, #333, #222);
   background-image: linear-gradient(top, #333, #222);
   background-repeat: repeat-x;
   filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#333333',endColorstr='#222222', GradientType=0);
   -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.25),inset 0 -1px 0 rgba(0, 0, 0, 0.1);
   -moz-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.25),inset 0 -1px 0 rgba(0, 0, 0, 0.1);
   box-shadow: 0 1px 3px rgba(0, 0, 0, 0.25),inset 0 -1px 0 rgba(0, 0, 0, 0.1);
   color:#fff;   
   text-align:left;
   padding:6px 20px 6px 30px;
}
#heading select,#heading button {
   margin:0 2ex;
   min-width:16ex;
}
a {
   text-decoration:none;
}
a:hover {
   text-decoration:underline;
}
#items {
   display:block;
   clear:both;
   text-align:center;
   margin:2em 0;
   padding:0;
   overflow:hidden;
}
#items>ul {
   position:relative;
   list-style:none;
   margin:0;
   padding:0;
   border:0;
   width:auto;
   display:inline-block;
   text-align:left;
}
#items>ul>li {
   vertical-align:top;
   font:normal normal .8em/1.6em sans-serif;
   display:inline-block;
   margin:1%;
   padding:5px;
   width:46%;
        height: 220px;
   position:relative;
        background: #ffffff;
        border: 1px solid #DEDEDE;
        border-radius: 5px;
        box-shadow: 2px 2px 4px #EDEDED;
}
#items>ul>li>h2 {
   font:normal lighter 1.66em/1.1em sans-serif;
   margin:0;
   color:#000;
   overflow:hidden;
   -o-text-overflow:ellipsis;
   border-bottom:0px solid #DEDEDE;
}
#items>ul>li>h2>a {
   display:block;
   color:inherit;
   padding:0.5em;
   border-bottom:3px solid #37B2C9;
        font-size:10pt;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;       
}
#items>ul>li>h2>a:hover {
   text-decoration:none;
   color:#f068f0;
   border-bottom:3px solid #40B7EF;
}
#items>ul>li>p {
   color:#999;
   text-align:right;
   margin:1.1ex;
   font-size:.9em;
   line-height:1.3em;
   white-space:pre-wrap;
}
#items>ul>li a {
   color:#b00;
}
#items>ul>li>div {
   text-align:justify;
   height:105px;
   margin:0;
   padding:0 1ex;
   color:#555;
   vertical-align:top;
        overflow: hidden !important;
}
#items>ul>li>div pre {
   font:.9em/.9em monospace;
   background:#eee;
   overflow:auto;
   border:1px solid #999;
   border-width:1px 0;
   padding:1em;
   clear:both;
}
#items>ul>li>div pre a {
   font-style:normal;
}
#items>ul>li>div p {
   clear:both;
   margin:0 0 2em 0;
}
#items>ul>li>div a {
   font-style:italic;
   margin-right:.25em;
}
#items>ul>li>div img {
   position:relative;
   display:inline-block;
   vertical-align:middle;
   max-width:100%;
   max-height:50ex;
   padding:.5ex;
   box-sizing:border-box;
   ;
}
#items>ul>li>div h1,#items>ul>li>div h2,#items>ul>li>div h3,#items>ul>li>div h4,#items>ul>li>div h5,#items>ul>li>div h6,#items>ul>li>div div {
   display:block;
   clear:both;
}



@media handheld {

   #heading>button {
      display:inline;
      width:auto;
      margin:0 .5em;
      height:auto;
   }
   #items {
      margin:1em 0;
   }
   #items>ul {
      display:block;
   }
   #items>ul>li {
      font:normal normal 1em/1.5em sans-serif;
      display:block;
      padding:1em;
      margin:0;
      width:auto;
      background:#fff;
   }
   #items>ul>li:nth-child(2n) {
      background:#eee;
   }
   #items>ul>li>h2 {
      font:normal bold 1.33em/1.2em sans-serif;
   }
   #items>ul>li>h2>a:hover {
      background:#fff;
   }
   #items>ul>li>div {
      border:0;
      padding:0;
      margin:0;
   }
   #items>ul>li>div:after {
      clear:both;
      content:' ';
      display:block;
   }
   #items>ul>li>div pre {
      font:1em/1em monospace;
      background:#ddd;
   }
   #items>ul>li>div a {
      font-style:normal;
   }
embed,img,table {
   max-width: 300px
}
   
</style>


<div style="float:left;width: 75%;overflow: hidden !important;height:2500px;">
  <div id="items">
      <ul id="itemsUl">
     
      </ul>
</div>
</div>





<div style="float:right;width: 23%;padding-top:2em;padding-right:1%;">






 <div class="main">
        <div class="main-head-quangcaobenphai">
            <div class="page-tile">Last Online</div>
        </div>
        <div class="main-content">
        <div style="padding:10px;">
   
         
          <style>#topp img {margin:5px;height: 35px;width: 35px;background-color: #FCFCFF;padding: 2px;border: 1px solid #CCC;border-radius: 4px;-webkit-border-radius: 4px;-moz-border-radius: 4px;-khtml-border-radius: 4px;}#topp {text-align: left;width: 215px;}#topp a span{display:none;}#topp a:hover span {display: inline;position: absolute;padding: 5px;border: 1px solid white;border-radius: 1px;background: rgba(0, 0, 0, 0.8);box-shadow: 0 0 4px #333;color: white !important;font-size: 10px;}</style>
          <div id="topp"></div>
          <script>jQuery("#topp").load("/memberlist?mode=lastvisit&order=DESC&submit=Ok&username td.avatar-mini a:lt(16)");</script>
         
         
        </div>
    </div>
</div>








 <div class="main">
        <div class="main-head-quangcaobenphai">
            <div class="page-tile">Music</div>
        </div>
        <div class="main-content">
        <div style="padding:10px;">
          <object width="300" height="400">  <param name="movie" value="http://www.nhaccuatui.com/l/vGEcupnRaHd1" />  <param name="quality" value="high" />  <param name="wmode" value="transparent" />  <param name="allowscriptaccess" value="always" />  <param name="flashvars" value="&autostart=false" />  <embed src="http://www.nhaccuatui.com/l/vGEcupnRaHd1" flashvars="target=blank&autostart=false" allowscriptaccess="always" quality="high" wmode="transparent" type="application/x-shockwave-flash" width="200" height="220"></embed></object>
        </div>
    </div>
</div>



 <div class="main">
        <div class="main-head-quangcaobenphai">
            <div class="page-tile">Sự Kiện</div>
        </div>
        <div class="main-content">
        <div style="padding:10px;">

<span style="font-weight: bold;">
<img src="http://i646.photobucket.com/albums/uu185/vanhoai1111/th_28.gif" alt="" align="" border="0px" />
<a href="/">
<span style="color: rgb(255, 0, 0); "> Tổng hợp Code FM</span>
</a></span>
<br/>
<br/>
<span style="font-weight: bold; ">
<img src="http://i646.photobucket.com/albums/uu185/vanhoai1111/th_28.gif" alt="" align="" border="0px" />
<a href="/">
<span style="color: rgb(255, 0, 0); "> Tổng hợp Code FM</span>
</a></span>
<br/>
<br/>
<span style="font-weight: bold; ">
<img src="http://i646.photobucket.com/albums/uu185/vanhoai1111/th_28.gif" alt="" align="" border="0px" />
<a href="/">
<span style="color: rgb(255, 0, 0); "> Tổng hợp Code FM</span>
</a></span>
<br/>
<br/>
<span style="font-weight: bold; ">
<img src="http://i646.photobucket.com/albums/uu185/vanhoai1111/th_28.gif" alt="" align="" border="0px" />
<a href="/">
<span style="color: rgb(255, 0, 0); "> Tổng hợp Code FM</span>
</a></span>
<br/>
<br/>
<span style="font-weight: bold; ">
<img src="http://i646.photobucket.com/albums/uu185/vanhoai1111/th_28.gif" alt="" align="" border="0px" />
<a href="/">
<span style="color: rgb(255, 0, 0); "> Tổng hợp Code FM</span>
</a>
</span>

</div>
</div>
</div>


 <div class="main">
        <div class="main-head-quangcaobenphai">
            <div class="page-tile">Quảng Cáo</div>
        </div>
        <div class="main-content">
        <div style="padding:10px;">
   

<a href="/" title="Kick để liên hệ quảng cáo" target="_blank">
<img src="http://i38.servimg.com/u/f38/16/58/45/96/300x2510.jpg" alt="quang cao" width="200" height="250">
</a>
<br/>
<a href="/" title="Kick để liên hệ quảng cáo" target="_blank">
<img src="http://i38.servimg.com/u/f38/16/58/45/96/300x2510.jpg" alt="quang cao" width="200" height="250">
</a>
<br/>
<a href="/" title="Kick để liên hệ quảng cáo" target="_blank">
<img src="http://i38.servimg.com/u/f38/16/58/45/96/300x2510.jpg" alt="quang cao" width="200" height="250">
</a>
<br/>
        </div>
    </div>
</div>
</div>







 



  <!-- FM Feed Reader - Written by Việt  K (vui lòng không xóa dòng này) -->
  <div id="footer">
      Layout : Opera -  Copyright © 2012 <a href="diendan.chinhphuc.info">ChinhPhuc</a>.
  </div>
<div style="display:none">
<a href="http://forumvi.com">Forumvi</a>
</div>

      <script type="text/javascript" src="//c3zone.forumj.net/35033.js"></script>


Done...

[hunghsmn]

Cám ơn bạn đã mạnh dạng chia sẻ.
Việt K ơi! Vô chấm điểm đi

[Darren_ngoisaobay]

Hay quá, like mạnh. Nhưng mà a ơi, có cách nào ẩn mấy cái bài viết tđyt hay shop ở trang này k anh. Tks a nhiều

[notme]

khá đơn điệu nên cải tổ thêm vài cái ảnh vào cho đẹp

[Ocean Sapphire]

Khá đẹp, xem ra bạn này cũng giống bác Hùng, có hứng thú với việc trang trí trang đọc feed của huynh

[Truong Lam]

thế muốn thêm top bài gởi cộng thành viên mới vào cái đó giống trang của bạn thì làm thế nào bạn!

[hunghsmn]

thế muốn thêm top bài gởi cộng thành viên mới vào cái đó giống trang của bạn thì làm thế nào bạn!

Xem của mình thử Rất đẹp nè

[Darren_ngoisaobay]

Hay quá, like mạnh. Nhưng mà a ơi, có cách nào ẩn mấy cái bài viết tđyt hay shop ở trang này k anh. Tks a nhiều

Có ai chỉ mình với

[Truong Lam]

Hay quá, like mạnh. Nhưng mà a ơi, có cách nào ẩn mấy cái bài viết tđyt hay shop ở trang này k anh. Tks a nhiều

Do you wish to use your forum header and footer ? : chọn không

có lẽ như vậy nó sẽ không hiện mấy cái kia ra haha

[Truong Lam]

của bác hunghsmn đẹp quá share hết luôn i bác ưi!

[hunghsmn]

của bác hunghsmn đẹp quá share hết luôn i bác ưi!

Bác có làm gì đâu mà. Của chủ topic, đáng lẽ bỏ làm trang html thì bác mang bỏ vào trên index_box , sau đó ẫn nội dung của index_box đi, cần thì bấm hiện lên. Có những thứ trong trong index_box có nhưng ta không thể mang sang trang html, thì mang nội dung trang html vào index_box vậy thôi

[Truong Lam]

bác hùng ơi! vậy bác giúp cháu! thêm vào ngoài trang chủ cái top post và new mem đưọc không! giống như chủ topic đó bác

[Sponsored content]