本噗浪樣式內之CSS語法為自由分享，可隨個人需要自行修改，但使用之圖檔皆為我繪製，因此禁止以任何形式再次轉載、發布、修改、利用，若要將修改後的該版面分享給他人使用時，請勿沿用我所繪製的圖檔，謝謝。

真的是好久不見了……（死）因為最近我真的太忙，正職工作之外還有兼差翻譯，雖然少了很多能夠隨便亂玩的時間，但也過得挺充實的。

這次依舊是綠色系，沒什麼梗因為我很懶（爆）試著用了一下陰影效果，除此之外沒有增加太多東西，對我來說噗浪版面只要好閱讀就好，要玩什麼花樣的話我寧願玩網誌，所以每次這麼都這麼樸素真是不好意思啦～

12.Clover Flower

設計者、背景圖片、素材：狗頭魚尾蚊

（安裝連結請點繼續閱讀）

為什麼這次依舊是綠色系呢？因為在我製作這版面的背景時（大約兩個月前）覺得上一個版面顏色看起來很舒服，所以想說下一個也做綠色系吧……事實證明過了兩個月人的看法是會改變的（爆）

不過因為圖都畫了也懶得改，而且如果都用綠色系的話，語法我也不用改太多，簡單來說這就是一個我做來安慰自己「還有在碰噗浪CSS」的東西啦，想當然的就沒有太多設計了，連背景部份素材都是沿用我某一個紫色系版面的……只是每次的版面我都會在標題上特別下功夫，應該說我比較喜歡文字特效吧（畢竟不太會畫圖嘛）

喔對，原本的「呱」改成小花圖示了，個人很喜歡這個特點。

歡迎大家自由套用，有任何意見也歡迎留言告知，感謝～

轉載須知：
本部落格的文章不允許未經告知的全篇及部份轉載，若有需要轉載或引用請先留言通知我。
（想轉貼到噗浪、facebook、twitter上的人也請留言通知，謝謝。）

原本只是說說而已沒想到真的會寫教學……應該說原本只打算給親友用而已，但因為昨天聽說很多在創革小說版活動的人都認為新的文字顏色真的對眼睛太不體貼了，閱讀篇幅較長的小說時真的非常痛苦。為了避免有人因為這樣從此便不再到創革來看文（這樣是很可惜的，雖然眼睛也很重要），所以只好把這方法公開出來，有需要的朋友可以參考看看。

當然我在這裡還是衷心希望創革的文字顏色能有改回來的一天……最起碼也用個#444444之類的吧……淡灰色真的是一個蠻有攻擊性的顏色（對眼睛來說）。

這裡所使用的方法不只是創革，如果自己會寫語法的話，也可以用在其他網站的設定上，總之是可以自己更改網站外觀的好工具！雖然對網站的原作者有點不好意思，但能夠自由自在的客製也是現在的趨勢之一嘛。

那麼請點繼續閱讀觀看教學～

這次我們所使用的是名為「Stylish」的瀏覽器外掛。Firefox或是Chrome都有得裝，請大家不用擔心～（？）當然IE的話大概就沒辦法了，真是個害人不淺的小妖精。

一、安裝「Stylish」附加元件

首先請先連到「Stylish」的官方網站來安裝我們所需要的外掛程式（網站連結請點外掛名稱）。雖然介面是英文，但我想大部分的人應該都看得出來網站上有兩個連結，一個叫做「Stylish for Firefox」（火狐專用），一個叫做「Stylish for Chrome」（Chrome專用）吧？

是的，要安裝這個外掛，只需要點選你所使用的瀏覽器的那個連結，也就是火狐就點火狐，Chrome就點Chrome，然後就跟一般安裝外掛的步驟一樣，快速簡潔地安裝好了。

安裝好了之後還要把設定創革預設文字的語法加進去，才能夠改變創革的預設文字顏色。會寫語法的人可以自己研究怎麼寫（除了文字色以外其他東西也可以自己修改）不會寫的人我也已經做好了簡單的程式碼可以直接套用。

二、安裝程式碼

想安裝程式碼的朋友請直接點這裡安裝，只要看到有Install字樣我想大概就知道要按哪了吧？按下去之後多半會跳出一個對話框確認你是不是真的要裝，反正就一直按確定（or安裝）就好了。

我寫的程式碼是將文字色改為原本的#3B001E，如果想自己設定其他顏色的朋友，可以自行到設定介面去更改語法。（這裡就不教了因為有點難講解……）

＊＊＊

完成這兩個步驟之後……你就可以馬上點進原本讓你覺得好像蒙上一層白紗的創革了！

讓我們來看看使用前和使用後的差別──

