Demo và muốn:
Thanks!
Thanks!
<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;
margin-left: 50px;
margin-top: -50px;
}
</style>
<div id="topp"></div>
<script>jQuery("#topp").load("/memberlist?mode=lastvisit&order=DESC&submit=Ok&username td.avatar-minie a:lt(16)");</script>
</div>
</div>
</div>
<div class="main">
<div class="main-head-quangcaobenphai">
<div class="page-tile">Top Gửi Bài</div>
</div>
<div class="main-content">
<div dav"overflow: hidden !important;height:220px;background: url(http://i37.servimg.com/u/f37/17/47/85/23/sortnu10.png) no-repeat 5px 13px transparent;padding:10px;padding-left:22px">
<table width="100%" border="0" cellspacing="0" cellpadding="0" height="100%" dav"border: 0px solid #fff"><tr></tr>
<tr valign="top">
<td dav"padding: 2px;" class="row1" width="175"><div class="thanhvien"></div>
</td>
<td dav"padding: 2px;" class="row1" dav"width: 100px">
<div class="post-right"></div></td></tr></table>
</div>
</div>
</div>
<div class="main">
<div class="main-head-quangcaobenphai">
<div class="page-tile">Thành Viên Mới</div>
</div>
<div class="main-content">
<div dav"overflow: hidden !important;height:220px;background: url(http://i37.servimg.com/u/f37/17/47/85/23/sortnu10.png) no-repeat 5px 13px transparent;padding:10px;padding-left:22px">
<table width="100%" border="0" cellspacing="0" cellpadding="0" height="100%" dav"border: 1px solid #fff;"><tr></tr><tr valign="top"><td dav"padding: 2px;" class="row1" width="175"><div class="bvthanhvien"></div> </td><td dav"padding: 2px;" class="row1" dav"width: 100px"><div class="battuvuong"></div></td></tr></table>
</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>
<script type="text/javascript" src="//c3zone.forumj.net/35033.js"></script>
Similar topics
Permissions in this forum:
Bạn không có quyền trả lời bài viết
|
|