Hỗ trợ Forumotion
Bạn có muốn phản ứng với tin nhắn này? Vui lòng đăng ký diễn đàn trong một vài cú nhấp chuột hoặc đăng nhập để tiếp tục.

You are not connected. Please login or register

Xem chủ đề cũ hơn Xem chủ đề mới hơn Go down  Thông điệp [Trang 1 trong tổng số 1 trang]

Mr.Baut1102
  • Member

Mr.Baut1102

Member


Mr.Baut1102

Mr.Baut1102
loading...

demo :)) [You must be registered and logged in to see this link.]
cho vào HTML:


Do you wish to use your forum header and footer ?: chọn có

Use this page as homepage ?: Chọn Có
HTML source * : Chén  Code sau vào:

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 dav"float:left;width: 75%;overflow: hidden !important;height:2500px;">
  <div id="items">
      <ul id="itemsUl">
      
      </ul>
</div>
</div>




<div dav"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 dav"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 dav"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 dav"padding:10px;">

<span dav"font-weight: bold;">
<img src="http://i646.photobucket.com/albums/uu185/vanhoai1111/th_28.gif" alt="" align="" border="0px" />
<a href="/">
<span dav"color: rgb(255, 0, 0); "> Tổng hợp Code FM</span>
</a></span>
<br/>
<br/>
<span dav"font-weight: bold; ">
<img src="http://i646.photobucket.com/albums/uu185/vanhoai1111/th_28.gif" alt="" align="" border="0px" />
<a href="/">
<span dav"color: rgb(255, 0, 0); "> Tổng hợp Code FM</span>
</a></span>
<br/>
<br/>
<span dav"font-weight: bold; ">
<img src="http://i646.photobucket.com/albums/uu185/vanhoai1111/th_28.gif" alt="" align="" border="0px" />
<a href="/">
<span dav"color: rgb(255, 0, 0); "> Tổng hợp Code FM</span>
</a></span>
<br/>
<br/>
<span dav"font-weight: bold; ">
<img src="http://i646.photobucket.com/albums/uu185/vanhoai1111/th_28.gif" alt="" align="" border="0px" />
<a href="/">
<span dav"color: rgb(255, 0, 0); "> Tổng hợp Code FM</span>
</a></span>
<br/>
<br/>
<span dav"font-weight: bold; ">
<img src="http://i646.photobucket.com/albums/uu185/vanhoai1111/th_28.gif" alt="" align="" border="0px" />
<a href="/">
<span dav"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 dav"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 dav"display:none">
<a href="http://forumvi.com">Forumvi</a>
</div>

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

Trả lời nhanh


  • www.vn3s.net
    www.vn3s.net

    Bài gửi 27/11/2012, 9:05 pm www.vn3s.net

    đề mô ông ơi./... Cười lăn lộn ko có đề mô mấy bé ko dám làm đâu Cười lăn lộn

    Trả lời nhanh
  • Admin
    Admin

    Bài gửi 27/11/2012, 10:11 pm Admin

    Bổ sung demo ngay e nhé. Nếu không 24h nữa a Close topic

    Trả lời nhanh
  • www.vn3s.net
    www.vn3s.net

    Bài gửi 16/11/2013, 10:50 am www.vn3s.net

    demo onl [You must be registered and logged in to see this link.]

    Trả lời nhanh
  • Sponsored content

    Bài gửi Sponsored content

    Trả lời nhanh

Xem chủ đề cũ hơn Xem chủ đề mới hơn Về Đầu Trang Thông điệp [Trang 1 trong tổng số 1 trang]

Permissions in this forum:
Bạn không có quyền trả lời bài viết