[Bài thi thiết kế] Hoài Niệm
Với hai màu chủ đạo là Trắng & Đen, theo định dạng hai cột phải, Theme Hoài Niệm thích hợp với những bạn có cá tính mạnh và thích ưu tư, mong mọi người ủng hộ và góp ý cho mèo nhé!
Với hai màu chủ đạo là Trắng & Đen, theo định dạng hai cột phải, Theme Hoài Niệm thích hợp với những bạn có cá tính mạnh và thích ưu tư, mong mọi người ủng hộ và góp ý cho mèo nhé!
DEMO:
CODE:
<style>#comment-list{height:400px;overflow-y:auto;}</style>
<center><a href=" http://blog.yahoo.com/meoja/articles "><img src="http://i1092.photobucket.com/albums/i412/duongtrunghautk/avt.jpg"></a></center>
<style type="text/css">
body {
background:#ffffff;}font-family:Times,
p {padding:0 0 1.3em;}
h1, h2 , h3, h4, h5, h6 {
display:block;color:#13382A;line-height:100%;text-shadow:1px 1px #fff;}
h1 a, h2 a, h3 a, h4 a, h5 a, h6 a {text-decoration:none;}
h1 {letter-spacing:-2px;}
h2 {
font-size:14px;margin:10px 0 15px;font-weight:bold;}
a {
color:#000;border-bottom:0px dotted #bbb;text-decoration:none;}
a:hover {
color:#000;border-bottom:0px dotted #000;text-shadow:0 0 2px #fff;}
.yui-b {width:270px !important;padding-right:20px;}
#yui-main .yui-b {width:600px !important;padding-left:25px;}
#widget-calendar .hd,
#widget-recentVisitor .hd,
#widget-statistic .hd,
#widget-photoSlide .hd,
#widget-followingList .hd,
#widget-tag .hd,
#widget-category .hd,
#widget-recentComment .hd,
#widget-recentPost .hd,
.widget .hd {
background:transparent;padding-top:5px;}
#asb-header #asb-header-ctn img,
#emotion-carousel{display:none;}
#widget-category .bd ul li.clrfix a .ico {
background:transparent url(http://a.imageshack.us/img850/6159/violetli.jpg) no-repeat;margin-left:0px;list-style:none;}
#widget-recentComment .bd ul.force-wrap li{
background:transparent url(http://a.imageshack.us/img542/6569/98689162.png) 0 9px no-repeat;padding-left:20px;list-style: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, #article-listing,
#article-single .bd, #article-supplement.new-style-supplement, #article-single .actions, #asb-menu, #pagination-bottom, .sidebar, #article-carousel, .article-nav {background:transparent;border:none;}
#asb-header h1 {margin:60px 0 0 70px;color:#000;}
#asb-header h2 {margin-left:70px;color:#000000;width:835px;}
#asb-menu {
position:relative;top:560px;right:300px;}
#asb-menu ul {border:none;padding:0 0 0 200px;color:#000000;width:650px;height:80px;}
#asb-header h1 a, #asb-menu li a {color:#000000;}
#asb-menu li{padding:30px 0 0 70px;color:#000000;}
#w-profile-name {text-align:center;text-transform:uppercase;}
#search-result-info, #article-listing-toggle {display:none;}
#asb-menu li.first,
#asb-menu li,
#asb-menu li.current,
#asb-menu li.current a,
#asb-menu li a {background:transparent url(http://a.imageshack.us/img36/9124/spacerib.gif);border:none;}
.yut-pg-container .pg-current-page {background-color:#0d1f18;border:#7a0001;}
#article-listing .img-wrap img {max-width:100%;float:left;padding:8px 0 0 15px;height:135px;width:139px;}
#article-listing .img-wrap {float:left;width:168px;background:transparent url(http://a.imageshack.us/img708/5412/piczp.png) no-repeat center!important;height:157px;}
#article-listing .article .summary {text-align:justify;padding-top:0px;}
.article .tag {
margin-top:25px;}
#hd{
background:transparent url(http://img688.imageshack.us/img688/2458/000hyn.jpg) no-repeat center;height:700px;margin:0;position:relative;border:none;}
#bd{
margin:0 auto;width:922px;background:transparent url(http://vn.pijaja.com/Portals/0/UserFiles/User11689/nen_bv.jpg) 0 8px repeat-y;overflow:hidden;}
#ft p {margin:0;}
#socialIcons{
height:70px;margin-bottom:40px;text-align:center;}
#socialIcons ul{
padding:0px 0px 0px 6px;margin-bottom:8px;overflow:hidden;text-align:center;}
#socialIcons li {display:inline;}
#socialIcons li a{
display:block;width:67px;height:46px;text-indent:-9999px;border:none;float:left;}
--></style>
<style type="text/css">
#article-listing .article{border-top:hidden;background:url("http://a.imageshack.us/img36/3530/ngandongh.png") 50% 100% no-repeat;}
#article-listing .emotion {display:none;}
#article-listing .article .hd {background:url("http://a.imageshack.us/img152/1350/postxk.png") no-repeat scroll 78px 0 transparent;}
#widget-externalSource .hd {display:none;}
#ft {
background:transparent url(http://a.imageshack.us/img6/7624/cuoiblog.jpg) no-repeat center top;min-height:140px;border:none;overflow:hidden;margin-top:0px;padding-top:140px;font-size:0%;}
#ygubcmt textarea {width:400px;}
#comment-list .reply-container textarea {width:325px;}
#article-carousel, .article-nav {width:485px;}
#asb-header h2 {display:none;}
#asb-header h1 {display:none;}
#widget-recentPost h3 {font-size:0px;}
#widget-recentVisitor h3 {font-size:0px;}
#widget-recentComment h3 {font-size:0px;}
#widget-category h3 {font-size:0px;}
#widget-statistic h3 {font-size:0px;}
#widget-calendar h3 {font-size:0px;}
#widget-photoSlide h3 {font-size:0px;}
#widget-followingList h3 {font-size:0px;}
#widget-tag h3 {font-size:0px;}
#widget-category .hd{background:url(http://img717.imageshack.us/img717/2708/001czat.jpg) no-repeat center;}
#widget-recentPost .hd{background:url(http://a.imageshack.us/img11/9726/002thr.jpg) no-repeat center;}
#widget-statistic .hd{background:url(http://img36.imageshack.us/img36/7262/003row.jpg) no-repeat top center;height:43px;}
#widget-recentVisitor .hd{background:url(http://img651.imageshack.us/img651/3059/004qb.jpg) no-repeat top center;height:43px;}
#widget-calendar .hd{background:url(http://a.imageshack.us/img37/3806/005lsa.jpg) no-repeat center;height:43px;}
#widget-photoSlide .hd{background:url(http://a.imageshack.us/img696/7751/006opz.jpg) no-repeat center;height:43px;}
#widget-recentComment .hd{background:url(http://a.imageshack.us/img37/8348/007smq.jpg) no-repeat center;height:43px;}
#widget-followingList .hd{background:url(http://a.imageshack.us/img818/2851/008wtb.jpg) no-repeat center;height:43px;}
#widget-tag .hd{background:url(http://a.imageshack.us/img404/8899/009tyt.jpg) no-repeat center;height:43px;}
#w-profile-img-ctn img {display:none;}
#w-profile-img-ctn {height:0px;}
#w-profile-name{margin:0px 0px 0 40px;}
#widget-recentPost li time{font-size:0px;}
.widget {
border-top:0px solid #E5E5E5;padding:0px;}
#w-profile-name {
margin:0px 0px 0 0px;}
#w-profile-card .profile .ico {
background:url(http://a.imageshack.us/img856/9129/hoso.png) no-repeat;height:11px;width:9 px;}
.divider {
width:0px;}
.yut-pg-container .pg-next {background:url(http://a.imageshack.us/img641/567/nextqk.png) no-repeat center top;height:41px;width:36px;border:0px;}.yut-pg-container .pg-previous {background:url(http://a.imageshack.us/img600/2357/prewz.png) no-repeat center top;height:41px;width:36px;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 {background:transparent url(http://a.imageshack.us/img256/6673/numa.png) no-repeat center;border:0px;}.yut-pg-container .pg-current-page{background:transparent url(http://a.imageshack.us/img256/6673/numa.png) no-repeat center;border:0px;}.yut-pg-container .pg-page:hover, .yut-pg-container .pg-break:hover {background:transparent url(http://a.imageshack.us/img256/6673/numa.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;}
#widget-category .bd ul li.clrfix a .ico {
background:transparent url(http://a.imageshack.us/img6/2549/bmicateg.png) no-repeat;margin-left:0px;list-style:none;width:20px;}
#widget-recentComment .bd ul.force-wrap li{
background:transparent url(http://a.imageshack.us/img542/6569/98689162.png) 0 9px no-repeat;padding-left:20px;list-style:none;}
#widget-recentPost .bd li {background:url(http://a.imageshack.us/img3/9745/47013215.gif) no-repeat left;padding-left:23px;padding-top:0px;margin-bottom:0px;list-style:none;}
.yui-b #sidebar2 {border-top:0px solid #EEE;}
#w-profile-card .profile .ico {
background:url(http://a.imageshack.us/img31/6981/bmiauthor.png) no-repeat;height:20px;width:19px;}
.article .tag .ico {width:15px;height:13px;background:url(http://a.imageshack.us/img822/185/basetags.png);}
#article-single .comment-count .ico {
width:19px;height:18px;background:url(http://a.imageshack.us/img808/5284/bmicomment.png);}
#ygubcmt textarea {
width:400px;}
#article-single .ccl-info .ico {width:22px;height:23px;background:url(http://a.imageshack.us/img515/4484/toanquyen.jpg);}
.yut-btn-big, .yut-btn-light {
border:1px solid black;font-weight:bold;background:black;}
#comment-form .fields .yut-btn:hover{background:transparent url(http://a.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://a.imageshack.us/img688/5032/1234vm.jpg) no-repeat left top;height:61px;width:56px;padding:5px 0px 0px 4px;}
01 {width:70px;height:70px;}
02 {width:70px;height:70px;}
03 {width:70px;height:70px;}
04 {width:70px;height:70px;}
05 {width:70px;height:70px;}
06 {width:70px;height:70px;}
07 {width:70px;height:70px;}
08 {width:70px;height:70px;}
09 {width:70px;height:70px;}
10 {width:70px;height:70px;}
11 {width:70px;height:70px;}
12 {width:70px;height:70px;}
.article .category .ico {background:transparent url(http://a.imageshack.us/img6/2549/bmicateg.png) no-repeat;margin-left:0px;list-style:none;width:20px;height:17px;}
.yut-btn-big, .yut-btn-light {
background:black;border:1px solid black;}
.asb-searchbox span.yut-btn-search {
border:none;}
.ico {
display:inline-block;background-image:url(http://a.imageshack.us/img811/5610/icosprite.png);background-repeat:no-repeat;vertical-align:middle;}
#ft p, #ft ul {display:none;}
body{font-family:comic sans ms;color:#000000;font-size:14px;}
a{font-family:comic sans ms;font-weight:Bold;font-style:italic;color:#000000;font-size:16px;}
#widget-recentVisitor .bd .ico {display:none;}
</style>
<center><a href=" http://blog.yahoo.com/meoja/articles "><img src="http://i1092.photobucket.com/albums/i412/duongtrunghautk/avt.jpg"></a></center>
<style type="text/css">
body {
background:#ffffff;}font-family:Times,
p {padding:0 0 1.3em;}
h1, h2 , h3, h4, h5, h6 {
display:block;color:#13382A;line-height:100%;text-shadow:1px 1px #fff;}
h1 a, h2 a, h3 a, h4 a, h5 a, h6 a {text-decoration:none;}
h1 {letter-spacing:-2px;}
h2 {
font-size:14px;margin:10px 0 15px;font-weight:bold;}
a {
color:#000;border-bottom:0px dotted #bbb;text-decoration:none;}
a:hover {
color:#000;border-bottom:0px dotted #000;text-shadow:0 0 2px #fff;}
.yui-b {width:270px !important;padding-right:20px;}
#yui-main .yui-b {width:600px !important;padding-left:25px;}
#widget-calendar .hd,
#widget-recentVisitor .hd,
#widget-statistic .hd,
#widget-photoSlide .hd,
#widget-followingList .hd,
#widget-tag .hd,
#widget-category .hd,
#widget-recentComment .hd,
#widget-recentPost .hd,
.widget .hd {
background:transparent;padding-top:5px;}
#asb-header #asb-header-ctn img,
#emotion-carousel{display:none;}
#widget-category .bd ul li.clrfix a .ico {
background:transparent url(http://a.imageshack.us/img850/6159/violetli.jpg) no-repeat;margin-left:0px;list-style:none;}
#widget-recentComment .bd ul.force-wrap li{
background:transparent url(http://a.imageshack.us/img542/6569/98689162.png) 0 9px no-repeat;padding-left:20px;list-style: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, #article-listing,
#article-single .bd, #article-supplement.new-style-supplement, #article-single .actions, #asb-menu, #pagination-bottom, .sidebar, #article-carousel, .article-nav {background:transparent;border:none;}
#asb-header h1 {margin:60px 0 0 70px;color:#000;}
#asb-header h2 {margin-left:70px;color:#000000;width:835px;}
#asb-menu {
position:relative;top:560px;right:300px;}
#asb-menu ul {border:none;padding:0 0 0 200px;color:#000000;width:650px;height:80px;}
#asb-header h1 a, #asb-menu li a {color:#000000;}
#asb-menu li{padding:30px 0 0 70px;color:#000000;}
#w-profile-name {text-align:center;text-transform:uppercase;}
#search-result-info, #article-listing-toggle {display:none;}
#asb-menu li.first,
#asb-menu li,
#asb-menu li.current,
#asb-menu li.current a,
#asb-menu li a {background:transparent url(http://a.imageshack.us/img36/9124/spacerib.gif);border:none;}
.yut-pg-container .pg-current-page {background-color:#0d1f18;border:#7a0001;}
#article-listing .img-wrap img {max-width:100%;float:left;padding:8px 0 0 15px;height:135px;width:139px;}
#article-listing .img-wrap {float:left;width:168px;background:transparent url(http://a.imageshack.us/img708/5412/piczp.png) no-repeat center!important;height:157px;}
#article-listing .article .summary {text-align:justify;padding-top:0px;}
.article .tag {
margin-top:25px;}
#hd{
background:transparent url(http://img688.imageshack.us/img688/2458/000hyn.jpg) no-repeat center;height:700px;margin:0;position:relative;border:none;}
#bd{
margin:0 auto;width:922px;background:transparent url(http://vn.pijaja.com/Portals/0/UserFiles/User11689/nen_bv.jpg) 0 8px repeat-y;overflow:hidden;}
#ft p {margin:0;}
#socialIcons{
height:70px;margin-bottom:40px;text-align:center;}
#socialIcons ul{
padding:0px 0px 0px 6px;margin-bottom:8px;overflow:hidden;text-align:center;}
#socialIcons li {display:inline;}
#socialIcons li a{
display:block;width:67px;height:46px;text-indent:-9999px;border:none;float:left;}
--></style>
<style type="text/css">
#article-listing .article{border-top:hidden;background:url("http://a.imageshack.us/img36/3530/ngandongh.png") 50% 100% no-repeat;}
#article-listing .emotion {display:none;}
#article-listing .article .hd {background:url("http://a.imageshack.us/img152/1350/postxk.png") no-repeat scroll 78px 0 transparent;}
#widget-externalSource .hd {display:none;}
#ft {
background:transparent url(http://a.imageshack.us/img6/7624/cuoiblog.jpg) no-repeat center top;min-height:140px;border:none;overflow:hidden;margin-top:0px;padding-top:140px;font-size:0%;}
#ygubcmt textarea {width:400px;}
#comment-list .reply-container textarea {width:325px;}
#article-carousel, .article-nav {width:485px;}
#asb-header h2 {display:none;}
#asb-header h1 {display:none;}
#widget-recentPost h3 {font-size:0px;}
#widget-recentVisitor h3 {font-size:0px;}
#widget-recentComment h3 {font-size:0px;}
#widget-category h3 {font-size:0px;}
#widget-statistic h3 {font-size:0px;}
#widget-calendar h3 {font-size:0px;}
#widget-photoSlide h3 {font-size:0px;}
#widget-followingList h3 {font-size:0px;}
#widget-tag h3 {font-size:0px;}
#widget-category .hd{background:url(http://img717.imageshack.us/img717/2708/001czat.jpg) no-repeat center;}
#widget-recentPost .hd{background:url(http://a.imageshack.us/img11/9726/002thr.jpg) no-repeat center;}
#widget-statistic .hd{background:url(http://img36.imageshack.us/img36/7262/003row.jpg) no-repeat top center;height:43px;}
#widget-recentVisitor .hd{background:url(http://img651.imageshack.us/img651/3059/004qb.jpg) no-repeat top center;height:43px;}
#widget-calendar .hd{background:url(http://a.imageshack.us/img37/3806/005lsa.jpg) no-repeat center;height:43px;}
#widget-photoSlide .hd{background:url(http://a.imageshack.us/img696/7751/006opz.jpg) no-repeat center;height:43px;}
#widget-recentComment .hd{background:url(http://a.imageshack.us/img37/8348/007smq.jpg) no-repeat center;height:43px;}
#widget-followingList .hd{background:url(http://a.imageshack.us/img818/2851/008wtb.jpg) no-repeat center;height:43px;}
#widget-tag .hd{background:url(http://a.imageshack.us/img404/8899/009tyt.jpg) no-repeat center;height:43px;}
#w-profile-img-ctn img {display:none;}
#w-profile-img-ctn {height:0px;}
#w-profile-name{margin:0px 0px 0 40px;}
#widget-recentPost li time{font-size:0px;}
.widget {
border-top:0px solid #E5E5E5;padding:0px;}
#w-profile-name {
margin:0px 0px 0 0px;}
#w-profile-card .profile .ico {
background:url(http://a.imageshack.us/img856/9129/hoso.png) no-repeat;height:11px;width:9 px;}
.divider {
width:0px;}
.yut-pg-container .pg-next {background:url(http://a.imageshack.us/img641/567/nextqk.png) no-repeat center top;height:41px;width:36px;border:0px;}.yut-pg-container .pg-previous {background:url(http://a.imageshack.us/img600/2357/prewz.png) no-repeat center top;height:41px;width:36px;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 {background:transparent url(http://a.imageshack.us/img256/6673/numa.png) no-repeat center;border:0px;}.yut-pg-container .pg-current-page{background:transparent url(http://a.imageshack.us/img256/6673/numa.png) no-repeat center;border:0px;}.yut-pg-container .pg-page:hover, .yut-pg-container .pg-break:hover {background:transparent url(http://a.imageshack.us/img256/6673/numa.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;}
#widget-category .bd ul li.clrfix a .ico {
background:transparent url(http://a.imageshack.us/img6/2549/bmicateg.png) no-repeat;margin-left:0px;list-style:none;width:20px;}
#widget-recentComment .bd ul.force-wrap li{
background:transparent url(http://a.imageshack.us/img542/6569/98689162.png) 0 9px no-repeat;padding-left:20px;list-style:none;}
#widget-recentPost .bd li {background:url(http://a.imageshack.us/img3/9745/47013215.gif) no-repeat left;padding-left:23px;padding-top:0px;margin-bottom:0px;list-style:none;}
.yui-b #sidebar2 {border-top:0px solid #EEE;}
#w-profile-card .profile .ico {
background:url(http://a.imageshack.us/img31/6981/bmiauthor.png) no-repeat;height:20px;width:19px;}
.article .tag .ico {width:15px;height:13px;background:url(http://a.imageshack.us/img822/185/basetags.png);}
#article-single .comment-count .ico {
width:19px;height:18px;background:url(http://a.imageshack.us/img808/5284/bmicomment.png);}
#ygubcmt textarea {
width:400px;}
#article-single .ccl-info .ico {width:22px;height:23px;background:url(http://a.imageshack.us/img515/4484/toanquyen.jpg);}
.yut-btn-big, .yut-btn-light {
border:1px solid black;font-weight:bold;background:black;}
#comment-form .fields .yut-btn:hover{background:transparent url(http://a.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://a.imageshack.us/img688/5032/1234vm.jpg) no-repeat left top;height:61px;width:56px;padding:5px 0px 0px 4px;}
01 {width:70px;height:70px;}
02 {width:70px;height:70px;}
03 {width:70px;height:70px;}
04 {width:70px;height:70px;}
05 {width:70px;height:70px;}
06 {width:70px;height:70px;}
07 {width:70px;height:70px;}
08 {width:70px;height:70px;}
09 {width:70px;height:70px;}
10 {width:70px;height:70px;}
11 {width:70px;height:70px;}
12 {width:70px;height:70px;}
.article .category .ico {background:transparent url(http://a.imageshack.us/img6/2549/bmicateg.png) no-repeat;margin-left:0px;list-style:none;width:20px;height:17px;}
.yut-btn-big, .yut-btn-light {
background:black;border:1px solid black;}
.asb-searchbox span.yut-btn-search {
border:none;}
.ico {
display:inline-block;background-image:url(http://a.imageshack.us/img811/5610/icosprite.png);background-repeat:no-repeat;vertical-align:middle;}
#ft p, #ft ul {display:none;}
body{font-family:comic sans ms;color:#000000;font-size:14px;}
a{font-family:comic sans ms;font-weight:Bold;font-style:italic;color:#000000;font-size:16px;}
#widget-recentVisitor .bd .ico {display:none;}
</style>
Nếu chưa biết cách chèn code vào blog, bạn xem bài này nhé!
