就在今年雪哥回家了｡ﾟ(PД`q*)ﾟ｡

第一次在這裡分享樣式超級害羞der(〃∀〃)

對痞客邦的css還不是很熟，在製作的過程中真是萬分艱辛

果然還是無名的較簡單(嘆

美逆的粉色很適合這可愛的小悶騷(戳

那個標題我是認真的(正色

✦ 這裡的文章全面右鍵禁止
✦ 是小白的請離開這裡
✦ 沒說可以加工的商品，禁止加工
✦ 別問我任何關於製圖的問題，這是要靠時間磨練出來的
✦ 問問題別問白目、無聊的問題，看到直接刪
✦ 別為了利益和我做朋友
✦ 廣告留言看到一律刪
✦ 帶走製品請回覆，給作者一個尊重

☆〞跟樣式有關的注意事項

◆ 除游標外其餘禁止修改。

◆ 沒放商標不代表可以隨便。

◆ 勿二次修改後發表。

◆ 此樣式不適合加上公告欄位。

<a*title="藤本明★" target="_blank"
href="http://x276908100x.pixnet.net/blog"> 
<*img src="http://i.imgur.com/CLVu7.png" border="0"></a>

/*主視覺請在此更換*/ #banner{background: url(http://i.imgur.com/7WPEZaS.jpg) left top no-repeat;} /*--------------------------reset*/ body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td { margin:0;padding:0;} table {border-collapse:collapse;border-spacing:0;} fieldset,img {border:0;} address,caption,cite,code,dfn,em,th,var {font-style:normal;font-weight:normal;} ol,ul {list-style:none;} caption,th {text-align:left;} h1,h2,h3,h4,h5,h6 {font-size:100%;font-weight:normal;} q:before,q:after {content:'';} abbr,acronym {border:0;} pre{font-size: 1em ;} .article-content{ _height: 1% ; overflow: hidden ; _overflow: none;} .article-content p{margin-bottom: 1em;} a { text-decoration: none; } br{letter-spacing: normal;} /*--------------------------all setting*/ body { font-size: 8px; font-family: Microsoft JhengHei; color: #f7b6bd; line-height: 150%; background:#f7e4e6;} a { color: #f7b6bd; } a:hover { color: #f89fa8; } #body-div { } /*--------------------------authority*/ #authority { background: #eee; border-bottom: 1px dotted #ddd; text-align: center; line-height: 25px; } #authority a{margin:0px 5px} /*--------------------------container*/ #container2 { width: 900px; margin: 0px auto; position: relative; background:url() left top repeat-y;} /*--------------------------header*/ #header { padding-top: 50px; width: 500px; margin-left: 450px; height: 410px; background: #f7e4e6; } #login-bar { color: #666; position: absolute; right: 20px; top: 415px; text-align: right; } #login-bar .separator { color: #ccc; } #banner { height: 410px; width: 500px; border-top: 0px solid #fff; border-bottom: 0px solid #fff;} #banner h1 { position: absolute; left: 20px; top: 50px; height: 25px; } #banner h1 a { font: normal 30px Microsoft JhengHei; } #banner h2 { background-color:#f96d7c; line-height:20px; font-size:8px; height:65px; width:320px; font-family:MS PGothic; position:relative; right:430px; top:50px; color:#fff; opacity:1; overflow:auto; } #banner .skiplink { display: none; } #banner #blog-category { display: none; position: absolute; left: 10px; top: 415px; width: 150px; height: 20px; line-height: 20px; } /*--------------------------navigation*/ #navigation li {margin:0px 10px 0px 0px; float:right; } #navigation a {margin:0px 10px 0px 0px; display:block;font-family:Microsoft JhengHei;text-align:center;margin-bottom:0px;padding-top:0px;} #navigation a:hover {text-decoration;margin:0px 10px 0px 0px;} #link-album{ position:absolute; margin-right:2px; right:785px; top:300px; width:70px; height:15px; font-size:30px; margin:0px 10px 0px 0px; color:#BBBBBB;} #link-blog {position:absolute; margin:0px 10px 0px 0px; margin-right:2px; top:300px; left:100px; width:100px; height:15px; font-size:30px; color:#BBBBBB;} #link-guestbook{position:absolute; top:300px; left:193px; width:70px; height:15px; font-size:30px; color:#BBBBBB;} #link-profile{position:absolute; top:300px; left:257px; width:70px; height:15px; font-size:30px; color:#BBBBBB;} /*--------------------------main*/ #main { padding-top: 0px; } /*--------------------------content*/ #content { overflow: hidden; float: right; width: 650px; margin-right: 0px; display: inline;} #spotlight { background: #eee; margin: 0 0 10px 0; padding: 10px; border-bottom: 2px solid #ccc; } #article-area h3{margin-left: 0px} #view-mode { margin-bottom: 0px; margin-left: 0px;} .article { margin-bottom: 0px; } .publish { float:right;width:150px;height:5px;text-align:center;padding:2px;color:#f7b6bd;font-size:10px; font-family:Microsoft JhengHei;} .title { background: #f7e4e6; font-family:Microsoft JhengHei; margin: 0 0 10px 0; padding: 3px 10px ; } .title a{ font:normal 25px Microsoft JhengHei; color:#f7b6bd;} .article-body { text-align: right; margin: 10px;} .article-content {font-size:8px;color:#f7b6bd;line-height:150%;font-family:Microsoft JhengHei;padding-left:10px;padding-top:10px;margin:10px;} .article-content a { border-bottom: 0px dotted #f7e4e6; } .more a { border: 0; } .bookmark,.author,.forward { color: #f7b6bd; } .article-footer {display:none;} .article-footer a { color: #f7b6bd; } .article-footer a:hover { color: #f89fa8; } .back-to-top { text-transform: uppercase; text-align: right; } .back-to-top a { padding: 0px 3px; background: #aaa; color: #fff; font: 11px verdana; } /*--------------------------list*/ .main-list table { width: 95%; margin: 10px auto;} .main-list th { background: #f7e4e6; color: #f7b6bd; padding: 3px; } .list-num { width: 30px; } .list-date { width: 120px; } .list-comment { width: 50px; background: #f7e4e6; } .list-visit { width: 70px; background: #f7e4e6; } .main-list td { padding: 3px; border-bottom: 1px solid #fff; } /*--------------------------post-box*/ .user-post-box { margin: 0px 0; } .user-post-title { display:none;} .post-comment { width: 100px; text-align: center; height: 25px; line-height: 25px; margin: 10px auto; background: #f7e4e6; } #content .post-comment a { display: block; width: 100%; height: 100%; } .single-post { font-size:8px;color:#f7b6bd;font-family:Microsoft JhengHei; overflow: hidden; _overflow: none; _height: 1%; padding: 5px; margin: 10px auto; position: relative; width: 600px;} .post-info { background: #f7e4e6; height: 50px; margin-bottom: 5px; padding-left: 60px; line-height: 25px; } .post-time { position: absolute; left: 480px; top: 0px; } .post-photo { position: absolute; left: 5px; top: 5px; width: 50px; height: 50px; } .post-photo img { width: 50px; height: 50px; } .post-text { padding: 5px; } .reply-text { text-align: left; color: #fff; padding: 5px; background:#f96d7c; } .single-post.secret .post-text { float: none; width: auto; } input { font-family:MS PGothic; font-size:8px; color:#fff; border:1px solid #f96d7c; background:#f96d7c; padding:2px; } #trackback-input{ border:#f96d7c 1px solid; font-size:8px; color:#FFF; font-family:MS PGothic; background:#f96d7c;} #trackback-box #trackback-url { margin:10px;} #trackback-text .post-info { padding: 5px; height: 25px; } #trackback-box .post-text { width: auto ; float: none ; } /*--------------------------comment-form */ #comment-form { background: #f7e4e6; padding: 5px; width: 600px; margin: 10px auto; } #comment-form p { color: #f7b6bd; text-align: right; margin: 0px 10px 5px; } #comment-form table { width: 100%; border: none; } #comment-form table tr.comment-form-title { display: none; } #comment-form table td { color: #f7b6bd; vertical-align: top; border: none; padding: 2px 5px; } #comment-form table th { color: #f7b6bd; vertical-align: top; width: 80px; border: none; padding: 2px 5px; text-align: right; } #comment-form input { height: 17px; font-family: Microsoft JhengHei; font-size: 11px; color: #f7b6bd; border: none; background: none; width: 90%; } #comment-form input.radio { border: none; width: auto; background: none; margin: 0; padding: 0; } #comment-form input#blogcommenttext_name { width: 87%; } #comment-form input#send-comment { border: 0; width: 80px; background: #f7e4e6; color: #f7b6bd; } #comment-form textarea { width: 99%; height: 90px; font-family: Microsoft JhengHei; font-size: 11px; line-height: 18px; color: #f7b6bd; background: #f7e4e6; } /*--------------------------pages*/ .page { margin: 10px 0; text-align: center;} .page a { padding:0px 5px;} .page SPAN { background:#f7e4e6; padding:0px 5px; color:#f7b6bd;} /*--------------------------links*/ #links { margin-top: -300px; overflow: hidden; float: left; width: 200px; margin-left:10px; display:inline;} .box { background: none; margin-bottom: 0px; } .box-title { background: #f7e4e6; padding: 10px; font: normal 20px Microsoft JhengHei; color: #f7b6bd; border-left: 13px solid #f7b6bd} .box-text { padding: 10px;} .box-more { text-align: right; margin:5px 0;} .box-more a { padding: 2px 5px; background: #f7e4e6; border: 1px solid #f7b6bd; } #visitor ul, #crumb ul { overflow: hidden; _overflow: none; _height: 1%; } #visitor li, #crumb li { float: left; line-height: 0; } #visitor li a, #crumb li a { border: 0; } #visitor li img, #crumb li img { margin: 0 2px 2px 0; display: inline; width: 50px; height: 50px; } #broadcast ul { overflow: hidden; _overflow: none; _height: 1%; margin-bottom: 10px; } #broadcast .broadcast-photo { float: left; width: 40px; margin-right: 5px; display: inline; line-height: 20px; } #broadcast .broadcast-time, #broadcast .broadcast-text { float: right; width: 150px; line-height: 20px !important; } #broadcast .broadcast-text a { color:#f7b6bd; line-height: 20px } #broadcast .broadcast-time a { color: #f7b6bd; padding: 2px 3px; background: #f7e4e6; font: 10px verdana; line-height: 20px; } #broadcast .broadcast-time span { display: none; } #headshot ul { overflow: hidden; _overflow: none; _height: 1%; } #headshot li { width: 100px; float: right; } #headshot li a { padding: 2px; } #headshot-img { float: left !important; width: 110px !important; } #headshot-img img { border: 3px solid #f7e4e6; } #search ul { overflow: hidden; _overflow: none; _height: 1%; } #search li { float: left; } #search li input { border: 1px solid #f7b6bd; border-left: 1px solid #f7b6bd; border-top: 1px solid #f7b6bd; background: none; margin-right: 5px; height: 20px; width: 120px; } #search li input#search-submit { border: 1px solid #f7b6bd; border-right: 1px solid #f7b6bd; border-bottom: 1px solid #f7b6bd; height: 22px; width: 50px; padding: 0; color: #666; } #feed a { margin-bottom: 5px; padding: 5px; width: 90%; } #calendar table { width: 80%; margin: 0 auto; } #calendar table th { text-align: center; } #calendar table td { font-size: 10px; text-align: center; line-height: 20px; } #calendar table td a { background: #999; display: block; color: #fff; border: 0; -khtml-border-radius: 7px; -moz-border-radius: 7px; -webkit-border-radius: 7px; } #category li { margin-left: 15px; } #archive select { width: 200px; margin-bottom: 5px; background: #f7e4e6; border: 1px solid #f7b6bd; font: 11px arial; } #murmur .murmur-time { color: #f7b6bd; font: 11px Century Gothic; } #murmur .murmur-text { padding: 5px 0; } #latest-comment li, #subscription li, #latest-trackback li { margin-bottom: 2px; color: #666; font-size: 12px; } #latest-comment a, #subscription a, #latest-trackback a { display: block; width: 99%; } #user-info{ position:absolute; top:170px;left:10px; width:400px;height:70px;} #user-info-img { width:15px; height:15px;} #user-info .box-title{display: none;} #user-info dl{display: none;} #counter .box-text li {display: inline;} #user-info .box-text img{opacity:.5; -moz-opacity:.5; filter:alpha(opacity=50);} #user-info .box-text img:hover{opacity:1;-moz-opacity:1;filter:alpha(opacity=100);} ::selection {background:#f7e4e6;color:#FFF;} ::-moz-selection {background:#f7e4e6;color:#FFF;} #visitor.box .box-title{display: none;} #visitor.box{ opacity:.5; -moz-opacity:.5; filter:alpha(opacity=50); position:absolute; top:170px;left:130px; width:400px;height:70px;} #visitor li img , #crumb li img{ width:35px; height:35px;} #counter.box .box-title{display: none;} #counter.box{ position:absolute; top:230px;left:130px; width:400px;height:70px;} #visitor .box-more{display: none;} /*--------------------------footer*/ #footer { clear: both; background: #f7e4e6; padding: 20px 0; text-align: center; margin-left: 240px; width: 650px; _height: 1%; }