Dựa theo game và phim hoạt hình Sonic, mình đã làm ra theme này
Theme hơi màu mè và con nít một chút, nhưng mình tin nhiều bạn sẽ thích
DEMO:
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;}
.yui-b
#sidebar2 {border-top:none;}
.yut-pg-container
.pg-next
{background:url(http://i1071.photobucket.com/albums/u507/tuant2t/1a1a.png)
no-repeat center
top;height:32px;width:32px;border:0px;}.yut-pg-container .pg-previous
{background:url(http://i1071.photobucket.com/albums/u507/tuant2t/1a2h.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://i1071.photobucket.com/albums/u507/tuant2t/1a1a.png)
no-repeat center
bottom;height:32px;width:32px;border:0px;}.yut-pg-container
.pg-previous:hover
{background:url(http://i1071.photobucket.com/albums/u507/tuant2t/1a2h.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://i1071.photobucket.com/albums/u507/tuant2t/3333.png)
no-repeat center;border:0px;}.yut-pg-container
.pg-current-page{background:transparent
url(http://img593.imageshack.us/img593/7287/123ea.png) no-repeat
center;border:0px;}.yut-pg-container .pg-page:hover,
.yut-pg-container .pg-break:hover {color:white;background:transparent
url(http://i1071.photobucket.com/albums/u507/tuant2t/3333.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:20px;}
#widget-recentVisitor
.bd li {margin:0 5px;}
.yui-b
#sidebar1, .yui-t6 .yui-b {width:220px;}
.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://i1071.photobucket.com/albums/u507/tuant2t/thumuc.png)
no-repeat center;height:79px;}
#widget-recentPost
.hd{background:url(http://i1071.photobucket.com/albums/u507/tuant2t/baimoi.png)
no-repeat center;height:79px;}
#widget-statistic
.hd{background:url(http://i1071.photobucket.com/albums/u507/tuant2t/thongke.png)
no-repeat center;height:79px;}
#widget-recentVisitor
.hd{background:url(http://i1071.photobucket.com/albums/u507/tuant2t/khacmoivao.png)
no-repeat center;height:79px;}
#widget-calendar
.hd{background:url(http://i1071.photobucket.com/albums/u507/tuant2t/lich.png)
no-repeat center;height:79px;}
#widget-photoslide
.hd{background:url(http://i1071.photobucket.com/albums/u507/tuant2t/photo.png)
no-repeat center;height:79px;}
#widget-recentComment
.hd{background:url(http://i1071.photobucket.com/albums/u507/tuant2t/comment.png)
no-repeat center;height:79px;}
#widget-followings
.hd{background:url(http://i1071.photobucket.com/albums/u507/tuant2t/banbe.png)
no-repeat center;height:79px;}
#w-profile-card
.hd{background:url(http://i1071.photobucket.com/albums/u507/tuant2t/adminkg.png)
no-repeat center;height:79px;padding:0px 10px;}
.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-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:10px 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:#ff001c;}
#asb-uh,
#asb-nav, #asb-nav-logo {background-color:transparent;border:0px;}
#w-profile-card{margin-left:15px!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 #ff0303;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:#bd0bff;}
#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:190px;}
#active-widgets
.sidebar {width:220px;}
#comment-list
.comment-reply {font-family:Arial;color:#ff0000;font-size:14px;}
#comment-form{background:transparent;border:3px
double #0d1fa1;}
#comment-form
.fields .yut-btn{background:transparent
url(http://i1071.photobucket.com/albums/u507/tuant2t/submis156.png)
no-repeat center;height:53px;width:156px;border:0px;}
#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://i1190.photobucket.com/albums/z447/tuanbiro/entrycao356rong561.png
) no-repeat center bottom;height:356px;border:0px;}
#asb-header-ctn
img{height:0px;width:0px;}
#hd
{background:transparent
url(http://i1071.photobucket.com/albums/u507/tuant2t/tren436-2.png)
no-repeat bottom center;height:436px;width:970px;}
#doc3
{background:transparent
url(http://i1071.photobucket.com/albums/u507/tuant2t/giua.png)
repeat-y center;width:970px;}
#ft
{background:transparent
url(http://i1071.photobucket.com/albums/u507/tuant2t/duoi224-1.jpg)
no-repeat bottom;height:409px;width:970px;}
#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://i1071.photobucket.com/albums/u507/tuant2t/nenbaiviet12345-1.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{color:#FC0707!important;text-shadow:0
0 7px #FC0707!important;}
a{font-family:italic;}a:hover{color:#ff0000;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
.vcard {position:relative;}
#comment-list
.vcard a{z-index:9!important;}
#comment-list
.vcard img {height:60px;width:60px;}
#comment-list
.vcard
span{font-size:0px!important;display:block!important;text-indent:9999px!important;background:url(http://i1071.photobucket.com/albums/u507/tuant2t/avatarahower0-1.png)
no-repeat
left
top;height:70px;width:70px;position:absolute;top:0px;left:0px;}
#comment-list
.comment-content {margin-left:70px;}
#w-profile-img-ctn
img{height:0;}
#w-profile-img-root{background:url(http://i1071.photobucket.com/albums/u507/tuant2t/avataraat.png)
no-repeat center;height:270px;}
#article-listing
.article{border-top:hidden;background:url(http://img208.imageshack.us/img208/1131/ngandongevil1.png)
no-repeat bottom center;}
#asb-menu{background:transparent;padding:431px
0px 53px 53px;}
body
{background-image:url(http://i1071.photobucket.com/albums/u507/tuant2t/nen11.png);}
#asb-menu{display:none;}{display:none;}
#blog{display:none;}
#article-listing
.bd:hover
{background:url(http://i1071.photobucket.com/albums/u507/tuant2t/nenbaiviet123456.png)
no-repeat top center;height:255px;width:629px;padding:15px 10px 10px
20px;}
.emoticon:hover{display:block;height:37px;width:37px;margin-bottom:3px;cursor:pointer;background:url("http://img.photobucket.com/albums/v642/exactoman/Animated%20GIFs/Video%20Game%20GIFs/Sonic/thsonicrunning.gif");display:inline-block;zoom:1;float:left;margin-left:7px;}
.emoticon
{display:block;height:37px;width:37px;margin-bottom:3px;cursor:pointer;background:url("http://img.photobucket.com/albums/v642/exactoman/Animated%20GIFs/Video%20Game%20GIFs/Sonic/thsonic3.gif");display:inline-block;zoom:1;float:left;margin-left:7px;}
#comment-form
.fields .set-private .checkbox{visibility:hidden;}
#comment-form
.fields .set-private
{background:url(http://images2.wikia.nocookie.net/__cb20100812124102/sonicfanon/images/3/38/Sonic.gif)
no-repeat left;height:37px;padding-left:10px;line-height:24px;}
img:hover{opacity:0.4;}
#w-profile-card
.profile
.ico{background:url(http://i110.photobucket.com/albums/n110/yanyancatphoto/b412498d.gif)
no-repeat center;}
#ygubcmt
textarea {
max-width:530px;height:135px;background-image:url(http://no6.upanh.com/b2.s28.d3/2eae351021a2d42dbaad566f5ac9b94e_47213676.bg.jpg);border:#999
solid
3px;}
.new-style-supplement
#comment-list .comment-content .action a {
top:5px;background-image:url(http://www.giaoducmy.vn/images/easyred/buttons/reply.gif);height:25px;width:100px;color:transparent;}
#comment-form
.ico-loading, .reply-form .ico-loading {
display:none;height:50px;width:50px;background:url(http://www.sardaritv.com/wpimages/lightbox_load.gif)
no-repeat;}
#comment-list{height:400px;overflow-y:auto;}
#widget-recentVisitor
.bd .profile-img{margin:0px 0 0px;border:1px dashed #ff0000;}
#w-profile-card
.status
.text{color:#ff0000;}
#w-profile-card
.status {border:3px double #E41B17;padding:10px;margin:10px 0;}
#asb-header-ctn{background:url(http://direct2.anhso.net/original/11/113736/238201117313072.gif)
center top no-repeat;height:420px;width:970px;}
#article-single
.comment-count
.ico{background:url(http://static.me.zing.vn/images/smilley/default/45.jpg)
no-repeat;width:24px;height:24px;}
#widget-recentVisitor
.bd .profile-img img {opacity:1;}
#widget-recentVisitor
.bd .profile-img img:hover {opacity:.5;}
#w-profile-info
#w-long-status
.ico{display:inline-block!important;background:url(http://static.me.zing.vn/v3/images/smilley/default/45.jpg)
no-repeat;width:24px;height:24px;}
#w-profile-status
.status-bubble {background:none;}
</style>
Blog Zubi
