Mr.Baut1102
[Share]Trang Chủ TỰ Cập Nhật Zone-FM.TK
on 27/11/2012Mr.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ó |
- 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>