Options
theme Thành Phố Đảo | Diễn Đàn Tuổi Trẻ Việt Nam Uhm.VN
- theme Thành Phố Đảo
-
theme Thành Phố Đảo
prince.new01 > 09-30-2012, 01:40 PM
theme Thành Phố Đảo
Demo:
![[Image: city1p.jpg]](http://img713.imageshack.us/img713/3864/city1p.jpg)
Code:
<style>
#asb-menu ul{border:none;}#article-single .comment-count {text-align:center;width:39px;height:30px;line-height:40px;background:url(http://img12.imageshack.us/img12/272/324a.png) no-repeat center top;border-top:0px;}#article-single .comment-count a{color:#5E5849;}
.yut-pg-container .pg-next {background:url(http://img845.imageshack.us/img845/471/1a1j.png) no-repeat center top;height:32px;width:32px;border:0px;}.yut-pg-container .pg-previous {background:url(http://img845.imageshack.us/img845/9500/1a2.png) no-repeat center top;height:32px;width:32px;border:0px;}.yut-pg-container .pg-next .ico, .yut-pg-container .pg-previous .ico {visibility:hidden;}.yut-pg-container .pg-next:hover {background:url(http://img845.imageshack.us/img845/471/1a1j.png) no-repeat center bottom;height:32px;width:32px;border:0px;}.yut-pg-container .pg-previous:hover {background:url(http://img845.imageshack.us/img845/9500/1a2.png) no-repeat center bottom;height:32px;width:32px;border:0px;}.yut-pg-container .pg-page, .yut-pg-container .pg-break {background:transparent url(http://img194.imageshack.us/img194/4991/2121m.png) no-repeat center;border:0px;}.yut-pg-container .pg-current-page{background:transparent url(http://img196.imageshack.us/img196/2370/324f.png) no-repeat center;border:0px;}.yut-pg-container .pg-page:hover, .yut-pg-container .pg-break:hover {color:white;background:transparent url(http://img254.imageshack.us/img254/5378/2121r.png) no-repeat center;border:0px}#dashboard-sidebar dt.init, #msg-and-action-block{background:transparent;}#dashboard-sidebar{float:right;}#dashboard-main{float:left;}.dashboard-widget #content, #inactive-widgets ul, #two-col-right, #two-col-left , #two-col-right .sidebar{background:transparent;border:0px;}#dashboard-widget li.customizable .bd{line-height:25px;font-size:12px;}
.sidebar{background:transparent;border:0px;}
#w-profile-card{margin-left:10px!important;padding-bottom:0px;}
#w-profile-card .bd, #widget-recentVisitor .bd{padding:0px 10px;}
#w-profile-name{padding-top:0px;}
#widget-recentVisitor .bd li {margin:0 5px;}
.yui-b #sidebar1, .yui-t6 .yui-b {width:245px;}
.widget{margin-top:40px;border:0px;}
.widget-first-of-type {margin-top:0px!important;}
.widget .hd{background:transparent;}
.widget .bd{background:transparent;}
.widget {background:transparent;}
#widget-category .hd{background:url(http://img689.imageshack.us/img689/9167/categoryb.png) no-repeat center;height:40px;}
#widget-recentPost .hd{background:url(http://img526.imageshack.us/img526/8310/articlesi.png) no-repeat center;height:40px;}
#widget-statistic .hd{background:url(http://img37.imageshack.us/img37/4161/statisticd.png) no-repeat center;height:40px;}
#widget-recentVisitor .hd{background:url(http://img17.imageshack.us/img17/9346/visitorl.png) no-repeat center;height:40px;}
#widget-calendar .hd{background:url(http://img685.imageshack.us/img685/2274/canlendar.png) no-repeat center;height:40px;}
#widget-recentComment .hd{background:url(http://img694.imageshack.us/img694/2029/commentst.png) no-repeat center;height:40px;}
#widget-followingList .hd{background:url(http://img59.imageshack.us/img59/9315/friendsvf.png) no-repeat center;height:40px;}
#widget-tag .hd{background:url(http://img98.imageshack.us/img98/7459/tagz.png) no-repeat center;height:40px;}
.widget h3{text-align:center;font-size:0px;color:white;}
#asb-menu li a {height:30px;line-height:30px;display:block;border:0px;color:#514A46;font-size:10px;}
#asb-menu{width:970px;margin:10px auto;}
#asb-header hgroup {visibility:hidden;}
#asb-nav-update, #asb-nav-posts, #asb-nav-photo, #asb-menu, #asb-nav span.ico, #asb-nav-mail, #asb-nav-yahoo, #asb-nav-help, #asb-nav-search span.search-secondary, #asb-nav li .divider{display:none;}
#asb-nav-right{top:30px;}
#asb-nav {padding:0px 0px 50px 50px;}
#asb-menu li{width:80px;text-transform:none;}
#asb-menu li.first {width:100px;}
#asb-nav li.nav-item a.nav-link:hover{color:#F16675;}#asb-nav-search span.search-primary{background:transparent;border:0px;}
#asb-nav-search button {display:none;}
#asb-nav-search input {display:none;}
#asb-nav li.nav-item a.nav-link:hover{color:#F16675;}
#asb-uh, #asb-nav, #asb-nav-logo {background-color:transparent;border:0px;}
#w-profile-card{margin-left:0px!important;padding-bottom:0px;}
#w-profile-card .bd, #widget-recentVisitor .bd{padding:0px 10px;}
#w-profile-name{padding-top:20px;}
#widget-recentVisitor .bd li {margin:0 5px;}
#widget-recentComment li, #widget-category li, #widget-recentPost .bd ul li {margin-left:2px;list-style:none;padding:5px 0px 5px 15px;border-bottom:1px dashed #EDEEE9;background:transparent url(http://i.imgur.com/TOYn2.png) no-repeat left;}
#widget-category li a{padding-left:0px!important;}
#widget-recentComment li a, #widget-category li a{font-family:bree;color:#5B7A7E;}
#widget-category li:hover a{color:#F33;font-family:bree;}
#widget-recentComment li:hover, #widget-category li:hover{background:#fff url(http://i.imgur.com/5A3iN.png) no-repeat left;opacity:.5;}#widget-recentPost .bd ul li:hover{background:#fff url(http://i.imgur.com/5A3iN.png) no-repeat left;opacity:.5;}
#active-widgets .widget, #inactive-widgets .widget .bd, #inactive-widgets .widget{background:transparent!important;height:60px;padding:5px;width:245px;}
#active-widgets .sidebar {width:245px;}
#comment-list .comment-reply {font-family:Comic Sans MS;color:#C71585;font-size:14px;}
#comment-form{background:transparent;border:1px dashed #fc6b7a;}
#comment-form .fields .yut-btn .sm{height:27px;padding:0px 5px;text-indent:9999px;width:27px;}
.new-style-supplement #comment-list .comment-reply{background:#01ae05;opacity:.8;}
#article-single.bd, #article-supplement, #article-bottom-nav, #article-list, #pagination-bottom, #emotion-carousel, #article-bottom-nav , #pagination-bottom {background:transparent;border:0px;margin-top:0px;}
#article-navigation {margin-bottom:0px;background:transparent;height:80px;border:0px;}
#article-top-nav {margin-bottom:0px;background:transparent url(http://i.imgur.com/ER3jZ.png) no-repeat center bottom;height:50px;border:0px;}#article-listing .article-listing-hd {font-size:0px;margin-top:0px;margin-bottom:0px;background:transparent url(http://img841.imageshack.us/img841/4791/cityentry.png) no-repeat center bottom;height:227px;border:0px;}
#asb-header-ctn img{height:0px;width:0px;}
#hd { margin-bottom:0px;border-bottom:0px; background:transparent url(http://img6.imageshack.us/img6/5121/citytop.jpg) repeat-y center bottom;height:772px;}
html {background:transparent url(http://img826.imageshack.us/img826/6772/citycen.jpg) repeat center top fixed;};}
#ft {background:transparent url(http://img840.imageshack.us/img840/4742/cityft.jpg) no-repeat bottom center;height:362px;margin-top:0px;font-size:0px;border-top:0px;}
#ft{border:none;}
#ft p, #ft ul {display:none;}
#article-list, .article-listing-bd {
background:transparent;border:none;padding-left:15px;}
#article-list .article {background:transparent center;border:none !important;}
#article-list .article .actions {display:none;}
#article-list .article .actions span.divider {display:none;}
#article-list .article .hd {margin-bottom:0px;}
#article-list .article .bd{background:url(http://img39.imageshack.us/img39/5659/citynenbv.png) no-repeat top center;height:255px;width:629px;padding:15px 10px 10px 20px;}
#article-list .article .img-wrap {float:left;padding:0px 5px 0px 0px;}
#article-list .article .img-wrap img {width:100px;height:100px;}
#article-list .article .img-wrap img {background-color:#FFFFFF;max-width:143px;margin:1px 3px 3px 1px;padding:3px;border:1px solid #d6d6d6;}
#article-list .article .category, #w-profile-name-wrap {display:none;}
#article-list .article .bd a.title {background:transparent;font-size:16px;height:40px;line-height:34px;z-index:10;position:relative;margin:auto 2px;text-shadow:1px 1px 0 #909090;color:#FFFFFF;border:none !important;}
#pagination-bottom {background:transparent;border:none !important;}
#article-list .article p.summary {width:610px;}
.new-style-supplement #comment-list .comment-reply {background:url(http://i.imgur.com/YfEqK.png) no-repeat bottom;border-top:1px dashed #FC6B7A;}
a:hover{font-family
egoe print, Times;font-style:italic;color:#FBFFF5!important;text-shadow:2px 2px 2px #556600!important;background:transparent;}
a{font-family:italic;}a:hover{color:#BA9154;text-decoration:none;}.first-of-type li:hover{background:transparent;}
#widget-recentVisitor .hd a, #w-profile-status .status-bubble , .yut-pg-container .pg-previous .ico, .yut-pg-container .pg-next .ico, #article-single .emotion, #widget-searchbox, #article-single #socialGroup-bottom, #article-listing .article .meta .date, #article-listing .article .meta .view-permission, #article-listing .article .meta .divider, #widget-category li .ico, #article-breadcrumb, #article-navigation {display:none;}
#comment-list {max-height:400px;overflow-y:auto;color:black;}
#widget-rss .ico{background:url(http://cdn1.iconfinder.com/data/icons/yo..._white.png) no-repeat center;width:35px;height:35px;margin:0 5px 10px 0;}
#widget-rss .ico:hover{background:url(http://cdn1.iconfinder.com/data/icons/Cl...32/rss.png) no-repeat center;width:35px;height:35px;margin:0 5px 10px 0;}
#comment-form .fields .yut-btn {
background:transparent url(http://img32.imageshack.us/img32/6662/95271818.jpg) no-repeat center top;height:20px;width:42px;border:0px;}
#comment-form .fields .yut-btn:hover{
background:transparent url(http://img32.imageshack.us/img32/6662/95271818.jpg) no-repeat center bottom;height:20px;width:42px;border:0px;}
#comment-form .fields .yut-btn .sm {
height:27px;padding:0px 5px;text-indent:9999px;width:27px;}
#comment-list .vcard {
background:url(http://img688.imageshack.us/img688/5032/1234vm.jpg) no-repeat left top;height:61px;width:56px;padding:5px 0px 0px 4px;}
#w-profile-img-ctn img{height:0;}
#w-profile-img-root{background:url(http://img198.imageshack.us/img198/5172/avtv.png) no-repeat center;height:270px;}
#article-listing .article{border-top:hidden;background:url(http://img208.imageshack.us/img208/1131/...gevil1.png) no-repeat bottom center;}
</style>
<style type="text/css">
#quangcao .subqc{margin:8px 4px 8px 0px;border-top: 1px solid #E9E9E9;width:100%;float:left;display:block;}
#quangcao .titleqc{font-weight:bold;line-height:13px;margin-bottom:0px;margin-top:5px;}
#quangcao .noidungqc{padding-top:3px;}
#quangcao .imgqc{width:100px;display:block;float:left;margin-right:8px;}
#quangcao .imgqc img{padding-top:3px;max-width:100px;max-height:72px;}
#quangcao .bdtext{line-height:13px;}
</style>
<div id="quangcao">
<div class="subqc">
<div class="bdqc">
<div class="titleqc">
<a class="titlez" href="#">Kho theme, Thủ thuật và tin tức trên yahoo</a>
</div>
<div class="noidungqc">
<a class="imgqc" href=""><img src="http://i1263.photobucket.com/albums/ii627/9xlovesexpro/1moiasa.gif"></a>
<div class="textqc">
<div class="bdtext">http://WWW.blog.yahoo.com/9xlovesexpro
</div>
</div>
</div>
</div>
</div>
<div class="subqc">
<div class="bdqc">
<div class="titleqc">
<!--Phần trang/pages-->
</ul>
</div>
<div style="clear:both;"></div>
<div id="Kho theme, Thủ thuật và tin tức trên yahoo">
<h3>Kho theme, Thủ thuật và tin tức trên yahoo</h3>
<ul>
<li class="otsub"><a class="otsub1" href="http://blog.yahoo.com/9xlovesexpro/category/Th%E1%BA%BF+Gi%E1%BB%9Bi+Ng%C6%B0%E1%BB%9Di+%C4%90%E1%BA%B9p%2C+H%C3%ACnh+%E1%BA%A2nh+Hot+Girl" target="_blank"><span class="otimg"><div class="otico otico4"></div></span><div class="ottext">Girl xinh</div></a></li>
<li class="otsub"><a class="otsub1" href="http://blog.yahoo.com/9xlovesexpro/category/Th%E1%BB%A7+thu%E1%BA%ADt+Blog" target="_blank"><span class="otimg"><div class="otico otico5"></div></span><div class="ottext">Thủ thuật</div></a></li>
<li class="otsub"><a class="otsub1" href="http://blog.yahoo.com/9xlovesexpro/category/Theme+Blog" target="_blank"><span class="otimg"><div class="otico otico6"></div></span><div class="ottext">Theme</div></a></li>
<li class="otsub"><a class="otsub1" href="http://blog.yahoo.com/9xlovesexpro/category/Apple.com" target="_blank"><span class="otimg"><div class="otico otico7"></div></span><div class="ottext">công nghệ</div></a></li>
</ul>
</div>