（範例是我自己的文章就是了……）

使用前：

使用後：

特別是使用win7又把字體設定成微軟正黑體的人會特別有感觸吧！雖然新細明體因為本身看起來就比較粗，所以顏色上的變化不會太明顯，但渲染效果比較好的微軟正黑體，只要顏色沒設定好，就會迷濛到你覺得自己得了重度近視。或許有的人會說：那把字體改成新細明體就好啦！但我並不想為了一個網站就犧牲用美美字體看其他網站的權利，所以我選擇用外掛把特定網站的顏色改過來就好XD

雖然字體顏色時間一久看起來就沒什麼差別了，但卻不代表眼睛會跟著適應喔！尤其當你體會過舒服又好看的閱讀體驗後，再回去看霧濛濛的字真的會讓人很不舒服……

如果你在創革有定期追蹤的小說作者，想看文章卻又覺得眼睛不太舒服的話，可以試試這個外掛喔！另外，若是你自己本身就有在創革發表文章的習慣，也可以考慮使用這個外掛，讓你可以長時間編輯文章，卻又不會覺得眼睛疲勞。當然最重要的一點呢，就是寫文章的時候不要用太多花俏的顏色，不管是在創革還是自己的網誌都一樣喔！因為用了太多顏色的話，就算把其他的文字顏色調淡，整篇文章看起來依舊是霧煞煞的啦！

本噗浪樣式內之CSS語法為自由分享，可隨個人需要自行修改，但使用之圖檔皆為我繪製，因此禁止以任何形式再次轉載、發布、修改、利用，若要將修改後的該版面分享給他人使用時，請勿沿用我所繪製的圖檔，謝謝。

本次版面跟之前的貓一樣有作者個人惡趣味，套用之後就知道了

11.Frog and Princess

設計者、背景圖片、素材：狗頭魚尾蚊

（安裝連結請點繼續閱讀）

因為目前的工作很傷眼力，一方面也是因為我很久沒做綠色系版面了，所以這次決定做一個綠油油的版面來顧眼睛。

主題要用什麼好呢？腦中出現唯一跟綠色有關的只有青蛙了。雖然也想過要走抽象風格，但在朋友慫恿（？）之下，最後還是用呱呱叫的青蛙來作為創作的主軸。

為了讓它呱呱呱（？）我思考了很多種作法，原本想放在大家的頭像旁邊，滑鼠移過去就會有叫聲，大家一起變成青蛙，但最後覺得這好麻煩而且可能會妨礙閱讀，所以後來還是改放在時間標示上。

至於版面圖部份，原本只想畫隻青蛙然後空白處跟上一個版面一樣加一點幾何圖形就了事，但馬太太給了我青蛙王子的點子，所以又不怕死的畫了個公主（雖然因為本人能力關係只能畫日式風）最後在個人繪畫能力極限跟腦中想要的效果之拉鋸下就產生了這樣的平衡點。只能說手殘大概是天生的……

底色的話，我是聽說有一種色碼是經過專家研究對眼睛最好的，但因為那偏向藍綠色，而我生平最痛恨的顏色就是藍綠色（死）所以在配色上還是選擇了我愛的抹茶綠（確切的名稱是苔色）

因應這次版面，在單一噗的頁面上也做了修正，順便整理了一下有點凌亂的語法（雖然只是更改順序以及省略一些東西）因為我不想再讓莫名其妙的人用「語法說明一樣」這種自我感覺良好的噁心理由隨便誣賴我抄襲^_^所以這次開放使用的語法，除了大區塊的說明之外其他的文字統統都拿掉了，一方面也是讓語法能更簡短一點。

最後祝大家使用愉快～若有任何意見歡迎留言給我(*´∀｀)

轉載須知：
本部落格的文章不允許未經告知的全篇及部份轉載，若有需要轉載或引用請先留言通知我。（想轉貼到噗浪、facebook、twitter上的人也請留言通知，謝謝。）

※本篇教學所使用的語法和教學原出處為敗家誌的調用jQuery特效實作(Tab控件篇)。

原本的教學主要是給wp的使用者用的，但是因為我不熟php的關係，想要放進去切換的欄位都不能用（像是最新回應之類的），再加上我的wp原本就沒有這麼多側邊欄，其實也不太需要這功能，所以就乾脆拿去我的忍者Blog用了。當然，這篇教學的範例展示也請到我的忍者Blog觀看。

基本上只要使用的網誌能夠修改樣式的html和css欄位就可以使用這個效果，所以同理FC2 Blog應該也能夠使用，有興趣的人可以試試看。

