【創作】第五版網誌樣式 (特別版分享)－Ringo* 遇見你的微笑

第五版網誌樣式，在某個有靈感的日子突發奇想的就這樣生出來了。

綠色底的顏色，是以前在這個網誌沒有試過的樣式顏色。

希望至少讓人感覺起來能很舒服。

上一版的彩色書籤也分享在後台囉！

但由於使用上有某些限制。這部份我一直未調整。

可能那一天突然心血來潮會調整這個缺點的限制。

「第四版」彩色書籤
設計概念：二欄上方設計（新發表文章、熱門文章）
色彩豐富增加部落格的活潑感。

禁止套用於無名，並【請尊重版權】

*使用限制：新發表文章設定數量為9篇,熱門文章請設定只出現5篇。
碎碎念僅只能發表短數量文字。

若有問題歡迎到我網誌詢問　感謝。

2008/07/02　更新

分享特別版的顏色囉！這版原是之前給我家寶貝使用。

現在也分享出來。

不在後台分享，因為只差顏色其餘於紫色版相同。想要的就在這裡取吧！

* 2008-07-09 更新
如果你有換行的問題。(按一次enter不會換行,二次才會換行) 麻煩再更新一次下面的語法喔！

使用方法：

一、複製下方框裡的語法

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;} html{scrollbar-face-color:#acc3c6;scrollbar-highlight-color:#acc3c6;scrollbar-shadow-color:#acc3c6;scrollbar-3Dlight-color:#acc3c6;scrollbar-arrow-color:#ffffff;scrollbar-track-color:#eee;scrollbar-darkshadow-color:#acc3c6;}body{font-family:arial;font-size: 12px;margin:0;background:url(http://p6.p.pixnet.net/albums/userpics/6/7/609167/1206363294.jpg) right top repeat-y #038a9a;}#body-div {position:relative;width: 1004px;margin: 0px auto;background:url(http://p6.p.pixnet.net/albums/userpics/6/7/609167/1206363250.jpg) left top repeat-y;}a{color:#038a9a;text-decoration:none;}a:hover{color:#b8c6d1;text-decoration: none;}.skiplink{display:none ;}#container{background:url(http://p6.p.pixnet.net/albums/userpics/6/7/609167/1206363252.jpg) top left repeat-y;}/*#container2{background:url(http://p6.p.pixnet.net/albums/userpics/6/0/423460/1202830792.jpg) left top no-repeat;}*/#container3{background:url(http://p6.p.pixnet.net/albums/userpics/6/7/609167/1206363251.jpg) left bottom no-repeat;min-height : 800px;height:auto !important;height:800px;padding:0px 0 70px 0;}#container3:after { content: "."; display: block; height: 0; clear: both; visibility: hidden;}#authority{position:absolute ;display:block ;text-indent:-5000px;}/*#newpost{display:block ;position:absolute ;left:517px;top:45px;width:64px;height:98px;background:url(http://p6.p.pixnet.net/albums/userpics/6/0/423460/1202906603.jpg) left bottom no-repeat;}*/#newpost{display:block ;position:absolute ;left:594px;top:28px;width:64px;height:98px;background:url(http://p6.p.pixnet.net/albums/userpics/6/7/609167/1206364248.jpg) left bottom no-repeat;}#navigation a{position:absolute;display:block ;text-indent:-5000px;}#backstage{position:absolute ;background:url(http://p6.p.pixnet.net/albums/userpics/6/7/609167/1206364185.jpg) left bottom no-repeat;display:block ;left:671px;top:53px;width:64px;height:98px;}#link-profile a{background:url(http://p6.p.pixnet.net/albums/userpics/6/7/609167/1206364187.jpg) left bottom no-repeat;display:block ;left:748px;top:39px;width:64px;height:98px;}#link-album a{background:url(http://p6.p.pixnet.net/albums/userpics/6/7/609167/1206364186.jpg) left bottom no-repeat;display:block;left:824px;top:23px;width:64px;height:98px;}#link-guestbook a{background:url(http://p6.p.pixnet.net/albums/userpics/6/0/423460/1202909181.jpg) left bottom no-repeat;display:block ;left:901px;top:39px;width:64px;height:98px;}#header{width:1004px;height:364px;background:url(http://p6.p.pixnet.net/albums/userpics/6/0/423460/1215011119.jpg) left top no-repeat;}#header h1 a{font-family:'Arial Black';font-size: 18px;color:#000000;display:block ;width:230px;margin-top:25px;margin-bottom: 5px;margin-left: 280px;}#header h2{font-size: 13px;color:#038a9a;letter-spacing:0.1em;font-weight:bold;display:block ;width:230px;margin:3px 0 0 0;margin-left: 280px;}#blog-category{width:230px;margin:25px 775px 0 0;letter-spacing:0.1em;font-size:12px;color:#fefefe;text-align:right;}#blog-category a{color:#fefefe;}#blog-category a:hover{color:#c5c1c7;}#login-bar{padding:3px 0 0 0;margin:0px 25px 0 0;text-align:right;color:#c5c1c7;}#login-bar a{color:#c5c1c7;}#login-bar a:hover{color:#808080;}#content{float:right;width:720px;top:260px;margin:0 15px 0 0;}html>body #content {margin:0 30px 0 0;} *+html>body #content {margin:0 30px 0 0;}#content input{border:1px solid #d9d9d9 ;background:#fdfdfd ;color:#808080 ;font-size:11px ;font-family:'verdana';}#links{float:left;margin:-200px 0 0 0;padding:0 0 0 16px;width:223px;}#links a{color:#dfdfd4;line-height:1.7em;}#links a:hover{color:#fbf5c5;padding:2px 0;}.box{margin:5px 0;background:url(http://p6.p.pixnet.net/albums/userpics/6/7/609167/1206363256.jpg) left top no-repeat;}.box-title{color:#038a9a;padding:5px 0 10px 35px;letter-spacing:0.2em;font-weight:bold;}#recent-article .box-title{display:none;}#recent-article.box{background:none;position:absolute;width:356px;top:143px;left:260px;letter-spacing:0.1em;}#recent-article.box ul li a{color:#828080;}#recent-article.box ul li a:hover{color:#a8a207;}#recent-article.box ul{background:url(http://p6.p.pixnet.net/albums/userpics/6/0/423460/1202914689.jpg) left top repeat-y;}#counter .box-title{display:none;}#counter.box{background:none;position:absolute;width:106px;top:170px;left:638px;color:#a19faf;letter-spacing:0.1em;}#murmur .box-title{display:none;}#murmur.box{padding:2px 0 0 0;background:url(http://p6.p.pixnet.net/albums/userpics/6/0/423460/1202920837.jpg) left top no-repeat;position:absolute;width:227px;height:68px;top:140px;left:750px;color:#b1af58;letter-spacing:0.1em;}#murmur.box li{padding:0 5px 0 10px;}#murmur.box a{padding:0 5px 0 10px;color:#808080;}#murmur.box a:hover{color:#a8a207;}#hot-article .box-title{display:none;}#hot-article.box{background:none;position:absolute;width:316px;top:230px;left:640px;letter-spacing:0.1em;}#hot-article.box ul li a{color:#828080;}#hot-article.box ul li a:hover{color:#a8a207;}#hot-article.box ul{background:url(http://p6.p.pixnet.net/albums/userpics/6/0/423460/1202918678.jpg) left top repeat-y;}#search-submit{color:#fff;background:#cfe1e3;border:1px solid #6d5776;width:50px;height:18px;margin:1px 0;}#search-target{background:#2d9aa7;border:1px solid #3d929c;width:150px;height:18px;}#bottom{display:none;}.article-head{background:url(http://p6.p.pixnet.net/albums/userpics/6/7/609167/1206363254.jpg) left top no-repeat;}.publish{color:#fff;padding:5px 10px;font-family:arial;}.title{float:right;text-align:left;width:500px;margin:-25px 30px 0 190px;padding:5px 0px 5px 0px;letter-spacing:0.1em;}.article-body{clear:both;padding:0;}#search form{height:30px;}#search .box-text ul li{float:left;padding: 0 3px;}.more {float:right;}.more a {color:#038a9a;font-size:0px;font-weight:normal;background:url(http://p6.p.pixnet.net/albums/userpics/6/7/609167/1206363257.jpg) left top no-repeat;height:14px;width:75px;display:block;margin:10px 15px 0 0;}.more a:hover {color:#038a9a;font-size:0px;font-weight:normal;background:url(http://p6.p.pixnet.net/albums/userpics/6/7/609167/1206363257.jpg) left top no-repeat;height:14px;width:75px;display:block;margin:10px 15px 0 0;}.author{margin:5px 0;text-align:right;margin:0 15px 0 0;padding:3px 0;background:#dce8f0;}.article-content{margin:10px 0;}.back-to-top a{display:none;}.refer li{ padding:5px 0 10px 0;}.bookmark{text-align:right;padding:5px 40px 0 0;}.post-comment{background:url(http://p6.p.pixnet.net/albums/userpics/6/7/609167/1206363254.jpg) left top no-repeat;padding:5px 0;margin:5px 0;}.post-comment a{letter-spacing:0.2em;padding:0 0 0 10px;color:#fff;}.forward{text-align:right;background:#eee;padding:2px 0;margin:1px 15px 0 0;}.history{background:#b8c6d1;margin:1px 0 0 0;}#trackback-url input{margin:0 1px;}.single-post .post-info b{margin:5px 0;}.single-post .post-info .user-name{font-weight:bold;}.single-post .post-info .post-time{font-weight:bold;}.secret .post-info b{margin:5px 0;}.secret .post-info .user-name{font-weight:bold;}.secret .post-info .post-time{font-weight:bold;}/*迴響*/.post-photo{width: 80px; text-align:center ;float:left ;margin:10px 5px 5px 5px;background:#eee:padding:3px;}.post-text{color:#808080 ;margin:10px 0px 0px 0px;width:260px;height:100px;overflow-y:auto;}.reply-text{clear:both;float:right;padding:0px;margin:0 10px 0 0;color:#808080;margin-top:-100px;width:290px;height:100px;overflow-y:auto;background:#eff0f1;}/*誰來我家*/#visitor ul{_height:1%;overflow:hidden;_overflow:none;}#visitor li{float:left;}#visitor .box-more{position:absolute ;display:block ;text-indent:-5000px;}#visitor .box-text li a {width: 20px;height: 20px;display: block;border:1px solid #dddddd;}#visitor .box-text li a img{width: 20px;height: 20px;display: block;}#visitor .box-text li a:hover {width: 20px;height: 20px;display: block;border:1px solid #dddddd;}#visitor .box-text li a:hover img {display: block;width: 20px;height: 20px;}#crumb ul{_height:1%;overflow:hidden;_overflow:hidden;}#crumb li{float:left;}#crumb .box-more{position:absolute ;display:none ;text-indent:-5000px;}#crumb .box-text li a {width: 20px;height: 20px;display: block;border:1px solid #dddddd;}#crumb .box-text li a img{width: 20px;height: 20px;display: block;}#crumb .box-text li a:hover {width: 20px;height: 20px;display: block;border:1px solid #dddddd;}#crumb .box-text li a:hover img {display: block;width: 20px;height: 20px;}#calendar table{width: 90% ;font-size:11px ;font-family:"verdana";}#calendar th,#calendar td{text-align:Center ;border:1px solid #6e888f ;}#calendar a{background:#6e888f ;padding: 0px ;}#calendar a:hover{background:#999;color:#fff ;}#latest-comment .box-text ul li a{display:block;}#latest-comment .box-text ul li span{display:none;}/*------------------------------------------------------------ 以下為 PIXNET 部落格痞客模版專用 box-layout.css 任何疑問請至 PIXNET - 服務專區 Pixnet CSS 設計交流區 http://support.pixnet.tw/index.php?board=6.0------------------------------------------------------------*//* 誰來我家田字型排版 */#visitor ul{ _height: 1% ; overflow: hidden ; _overflow: none ;}#visitor li{ float:left ;}/* 我去誰家田字型排版 */#crumb ul{ _height: 1% ; overflow: hidden ; _overflow: none ;}#crumb li{ float:left ;}/* 碎碎唸聯播好友圖像靠左文字靠右 */#broadcast ul{ _height: 1% ; overflow: hidden ; _overflow: none ;}.broadcast-photo{ float:left ;}/* 解決迴響樓梯型歪斜排版問題 + 文字重疊問題　迴響人圖像靠左迴響內容靠右 */.single-post{ _height: 1% ; overflow: hidden ; _overflow: none ;}.post-photo{ width:120px ; float:left ; text-align:Center ;}/* 解決圖片太大撐破版面，側邊欄往下掉的問題 */#content{ overflow: hidden ;}/*-------------------- 以上為 PIXNET 部落格痞客模版專用 box-layout.css --------------------*/ #recent-article a img{display:none;}

二、進入後台-->部落格管理-->版面管理-->編輯css

三、選擇痞克模板

四、將原本的語法全部刪掉並換上剛剛複製框裡的語法。

五、按下更新。

六、完成。

若您對目前的綠色版型有興趣的人，可以推這篇文喔。~如果有破二百五的話。(算是我自己一個小小的願望吧：P )