Share CSS theme Wechat (2 cột) - Phiên bản có thể in
Diễn Đàn Tuổi Trẻ Việt Nam Uhm.VN
Share CSS theme Wechat (2 cột) - Phiên bản có thể in

+- Diễn Đàn Tuổi Trẻ Việt Nam Uhm.VN (https://uhm.vn/forum)
+-- Diễn đàn: Diễn đàn Công nghệ - IT (https://uhm.vn/forum/Forum-Di%E1%BB%85n-%C4%91%C3%A0n-C%C3%B4ng-ngh%E1%BB%87-IT)
+--- Diễn đàn: Thế Giới Blog (https://uhm.vn/forum/Forum-Th%E1%BA%BF-Gi%E1%BB%9Bi-Blog)
+---- Diễn đàn: Yahoo! 360 Plus (https://uhm.vn/forum/Forum-Yahoo-360-Plus)
+---- Chủ đề: Share CSS theme Wechat (2 cột) (/Thread-Share-CSS-theme-Wechat-2-c%E1%BB%99t)



Share CSS theme Wechat (2 cột) - prince.new01 - 10-16-2012

Share CSS theme Wechat (2 cột)

Demo
[Image: 309201218465195.png]


Code:

<style>
body{background:url(http://direct1.anhso.net/original/16/168279/309201217115946.jpg) repeat;background-attachment:fixed;}
#hd {margin-bottom:0px;border-bottom:0px;background:transparent url(http://direct1.anhso.net/original/16/168279/30920121681875.png) no-repeat center bottom;height:450px;border-bottom:0px;}
#bd {background:transparent url(http://direct1.anhso.net/original/16/168279/3092012155448419.png) repeat-y top center;width:990px;}
#ft {font-size:0px;border-top:0px;padding:0 0 0 0;background:url(http://direct1.anhso.net/original/16/168279/3092012154855721.png) no-repeat center top;height:300px;margin-top:0px;width:990px;}
#widget-externalSource h3,#widget-category h3, #widget-recentPost h3, #widget-recentComment h3, #widget-statistic h3, #widget-recentVisitor h3, #widget-calendar h3, #widget-followingList h3, #widget-tag h3,.widget h3 {font-size:0px;}
#widget-recentVisitor .hd {background:transparent url(http://direct1.anhso.net/original/16/168279/309201216268803.png) no-repeat center;height:44px!important;}
#widget-calendar .hd {background:transparent url(http://direct1.anhso.net/original/16/168279/309201216265401.png) no-repeat center;height:44px!important;}
#widget-statistic .hd {background:transparent url(http://direct1.anhso.net/original/16/168279/309201216268165.png) no-repeat center;height:44px!important;}
#widget-tag .hd {background:transparent url(http://direct1.anhso.net/original/16/168279/309201216268438.png) no-repeat center;height:44px!important;}
#widget-category .hd {background:transparent url(http://direct1.anhso.net/original/16/168279/309201216265781.png) no-repeat center;height:44px!important;}
#widget-recentComment .hd {background:transparent url(http://direct1.anhso.net/original/16/168279/309201216266478.png) no-repeat center;height:44px!important;}
#widget-recentPost .hd {background:transparent url(http://direct1.anhso.net/original/16/168279/309201216267630.png) no-repeat center;height:44px!important;}
#widget-followingList .hd {background:transparent url(http://direct1.anhso.net/original/16/168279/309201216267261.png) no-repeat center;height:44px!important;}
#widget-externalSource .hd {background: transparent url(http://direct1.anhso.net/original/16/168279/309201216269362.png) no-repeat center; height:44px;}
.widget.hd {background: transparent url(http://direct1.anhso.net/original/16/168279/309201216269362.png) no-repeat center; height:44px;}
#widget-recentVisitor .hd a {font-size:0px;background:transparent;}
#article-listing .article{border-top:hidden;background:url(http://direct1.anhso.net/original/16/168279/309201214571954.png) no-repeat bottom center;}
#article-listing .img-wrap img {max-width:75%;float:left;padding:24px 0 0 26px;height:101px;width:118px;}
#article-listing .img-wrap {float:left;height:150px;width:170px;background:transparent;}
#article-listing .article .summary {text-align:justify;padding-top:15px;}
.yut-pg-container .pg-next {background:url(http://direct1.anhso.net/original/16/168279/2992012113812803.png) no-repeat center;height:32px;width:32px;border:0px;}
.yut-pg-container .pg-previous {background:url(http://direct1.anhso.net/original/16/168279/2992012113814253.png) no-repeat center;height:32px;width:32px;border:0px;}
.yut-pg-container .pg-next:hover {background:url(http://direct1.anhso.net/original/16/168279/2992012113813124.png) no-repeat center;height:32px;width:32px;border:0px;}
.yut-pg-container .pg-previous:hover {background:url(http://direct1.anhso.net/original/16/168279/2992012113813986.png) no-repeat center;height:32px;width:32px;border:0px;}
.yut-pg-container .pg-next .ico, .yut-pg-container .pg-previous .ico {visibility:hidden;}
.yut-pg-container .pg-page, .yut-pg-container .pg-break {font-size:0px!important;color:#6fc1a5;background:transparent url(http://direct1.anhso.net/original/16/168279/2992012113813728.png) no-repeat center;border:0px;}
.yut-pg-container.pg-current-page{color:#4f957d;background:transparent url(http://direct1.anhso.net/original/16/168279/2992012113812521.png) no-repeat center;border:0px;}
.yut-pg-container .pg-page:hover,
.yut-pg-container .pg-break:hover {color:#4f957d;background:transparent url(http://direct1.anhso.net/original/16/168279/2992012113813381.png) no-repeat center;border:0px;}
a:hover {color:#3b8f16;font-family:Verdana;}
a {color:#2d6913;font-family:Verdana;}
body {color:#162001;font-family:Verdana;}
#asb-header #asb-header-ctn img {display:none;}
#asb-menu li.first, #asb-menu li, #asb-menu li.current, #article-navigation, #article-single, #article-list, .widget, .yui-t6 .yui-b,
#emotion-carousel, #asb-menu li.first, #asb-menu li, #asb-menu li.current, #article-navigation, .yui-b #sidebar1, .yui-b #sidebar2, #pagination-bottom,
#article-supplement, #article-listing, #article-single, #article-supplement.new-style-supplement {background:transparent;border:none!important;}
#w-profile-status .status-bubble , #article-single .emotion, #article-single #socialGroup-bottom, #article-single #socialGroup-bottom, #article-listing .article .meta .view-permission, #widget-category li .ico, #article-breadcrumb{display:none;border:none;}
#asb-nav-update-ctn, #asb-nav-search, #asb-nav .divider, #blog-title, #blog-description, #asb-nav-logo, #emotion-carousel{display:none;}
#asb-nav, #asb-nav-logo {background-color:transparent;}
#asb-nav-search button{height:0px;width:0px;font-size:0px;}
#asb-nav-search span.search-primary, #asb-nav-search span.search-secondary{background:transparent;}
#emotion-carousel {font-size:0px;}
#ft p {margin-bottom:0px;}#ft li .divider {display:none;}
#comment-list .comment-reply {font-family:Verdana;color:#000000;font-size:14px;}
#comment-form{background:transparent;border:1px dashed #000000;}
.new-style-supplement , #comment-list .comment-reply{background:transparent;}
.article-listing-ft{width:710px;float:right;background:transparent;border:0px;}
#pagination-bottom{background:transparent;border:0px;}
.widget{border:0px;}
#article-single.bd, #article-supplement{background:transparent;}
#article-list, #pagination-bottom, #emotion-carousel {background:transparent;border:0px;}
#article-top-nav,#article-bottom-nav {margin-top:0px;background:transparent;border:0px;}
#widget-recentVisitor .bd p{display:none;}
#article-navigation, #article-single, #article-list, .widget, .yui-t6 .yui-b, #emotion-carousel, #article-listing, #article-single .bd, #article-supplement.new-style-supplement, #article-single .actions, #pagination-bottom, .sidebar, #article-carousel, .article-nav {border:none;}
#article-listing-toggle , #widget-recentComment li time, #widget-recentComment li time a,#widget-recentPost .bd time, #widget-recentVisitor p{display:none;}
#article-navigation, .article-nav, #article-carousel, #article-top-nav .ft .action-carousel-show, #article-carousel .ft .action-carousel-hide{background:transparent;}
#asb-menu ul {border:none; background: transparent;margin-top:310px;margin-left:350px;}
#asb-nav li.nav-item a.nav-link {color:#fff;}
#asb-uh, #asb-nav {background:transparent;border:none;color:#ffffff;}
#asb-menu li.first, #asb-menu li, #asb-menu li.current, #asb-menu li.current a, #asb-menu li a {background:transparent;border:none;color:#000;}
#widget-calendar .calendar-toggle-list .ico, #widget-calendar .calendar-toggle-table .ico{display:none;}
#article-single .comment-count .ico {background:url(http://direct1.anhso.net/original/16/168279/2992012113812243.png);width: 31px;height: 31px;}
#article-single .bd .title {color:#2d6913;text-align:center;}
#article-listing .article .bd a.title {background:transparent;font-size:20px;color:#2d6913;border:none;}
#w-profile-name-wrap.inline-edit-targetwrap {height:20px!important;}
#w-profile-name {text-transform:uppercase;text-align:center;color:#2d6913;font-size:16px;}
</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>