首先請把這篇文章中所提到的Tab控件語法下載下來（在步驟一的地方），解壓縮之後用忍者的檔案上傳功能上傳，並把檔案的網誌紀錄下來。

接著打開忍者Blog的樣式修改小幫手（在「テンプレート設定/編集」裡找到你想修改的樣式，點選「修正」）會出現這樣的畫面：

（點圖可放大）

接下來就跟這篇文章中寫的一樣，把步驟一裡的語法貼到上方「HTML」欄位裡的</head>之前（記得自己修正網址的部份）。然後再把步驟二的語法貼到「CSS」欄位裡，要放哪就看個人習慣囉。

貼完之後記得儲存樣式，然後再回到忍者Blog的管理介面，點選「プラグインの設定」新增一個「フリーエリア」欄位。

接著再將這篇文章中步驟三的語法貼進去，自己修改內容就行囉。（修改方式請自行摸索）目前測試過部落格小樹和Sitetag都可以正常顯示，一般的文字或圖片也沒有問題。

最後，這個效果並不會讓側邊欄的載入速度加快，只是隱藏一些內容讓畫面看起來比較乾淨而已，有點像是選單的開合功能這樣。看完教學之後若有什麼疑問再留言問我吧

轉載須知：
本部落格的文章不允許未經告知的全篇轉載或部份引用，若有需要轉載或引用請先留言通知我。
（想轉貼到噗浪、facebook、twitter上的人也請留言通知，謝謝。）

這次來教大家怎麼自己更換噗浪時間軸的背景。

需要準備的東西有兩項：
1.一張夠大的圖。
2.一個不會雞婆幫你縮圖的免費空間。

那……圖該多大才好呢？找不到免費空間怎麼辦呢？沒關係，繼續看下去就知道了。

背景圖的尺寸：

首先，請找一張你想替換的背景圖，因為河道是長形的，所以這張圖基本上也是長方形的。
河道的高度大約是390px左右，所以這張圖的高度最好介於「385～410px」之間。
（如果你是想讓小圖案不斷重複來裝飾河道的話，那高度就沒有限制了。）
至於長度，因為現在使用寬螢幕的人越來越多了，
所以這張圖當然是「越長越好」，或者是「邊緣可以接起來，就算連續排列也不會很醜」。
我自己在做版面時畫的圖，最後都會後製成長度超過1400px的背景圖。

總結以上的說明，這張圖的大小就大約是「1400x400(長x高)px」。

免費空間哪裡找？

如果有人跟我一樣有租空間，當然是不用擔心會被縮圖的問題，但是如果沒有租空間，想使用免費空間上傳圖檔的人，大概都會面臨圖片被縮小、或是尺寸太大無法上傳的困擾。
像我常常使用的Flickr和Photobucket都是這樣，所以這兩個空間就不能用了。

雖然我自己是使用自己租的空間上傳圖檔，但因為我會將自製的噗浪版面分享出去，如果太多人套用的話也很吃流量，所以我在這裡提供幾個我目前拿來放這些大圖的空間：

1.miroko
這是我主要使用的免費空間，只要將圖上傳到「我的文件」裡的「個人首頁」 資料夾裡，就可以外連了。
根目錄是「http://帳號名.miroko.tw/」（如果有另外新增資料夾放圖的話，記得網址要自己修改。）

2.ImageShack
傳說中的青蛙空間，記得上傳時要選擇「Do not resize（不要縮圖）」，如下圖紅色框框所示。

（點圖可放大）
上傳之後按「View full size」或者是複製下面「Direct Link」旁邊的連結就可以拿到原始圖檔的連結囉！詳情請看下圖。

（點圖可放大）

（結果竟然做起空間教學……Orz）

時間軸背景的語法：

還是一樣，要更改語法前，請先確定你的噗浪樣式裡面沒有相同的語法喔～

時間軸背景的語法：
/* 對齊左上角，不重複 */
#timeline_holder {background:  url(圖片網址) left top no-repeat;}
或者是
/* 對齊左上角，在X軸重複排列 */
#timeline_holder {background:  url(圖片網址) left top repeat-x;}
如果是想用小圖案重複排列來填滿河道的話，就用這一種
/* 重複排列 */
#timeline_holder {background:  url(圖片網址) ;}
（以上三種請依個人需要選擇使用，一次只能用一種。）

要確認是不是有重複的語法，請自行搜尋CSS欄位內有沒有「#timeline_holder」字樣，
如果有的話，就把該語法刪掉，直接套用我上面提供的語法，或者是更改語法中「圖片網址」的部份。

修改之後按儲存然後更新一下噗浪頁面，應該就可以發現你的時間軸背景已經換成你自己的圖囉～