夏天到了~~
大家對晴兒的新版面樣式看來都頗喜歡，所以送同樣喜歡MOCO的朋友一個禮物
MOCO夏日清爽風的無名樣式...
喜歡的朋友請自取唷...當然如果可以順便留個言再推一下..就太感激了~~~
樣式預覽圖
喜歡的朋友只要把下方的藍色CSS碼複製回去貼在自己的無名上就可以囉
/*
By [ sunny ]
曉風中的晴天日記 http://www.wretch.cc/blog/sunny989
*/
body {
margin:0px;
background:#ffffff url(http://i622.photobucket.com/albums/tt304/leesunny989minho/090617-.jpg) no-repeat center top;
font: 12px/150% Arial, Helvetica, sans-serif;
color:#a1a1a0;
}
a {
color:#61c9e3;
text-decoration:none;
}
a:hover {
color:#61c9e3;
text-decoration:underline;
}
#container1 {
width:927px;
position:relative;
margin:0 auto;
padding: 265px 14px 0 11px;
}
#banner {
height: 175px;
margin-bottom: 5px;
}
#pageheader {
padding: 120px 15px 15px 0px;
height: 75px;
}
#pageheader h1 {
margin: 0px;
font-size: 15px;
font-weight: normal;
}
#pageheader h1 a {
color: #61c9e3;
}
#pageheader h1 a:hover {
color:#61c9e3;
text-decoration:underline;
}
#pageheader .description {
color:#747474;
line-height: 120%;
padding-right: 30px;
}
h1 .description{
color:#747474;
display:block;
font-size:12px;
font-weight: normal;
}
#description2{
color:#747474;
}
#content {
width:697px;
float:left;
overflow:hidden;
}
.blog {
overflow: hidden;
width: 697px;
background: url(http://l.yimg.com/e/style/13/1397/contentbg.gif) repeat-y scroll center;
}
.date {
font-size:11px;
z-index:2;
position:relative;
text-align: center;
}
.datediv {
position: absolute;
right: 25px;
top: 10px;
width: 113px;
height: 30px;
color:#8c8a8a;
background: url(http://l.yimg.com/e/style/13/1397/date.gif) no-repeat scroll center top;
}
.blogbody {
position:relative;
margin: 0px;
overflow: inherit;
background: url(http://l.yimg.com/e/style/13/1397/contentt.gif) no-repeat scroll center top;
}
.blogbody2 {
position:relative;
padding: 0 0 20px;
overflow: auto;
overflow-y:hidden;
background: url(http://l.yimg.com/e/style/13/1397/contentb.gif) no-repeat scroll center bottom;
}
.articletext .title {
font-size:15px;
color:#f1b14b;
margin: 10px 0px;
text-indent: 10px;
padding: 10px 15px;
background: url(http://l.yimg.com/e/style/13/1397/title.gif) no-repeat center bottom;
}
.articletext .innertext {
margin: 15px;
padding: 0 0 2px;
}
.articletext .innertext .bookmark {
color: #f1b14b;
}
.articletext .innertext #article_counter {
color: #f1b14b;
}
.articletext .extended {
TEXT-ALIGN:right;
margin: 0px 15px;
color: #f1b14b;
}
.posted {
color:#f1b14b;
text-align: right;
margin: 5px 15px;
border-bottom: 1px dotted #cfcfcf;
padding-bottom: 5px;
}
.total-comments-div {
padding:20px 15px 0;
margin: 10px 0px 0px;
}
.comments-linkcontrol {
margin: 0 16px;
text-align: right;
color: #f1b14b;
font-weight: bold;
}
.comments-linkcontrol a {
font-weight: normal;
}
.total-comments-div .trackback-url {
color: #f1b14b;
margin: 0px 6px;
}
.total-comments-div .comments-head {
font-size: 13px;
font-weight: bold;
padding: 40px 5px 5px 15px;
margin: 0px;
background: url(http://l.yimg.com/e/style/13/1397/comments.gif) no-repeat left bottom;
color: #b65e00;
}
.total-comments-div .comments-bottom .comments-head {
background: #f7f7f7;
font-size: 13px;
text-indent: 10px;
margin:10px 0;
color: #b65e00;
padding: 3px 0px 2px;
}
.total-comments-div .comments-body {
border-bottom: 0px;
padding: 10px;
}
.total-comments-div .comments-body .comments-post {
text-align:right;
color:#f1b14b;
border-bottom: 1px dotted #cfcfcf;
padding: 5px 0px;
}
.total-comments-div .comments-body .comments-post a {
color: #f1b14b;
}
.total-comments-div .comments-body .comments-post a:hover {
color: #f1b14b;
text-decoration:underline;
}
.total-comments-div .comments-bottom .comments-head {
margin: 1px;
}
.total-comments-div .comments-body form {
color:#f1b14b;
height:670px;
margin:0px;
padding:5px;
overflow:hidden;
}
#xxx1.comments-body {
border-bottom-style: none;
}
.total-comments-div .comments-author {
border-bottom: 0px;
padding: 10px;
color: #d78500;
background: #ececea;
margin: 0px 0px 12px;
}
.total-comments-div .comments-author .comments-post {
text-align:right;
color:#f1b14b;
}
.comments-author .comments-post a {
color: #f1b14b !important;
text-decoration: none !important;
}
#text {width:300px;}
#links {
width:222px;
float: right;
line-height:22px;
overflow:hidden;
}
.sidetitle {
padding: 2px 0px 0px 5px;
font-size: 13px;
text-align: left;
color: #b65e00;
background:#ffffff url(http://l.yimg.com/e/style/13/1397/sidetitle.gif) no-repeat center top;
margin: 0px;
}
#SlidePicTitle {
color:#a1a1a0;
font-size: 12px;
}
.side {
padding:10px 10px 10px 28px;
}
#boxSlideShow .side {
padding:0 0 0 25px;
}
#login_5 {
padding:0 0 0 35px;
}
#boxWho input {
margin: 0px 0px 10px;
}
#boxCounter{color: #8c8c8b;}
div.calendar {
padding: 10px 0 5px;
height:185px;
line-height:120%;
color: #ffffff;
background: url(http://l.yimg.com/e/style/13/1397/calendarbg.gif) no-repeat center top;
}
div.calendar a {
color: #ffffff;
}
div.calendar a:hover {
color: #d2ff00;
text-decoration:underline;
}
caption.calendarhead { padding: 0px; }
caption.calendarhead a {
color: #FFF;
margin: 0 3px;
}
caption.calendarhead a:hover {
color: #fcf96c;
text-decoration:underline;
}
th span.calendar {
color: #d2ff00;
}
span.calendar a {
color: #d2ff00;
font-weight: bold;
}
span.calendar a:hover {
font-weight: bold;
text-decoration:underline;
}
div.calendar table{
background: url(http://l.yimg.com/e/style/13/1397/calendar.gif) no-repeat 3px 22px;
}
#boxSearch .boxSearch1 .side {
padding-top: 0px;
color: #999999;
}
#boxNewComment .boxNewComment1 .side {
text-align: right;
line-height: 100%;
padding-top: 0px;
}
#boxNewComment .boxNewComment1 .side a {
text-align: left;
display: block;
margin: 15px 0 0;
}
#boxNewTrackback .boxNewTrackback1 .side {
text-align: right;
line-height: 100%;
padding-top: 0px;
}
#boxNewTrackback .boxNewTrackback1 .side a {
text-align: left;
display: block;
margin: 15px 0 0;
}
#boxNewTrackback .boxNewTrackback1 .side span a {
display: inline;
}
#boxWho {
margin: 10px 0 20px;
}
.syndicate {
padding:10px;
display:inline;
}
.syndicate img{
filter:gray;
}
.powered {
padding:10px;
}
#trackback_url {
background: #d4d0c8;
}
#footer {
clear:both;
background: url(http://l.yimg.com/e/style/13/1397/footer.gif) no-repeat center top;
height: 55px;
}
延伸閱讀 更多MOCO桌布、版型
Tags 速水もこみち 速水茂虎道
090618 今日推推
090619 今日推推
大家對晴兒的新版面樣式看來都頗喜歡，所以送同樣喜歡MOCO的朋友一個禮物
MOCO夏日清爽風的無名樣式...
喜歡的朋友請自取唷...當然如果可以順便留個言再推一下..就太感激了~~~
樣式預覽圖
喜歡的朋友只要把下方的藍色CSS碼複製回去貼在自己的無名上就可以囉
/*
By [ sunny ]
曉風中的晴天日記 http://www.wretch.cc/blog/sunny989
*/
body {
margin:0px;
background:#ffffff url(http://i622.photobucket.com/albums/tt304/leesunny989minho/090617-.jpg) no-repeat center top;
font: 12px/150% Arial, Helvetica, sans-serif;
color:#a1a1a0;
}
a {
color:#61c9e3;
text-decoration:none;
}
a:hover {
color:#61c9e3;
text-decoration:underline;
}
#container1 {
width:927px;
position:relative;
margin:0 auto;
padding: 265px 14px 0 11px;
}
#banner {
height: 175px;
margin-bottom: 5px;
}
#pageheader {
padding: 120px 15px 15px 0px;
height: 75px;
}
#pageheader h1 {
margin: 0px;
font-size: 15px;
font-weight: normal;
}
#pageheader h1 a {
color: #61c9e3;
}
#pageheader h1 a:hover {
color:#61c9e3;
text-decoration:underline;
}
#pageheader .description {
color:#747474;
line-height: 120%;
padding-right: 30px;
}
h1 .description{
color:#747474;
display:block;
font-size:12px;
font-weight: normal;
}
#description2{
color:#747474;
}
#content {
width:697px;
float:left;
overflow:hidden;
}
.blog {
overflow: hidden;
width: 697px;
background: url(http://l.yimg.com/e/style/13/1397/contentbg.gif) repeat-y scroll center;
}
.date {
font-size:11px;
z-index:2;
position:relative;
text-align: center;
}
.datediv {
position: absolute;
right: 25px;
top: 10px;
width: 113px;
height: 30px;
color:#8c8a8a;
background: url(http://l.yimg.com/e/style/13/1397/date.gif) no-repeat scroll center top;
}
.blogbody {
position:relative;
margin: 0px;
overflow: inherit;
background: url(http://l.yimg.com/e/style/13/1397/contentt.gif) no-repeat scroll center top;
}
.blogbody2 {
position:relative;
padding: 0 0 20px;
overflow: auto;
overflow-y:hidden;
background: url(http://l.yimg.com/e/style/13/1397/contentb.gif) no-repeat scroll center bottom;
}
.articletext .title {
font-size:15px;
color:#f1b14b;
margin: 10px 0px;
text-indent: 10px;
padding: 10px 15px;
background: url(http://l.yimg.com/e/style/13/1397/title.gif) no-repeat center bottom;
}
.articletext .innertext {
margin: 15px;
padding: 0 0 2px;
}
.articletext .innertext .bookmark {
color: #f1b14b;
}
.articletext .innertext #article_counter {
color: #f1b14b;
}
.articletext .extended {
TEXT-ALIGN:right;
margin: 0px 15px;
color: #f1b14b;
}
.posted {
color:#f1b14b;
text-align: right;
margin: 5px 15px;
border-bottom: 1px dotted #cfcfcf;
padding-bottom: 5px;
}
.total-comments-div {
padding:20px 15px 0;
margin: 10px 0px 0px;
}
.comments-linkcontrol {
margin: 0 16px;
text-align: right;
color: #f1b14b;
font-weight: bold;
}
.comments-linkcontrol a {
font-weight: normal;
}
.total-comments-div .trackback-url {
color: #f1b14b;
margin: 0px 6px;
}
.total-comments-div .comments-head {
font-size: 13px;
font-weight: bold;
padding: 40px 5px 5px 15px;
margin: 0px;
background: url(http://l.yimg.com/e/style/13/1397/comments.gif) no-repeat left bottom;
color: #b65e00;
}
.total-comments-div .comments-bottom .comments-head {
background: #f7f7f7;
font-size: 13px;
text-indent: 10px;
margin:10px 0;
color: #b65e00;
padding: 3px 0px 2px;
}
.total-comments-div .comments-body {
border-bottom: 0px;
padding: 10px;
}
.total-comments-div .comments-body .comments-post {
text-align:right;
color:#f1b14b;
border-bottom: 1px dotted #cfcfcf;
padding: 5px 0px;
}
.total-comments-div .comments-body .comments-post a {
color: #f1b14b;
}
.total-comments-div .comments-body .comments-post a:hover {
color: #f1b14b;
text-decoration:underline;
}
.total-comments-div .comments-bottom .comments-head {
margin: 1px;
}
.total-comments-div .comments-body form {
color:#f1b14b;
height:670px;
margin:0px;
padding:5px;
overflow:hidden;
}
#xxx1.comments-body {
border-bottom-style: none;
}
.total-comments-div .comments-author {
border-bottom: 0px;
padding: 10px;
color: #d78500;
background: #ececea;
margin: 0px 0px 12px;
}
.total-comments-div .comments-author .comments-post {
text-align:right;
color:#f1b14b;
}
.comments-author .comments-post a {
color: #f1b14b !important;
text-decoration: none !important;
}
#text {width:300px;}
#links {
width:222px;
float: right;
line-height:22px;
overflow:hidden;
}
.sidetitle {
padding: 2px 0px 0px 5px;
font-size: 13px;
text-align: left;
color: #b65e00;
background:#ffffff url(http://l.yimg.com/e/style/13/1397/sidetitle.gif) no-repeat center top;
margin: 0px;
}
#SlidePicTitle {
color:#a1a1a0;
font-size: 12px;
}
.side {
padding:10px 10px 10px 28px;
}
#boxSlideShow .side {
padding:0 0 0 25px;
}
#login_5 {
padding:0 0 0 35px;
}
#boxWho input {
margin: 0px 0px 10px;
}
#boxCounter{color: #8c8c8b;}
div.calendar {
padding: 10px 0 5px;
height:185px;
line-height:120%;
color: #ffffff;
background: url(http://l.yimg.com/e/style/13/1397/calendarbg.gif) no-repeat center top;
}
div.calendar a {
color: #ffffff;
}
div.calendar a:hover {
color: #d2ff00;
text-decoration:underline;
}
caption.calendarhead { padding: 0px; }
caption.calendarhead a {
color: #FFF;
margin: 0 3px;
}
caption.calendarhead a:hover {
color: #fcf96c;
text-decoration:underline;
}
th span.calendar {
color: #d2ff00;
}
span.calendar a {
color: #d2ff00;
font-weight: bold;
}
span.calendar a:hover {
font-weight: bold;
text-decoration:underline;
}
div.calendar table{
background: url(http://l.yimg.com/e/style/13/1397/calendar.gif) no-repeat 3px 22px;
}
#boxSearch .boxSearch1 .side {
padding-top: 0px;
color: #999999;
}
#boxNewComment .boxNewComment1 .side {
text-align: right;
line-height: 100%;
padding-top: 0px;
}
#boxNewComment .boxNewComment1 .side a {
text-align: left;
display: block;
margin: 15px 0 0;
}
#boxNewTrackback .boxNewTrackback1 .side {
text-align: right;
line-height: 100%;
padding-top: 0px;
}
#boxNewTrackback .boxNewTrackback1 .side a {
text-align: left;
display: block;
margin: 15px 0 0;
}
#boxNewTrackback .boxNewTrackback1 .side span a {
display: inline;
}
#boxWho {
margin: 10px 0 20px;
}
.syndicate {
padding:10px;
display:inline;
}
.syndicate img{
filter:gray;
}
.powered {
padding:10px;
}
#trackback_url {
background: #d4d0c8;
}
#footer {
clear:both;
background: url(http://l.yimg.com/e/style/13/1397/footer.gif) no-repeat center top;
height: 55px;
}
延伸閱讀 更多MOCO桌布、版型
Tags 速水もこみち 速水茂虎道
090618 今日推推
090619 今日推推
全站熱搜
留言列表
美食隨筆 (6)
