Blog Thiết Kế

Hướng dẫn và giải đáp cho bạn những kĩ thuật trong việc sử dụng Yahoo! Blog, nơi bạn tìm thấy những theme đẹp, giúp bạn làm quen và tìm hiểu về cách tuỳ chỉnh Blog và học hỏi kinh nghiệm thiết kế Blog.

Post sort order : index

67/117 POSTS
preview
67-69/117 POSTS

close

[Bài thi thiết kế] Tím lãng mạn

Jul 18, 2012 9:54 AMPublicPageviews 2006 9

Thấy mọi người dự thi đông vui quá nên mình cũng vác một cái đem thi,do Theme này mình thiết kế với phần màu chủ đạo là màu tím và sử dụng nền trắng rất nhẹ nhàng, thích hợp cho bạn gái ưa lãng mạn, mong mọi người không chê cười ^^

Demo:

 

Code :


<style>#comment-list{height:400px;overflow-y:auto;}</style>

<center><a href=" http://blog.yahoo.com/meoja/articles "><img src=" http://img843.imageshack.us/img843/1795/avatablog.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:-1px;}

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://img837.imageshack.us/img837/6052/anhdaublog.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://img546.imageshack.us/img546/5294/cuoibv.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://img16.imageshack.us/img16/2024/001gwam.jpg) no-repeat center;}

#widget-recentPost .hd{background:url(http://img823.imageshack.us/img823/7029/bvmh.jpg) no-repeat center;}

#widget-statistic .hd{background:url(http://img207.imageshack.us/img207/2143/003eml.jpg) no-repeat top center;height:43px;}

#widget-recentVisitor .hd{background:url(http://img401.imageshack.us/img401/7501/004qbk.jpg) no-repeat top center;height:43px;}

#widget-calendar .hd{background:url(http://img20.imageshack.us/img20/3494/005cqv.jpg) no-repeat center;height:43px;}

#widget-photoSlide .hd{background:url(http://img593.imageshack.us/img593/3589/006oqa.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:12px;}

a{font-family:comic sans ms;font-weight:Bold;font-style:italic;color:#000000;font-size:14px;}

#widget-recentVisitor .bd .ico {display:none;}

</style>

Nếu chưa biết cách chèn code, bạn xem bài này nhé!

Blog Meoja

Report abuse for this article

Copyright © 2013 Yahoo!, Inc. All rights reserved