Blog Thiết Kế

<style>

body {background-image:url(http://i1259.photobucket.com/albums/ii558/hopphoco/Hinhnendoimau-1.gif  );background-attachment:fixed;}

#blog_img img {height:200px;}#blog_img img:hover {height:auto;}

#hd {

margin-bottom:14px;border-bottom:1px solid white;background:transparent url(http://i1259.photobucket.com/albums/ii558/hopphoco/theme%20my%20blog/main-top.jpg) repeat-y center;height:85px;}

#doc3 {

background:transparent url(http://i1259.photobucket.com/albums/ii558/hopphoco/theme%20my%20blog/main-bg.jpg) repeat-y top center;}

.sidebar {

width:230px;}

#bd {

width:980px;}

.two-col-left #yui-main .yui-b {

margin-left:250px;}

#ft {

background:#ffffff url(http://i1259.photobucket.com/albums/ii558/hopphoco/theme%20my%20blog/main-bot.jpg) no-repeat bottom center;height:184px;}

#ft {font-size:0px;border-top:0px;padding:0 0 0 0;background:url(http://i1259.photobucket.com/albums/ii558/hopphoco/theme%20my%20blog/main-bot.jpg) no-repeat center;height:184px;width:980px;margin-top:100px;}

#ft p {margin-bottom:0px;}

#ft li .divider {display:none;}

#asb-header{padding:0;background:repeat;font-size:0px;color:#fff;}

#article-single.bd, #article-list, pagination-bottom, #article-supplement, #article-top-nav, #article-bottom-nav, #emotion-carousel {background:url(http://i1259.photobucket.com/albums/ii558/hopphoco/nentrang.png  ) repeat;}

.sidebar{background:url(http://i1259.photobucket.com/albums/ii558/hopphoco/nentrang.png  ) repeat;}

#asb-menu ul{border:none;}

#article-navigation {margin-bottom:0px;background:transparent;height:165px;}

#article-top-nav {margin-bottom:0px;background:transparent url(http://i1259.photobucket.com/albums/ii558/hopphoco/Theme%20Bong%20lau/entries.png  

) no-repeat center;height:157px;}

#article-listing .article-listing-hd {font-size:0px;margin-top:0px;margin-bottom:0px;background:transparent url(http://i1259.photobucket.com/albums/ii558/hopphoco/Theme%20Bong%20lau/entries2-1.png  ) no-repeat center;height:157px;}

#article-listing .article {margin-bottom:0px;border-top:hidden;background:url(http://www.hsq80.com/sc/sc3/bbk8/72005323143229.gif  ) no-repeat bottom center;}

#comment-list .comment-item{background:url(http://i1259.photobucket.com/albums/ii558/hopphoco/658732vu278irnx2.gif ) center bottom no-repeat;border:0px none transparent;}

#asb-header{padding:0;background:repeat;font-size:0px;color:#fff;}

#asb-menu ul{border:none;}

#asb-nav-update-ctn{display:none;}

#asb-nav-logo{display:none;}

#asb-uh{border:none;}

#hd{border-bottom:0;}

#asb-uh, #asb-nav, #asb-nav-logo {background-color:transparent;}

#asb-nav-search{display:none;}

#asb-nav .divider {display:none;}

#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;}

#widget-recentVisitor .bd .nickname{font-size:0px;}

#widget-recentVisitor .bd li{width:55px;margin:0 0px;}

#widget-recentVisitor .bd .profile-img{margin:0px 0 0px;}

#article-single .article .title{background:transparent url(http://i1259.photobucket.com/albums/ii558/hopphoco/icons.png ) no-repeat left top;height:20px;padding-left:30px;}.yui-carousel .yui-

.article .tag .ico {background:url(http://i1259.photobucket.com/albums/ii558/hopphoco/15.gif ) no-repeat;width:20px;height:11px;}

#comment-list{height: 400px;overflow-y:auto;}

#widget-category {height:400px;overflow-y:auto;}

#article-single .comment-count .ico{background:url(http://i1259.photobucket.com/albums/ii558/hopphoco/rename-1.png ) no-repeat;width:15 px;16;}

#widget-category li em{color:# DC143C;}

#article-top-nav .ft .action-carousel-show, #article-carousel .ft .action-carousel-hide {background:url(http://i1259.photobucket.com/albums/ii558/hopphoco/167.gif   ) no-repeat center;}

#w-profile-card

.profile .ico{background:url(http://i1259.photobucket.com/albums/ii558/hopphoco/365653mpvh1aa95w.gif  ) no-repeat center;}

#w-profile-card

.profile .ico{background:url(http://i1259.photobucket.com/albums/ii558/hopphoco/365653mpvh1aa95w.gif  ) no-repeat center;}

#article-listing-toggle .ico{background:url(http://i1259.photobucket.com/albums/ii558/hopphoco/3tim-1-1.gif ) no-repeat center;}

type>/*ins ion */

#widget-recentPost .bd ul li {list-style-image:url(http://i1259.photobucket.com/albums/ii558/hopphoco/spinner.gif  );}

#widget-category .bd ul li.clrfix a .ico{background:url(http://i1259.photobucket.com/albums/ii558/hopphoco/icobook-3.gif   ) no-repeat;}

#widget-recentComment .bd ul.force-wrap li{list-style-image:url(http://i1259.photobucket.com/albums/ii558/hopphoco/bigqpro2121.gif);}

#widget-statistic .bd dt {margin-left:17px;margin-right:10px;}
#widget-statistic .bd dd {background:transparent url(http://i1259.photobucket.com/albums/ii558/hopphoco/128.gif) no-repeat center left;margin:0px 0 6px 0;}

.article-listing-ft{width:639px;float:left;background:transparent;border:0px;}

#article-listing .emotion, .article .category, #article-listing .article .meta, #article-list .article .tag{display:none;}

#asb-menu li a {height:30px;line-height:30px;display:block;border:0px;color: #00FF00;font-size:16px;}

#asb-menu{width:970px;margin:1px auto;}

#asb-menu ul{width:700px;float:right;background:transparent;height:31px;}

#asb-header hgroup {visibility:hidden;}

#asb-nav-update, #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 20px 20px;}

#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:#fff;}

#asb-uh, #asb-nav, #asb-nav-logo {background-color:transparent;border:0px;}
#w-profile-card{margin-left:0px!important;padding-bottom:0px;}

a:{font-family: Comic San MS;font-style:italic;color: #1E90FF!important;text-shadow:2px 2px 2px #556600!important;background:transparent;}

a:hover{font-family:segoe print, Comic San MS;font-style:italic;color: #008B8B!important;text-shadow:2px 2px 2px #7FFF00!important;background:transparent;}

body{font-family:Comic San MS;font-size:14px;color: #0000CD;}

#emotion-carousel{display:none;}

#article-carousel .ft .action-carousel-hide {background:transparent;font-weight:bold;color:#ffffff;}

#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;}

.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:url(http://i1259.photobucket.com/albums/ii558/hopphoco/theme%20my%20blog/widgettitle.jpg  ) no-repeat center top;height:60px;width:200px;}

.widget {padding:0px 0px 0px 0px;background:transparent;width:200px;border-top:0px;color:#fff;}

.widget h3{font-size:14px;text-align:center;color:#DCDCDC;}

.sidebar {background:transparent;border:none;}

#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-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{display:none;border:none;}

#article-navigation{background:transparent; margin-bottom:0px;border:none;}

#yui-gen7, #yui-gen6, #yui-gen*, #ft ul {display:none;}.yui-t6 .yui-b.yui-t6 #yui-main .yui-b , #yui-main , #pagination-bottom, .yui-b #sidebar2, .widget {border:none !important;}a, a:visited, a:hover {color:#CD5C5C;} #asb-header #asb-header-ctn img {display:none;}

#asb-menu li, 

#asb-menu li.current, 

#asb-menu li.current a, 

#asb-menu li a {background:transparent;border:none;}

#article-single, #comment-form-wrapper, #article-supplement .yui-content , #comment-textarea {background:transparent;}

#article-listing {background:transparent!important;}.article-listing-ft {background:transparent;}#article-list {background:transparent;border:none !important;}#article-list.display-compact .img-wrap , #emotion-carousel {background:transparent;border:none !important;}

#asb-nav-update-ctn{display:none;}

#asb-nav-logo{display:none;}

#asb-uh{border:none;}

#asb-uh, #asb-nav, #asb-nav-logo {background-color:transparent;}

#asb-nav-search{display:none;}

#asb-nav .divider {display:none;}

#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;}

#asb-nav li.nav-item a.nav-link{color:#CD5C5C;font-size:93%;}

#blog-title{display:none;}

#blog-description{display:none;}

#asb-menu ul{border:none;}

#comment-list .comment-reply {font-family:Comic Sans MS;color: #9400D3;font-size:14px;}

#comment-form{background:transparent;border:1px dashed #DDA0DD;}

#comment-form .fields .yut-btn{background:transparent url(http://i1259.photobucket.com/albums/ii558/hopphoco/OK.png ) no-repeat center;height:30px;width:30px;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:transparent ;}

#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;}

#pagination-bottom{background:transparent;}

.widget{border:0px;}

#article-listing {background:transparent;float:left;width:710px;padding:0px;background:#fff;border:0px solid #DDA0DD;}

#article-single.bd, #article-supplement{background:transparent; border:0px; }#article-list, pagination-bottom, #emotion-carousel {background:transparent;border:0px;}

#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

#pagination-bottom{background:transparent url(http://i1259.photobucket.com/albums/ii558/hopphoco/trong-suot.png  );height:70px;}
.yut-pg-container .pg-current-page{background-color: #7FFFD4;border:2px outset #7FFFD4;}
#pagination-bottom .pg-page {background-color: #7FFFD4;}

#article-listing {background:transparent;float:left;width:715px;padding:0px;background:#fff;border:1px solid #ccc;}

#article-list{display:block;float:left;padding:20px 7px;background:transparent;border:0px;position:relative;}

#article-listing .article{border:0px;margin:0 20px 20px 20px;width:300px;float:left;background:transparent url(http://i1259.photobucket.com/albums/ii558/hopphoco/khung1.png ) no-repeat center top;height:280px;padding:0px!important;}

.article-listing-ft{width:715px;float:left;background:transparent;border:0px;}

#article-listing .emotion, .article .category, #article-listing .article .meta, #article-list .article .tag, #article-listing .article-listing-hd{display:none;}

#article-listing .article .summary{display:none;}

#article-listing .img-wrap{width:208px;height:208px;}

#article-listing .img-wrap img{width:100%;height:100%;max-width:100%;margin:20px 0px 0px 0px;}

#article-listing .article .title{position:absolute;top:250px;left:40px;height:18px;width:240px;overflow:hidden;}

#article-listing .article:hover{background:transparent url(http://i1259.photobucket.com/albums/ii558/hopphoco/khung2.png ) no-repeat center top;}

 #article-listing .article:hover .title{position:absolute;top:20px;left:30px;color:#3B5998;font-size:12px;height:30px;overflow:hidden;}

#article-listing .article:hover .summary{display:block;width:240px;padding:50px 0px 0px 30px;text-align:justify;}/*Hiện nội dung bài viết và căn chỉnh vị trí của nó*/

#article-listing .article:hover .img-wrap{display:none;}

#article-listing .article .hd {position:absolute;top:0px;right:10px;width:80px;}

.asb-searchbox span.yut-btn-search button{

background:#219BC3 url(http://i1259.photobucket.com/albums/ii558/hopphoco/search.png  ) no-repeat center;}

.yui-b #sidebar1 #widget-externalSource .bd{padding:0px;}

.yui-b #sidebar1 #widget-externalSource .sandbox{width:200px!important;}

.asb-searchbox .bd{padding:5px;}

#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;}

.yut-pg-container .pg-next {background:url(http://i1259.photobucket.com/albums/ii558/hopphoco/next.png  ) no-repeat center top;height:32px;width:32px;border:0px;}

.yut-pg-container .pg-previous {background:url(http://i1259.photobucket.com/albums/ii558/hopphoco/previous.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://i1259.photobucket.com/albums/ii558/hopphoco/next.png  ) no-repeat center bottom;height:32px;width:32px;border:0px;}

.yut-pg-container .pg-previous:hover {background:url(http://i1259.photobucket.com/albums/ii558/hopphoco/previous.png ) no-repeat center bottom;height:32px;width:32px;border:0px;}

.yut-pg-container .pg-page {background:transparent url(http://i1259.photobucket.com/albums/ii558/hopphoco/page.png  ) no-repeat center;border:0px;}

.yut-pg-container .pg-current-page{background:transparent url(http://i1259.photobucket.com/albums/ii558/hopphoco/page1.png ) no-repeat center;border:0px;}

.yut-pg-container .pg-page:hover {color:white;background:transparent url(http://i1259.photobucket.com/albums/ii558/hopphoco/page2.png  ) no-repeat center;border:0px;}         

#menu2 ul#menul li {margin:0 0 12px 0;float:left;height:32px;width:32px;}

#menu2 ul#menul a{padding:0px 30px 30px 0px;}

#menu2 ul#menul li a.setting1{background:url(http://i1259.photobucket.com/albums/ii558/hopphoco/settings.png  ) no-repeat left top;}

#menu2 ul#menul li a.entry1{background:url(http://i1259.photobucket.com/albums/ii558/hopphoco/doc.png  ) no-repeat left top;}

#menu2 ul#menul li a.logout1{ http://i1259.photobucket.com/albums/ii558/hopphoco/logout.png  ) no-repeat left top;}
#asb-menu li.first{border:0;background:url(http://i1259.photobucket.com/albums/ii558/hopphoco/buttonh.gif  ) no-repeat ;}
#asb-menu li.current a{border:0;background:url(http://i1259.photobucket.com/albums/ii558/hopphoco/buttong.gif ) no-repeat  ;}
#asb-menu li{border:0;background:url(http://i1259.photobucket.com/albums/ii558/hopphoco/buttone.gif  ) no-repeat ;}
#asb-menu li a{border:0;color: #7FFF00;}

 </style>