[Bài thi thiết kế] Giọt Nhớ | Blog | Blog Thiết Kế

Thi thiết kế theme

[Bài thi thiết kế] Giọt Nhớ

Jul 30, 2012 12:33 PMPublicPageviews 3185 26

Trackback from

Tình yêu như hơi thở , con người ta sống không thể thiếu nó dù biết rằng vui buồn hạnh phúc khổ đau cũng từ nó mà ra...Tình yêu nào chẳng có nhớ nhung, vì vậy mình design theme Giọt nhớ này để cho những ai đang yêu, đã yêu và sẽ yêu.... Theme mang tông màu đen trắng là chủ yếu, nên có vẻ hợp với nam hơn nhưng Ng đã cố gắng thêm vài chi tiết nhỏ cho nó mềm mại hơn. Hi vọng các bạn sẽ thích!

CODE :

<style>

#article-listing .article{border-top:hidden;background:url(http://sucai.heima.com/sucai/news/dtxt/46.gif) no-repeat bottom center;}

#w-profile-name{background:url(http://www.glittergraphicsnow.com/uploads/short/311220th26je0kj4.gif) center no-repeat;height:150px;}

#w-profile-card .status{border-color:88A4F2;font-size:13px;}

#w-profile-card .status .text{color:DB47C2;height:100px;}

#w-profile-card .status {background:url(http://c-photo.i-part.com.tw/n1v1/3/7/0/7/1607073/photo/book9/12589820382979t.gif) right no-repeat;}

#w-profile-img-root{background:url(http://i.imgur.com/KJPtm.jpg) bottom center no-repeat;height:400px;}

#w-profile-img-ctn img{height:0px;width:0px;}

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

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

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

#w-profile-card{margin-left:0px!important;padding-bottom:0px;}

a:hover{font-family:segoe print, Aquiline ;font-style:italic;color:#FAEBD7!important;text-shadow:3px 3px 3px #556600!important;background:transparent;}

a{font-family:italic;}a:hover{color:#BA9154;text-decoration:none;}.first-of-type li:hover{background:transparent url(http://c-photo.i-part.com.tw/n1v1/3/7/0/7/1607073/photo/book9/12589820382979t.gif);}

#article-single .article-ft{background:url(http://i1236.photobucket.com/albums/ff444/phuongnguyen_985/signature_11.gif) no-repeat center;height:380px;}

body {background:url(http://i1236.photobucket.com/albums/ff444/phuongnguyen_985/1_2-1.gif);background-attachment:fixed;}#asb-header-ctn img{height:0px;width:0px;}

#hd {margin-bottom:0px;border-bottom:0px;background:transparent url(http://i.imgur.com/DoHjN.png) no-repeat center bottom;height:560px;border-bottom:0;}

#bd {background:transparent url(http://i.imgur.com/YTij7.png) repeat-y top center;}

#ft {font-size:0px;border-top:0px;padding:0 0 0 0;background:url(http://i.imgur.com/4CEkU.png) no-repeat center top;height:640px;margin-top:0px;}#ft p {margin-bottom:0px;}#ft li .divider {display:none;}

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

#emotion-carousel{display:none;}

#emotion-carousel {font-size:0px;}

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

#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://i.imgur.com/F9jRk.png) no-repeat center top;height:40px;width:210px;}

.widget .bd{padding:0px 10px;background:transparent url(http://np8.upanh.com/b6.s26.d2/bf63a8b6e4a0d5ec9889b9c3613ad069_47519788.folder2.png) repeat-y center top;width:190px;}

.widget {padding:0px 0px 149px 0px;background:transparent url(http://i.imgur.com/rzprN.png) no-repeat center bottom;width:210px;border-top:0px;}

.widget h3{font-size:18px;text-align:center;font-style:Italic;font-family:Monotype Corsiva;color:#D462FF;}

.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:#FDEEF4;}#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:#CFECEC;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:#5FFB17;font-size:14px;}

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

#comment-form .fields .yut-btn{background:transparent url(http://idata.over-blog.com/2/24/58/64/Gifs/coeurs/coeurs--125-.gif) no-repeat center;height:50px;width:50px;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-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:650px;float:left;background:transparent url(http://i.imgur.com/FvsX4.png) no-repeat center top;height:352px;padding:0px!important;}

#article-single.bd, #article-supplement{background:url(http://np3.upanh.com/b6.s29.d2/093ed19d3cfd5e445ce73ac85b8ceb50_47520693.bottom2.png) repeat center;border:0px;}#article-list, pagination-bottom, #emotion-carousel {background:transparent;border:0px;}

#article-top-nav {margin-bottom:0px;background:transparent url(http://np5.upanh.com/b4.s28.d2/7e5c00b6cc2292c3cb5f7b2af117bc45_47519785.entry.png) no-repeat center bottom;height:240px;border:none;}#article-bottom-nav {margin-top:0px;background:transparent url(http://i.imgur.com/rKmkj.png) no-repeat center top;height:400px;border:none;}

.article-listing-ft{width:710px;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-listing-hd {font-size:0px;margin-top:0px;margin-bottom:0px;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 #D87093;}#widget-recentComment li:hover, #widget-category li:hover{background:#DDA0DD;opacity:.3;}#widget-recentPost .bd ul li:hover{background:#DDA0DD no-repeat left;opacity:.3;}

#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-supplement.new-style-supplement{border-bottom: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://img1.picmix.com/output/stamp/normal/6/9/8/5/5896_0b2f2.gif) no-repeat center top;}

#article-listing .article:hover .title{position:absolute;top:20px;left:30px;color:#9AFEFF;font-size:20px;height:30px;overflow:hidden;font-family:Georgia;}

#article-listing .article:hover .summary{display:block;width:650px;padding:50px 0px 0px 30px;text-align:justify;}

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

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

.yut-pg-container .pg-next {background:url(http://emmanaelle.e.m.pic.centerblog.net/9s3cjlvy.gif) no-repeat center top;height:50px;width:40px;border:0px;}.yut-pg-container .pg-previous {background:url(http://emmanaelle.e.m.pic.centerblog.net/myc9382o.gif) no-repeat center top;height:50px;width:40px;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://emmanaelle.e.m.pic.centerblog.net/myc9382o.gif) no-repeat center bottom;height:50px;width:40px;border:0px;}.yut-pg-container .pg-previous:hover {background:url(http://emmanaelle.e.m.pic.centerblog.net/9s3cjlvy.gif) no-repeat center bottom;height:50px;width:40px;border:0px;}.yut-pg-container .pg-page, .yut-pg-container .pg-break {background:transparent url(http://moargiane.pagesperso-orange.fr/images/minigif/nature/fleur0007.gif) no-repeat center;border:0px;}.yut-pg-container .pg-current-page{background:transparent url(http://moargiane.pagesperso-orange.fr/images/minigif/nature/fleur0005.gif) no-repeat center;border:0px;}.yut-pg-container .pg-page:hover, .yut-pg-container .pg-break:hover {color:white;background:transparent url(http://moargiane.pagesperso-orange.fr/images/minigif/nature/fleur0007.gif) no-repeat center;border:0px;}

</style>

Blog Nguyễn Nguyên