今天就是最後一天了，只是這天的樣式也是簡單式的 (笑)

想看複雜一點的嗎？

別急別急，好東西總是要花心思的嘛 ^^

連續設計BLOG樣式30天！

成功！！

喔喔喔喔！！！！

30天blog樣本挑戰：倒數1天！

明天，就是最後一天了！

在奇摩字典中，white Christmas「白色聖誕節」同時也有「下雪的聖誕節」的意思 ><

Doris，是這個意思吧？(汗)

抬頭是一個下雪的動畫，一直沿申到下面都是白色的底，在尾端的部分放了一張圖，這尾端可是過去二十六天沒有弄過的部分喔

在標題的部分，加上一個雪片變色的動畫

以上

30天blog樣本挑戰：倒數3天！

今天的設計是用對比的方式，白天與夜晚，不過做出來的效果不好 - -"

(嘆...)

明天不想再弄捲軸式的了，想看看該弄什麼好呢…

30天blog樣本挑戰：倒數4天！

今天完成的時間比較早，看來是愈來愈習慣css的用法了

隨著底的設計，把blog拉向左邊，使藍色的星球完全顯示出來

而左邊欄則加上底色，讓灰色的星球只在內頁被看見

…

你真的看得懂我在指什麼嗎？

(迷：不懂！)

(逍：orz...)

30天blog樣本挑戰：倒數5天！

今天又進步一點，知道可以用表格的底色先蓋住blog的背景圖，從照下來的圖片中可以很清楚的比較…上圖，左邊欄的底是沒有字的，下圖，字則顯示出來。

這樣一來，就不會再每次進入內頁時，左邊總是空空的很單調~

30天blog樣本挑戰：倒數6天！

一直想像不出來白色聖誕節的畫面。

不知不覺，又做出了跟目標不一樣的東西@@

不過有一點是相同的，白色！！

…  orz

不曉得為什麼，這倒數的日子中，我開始想像，結束後，我還是會再繼續設計blog的樣式，也許是一個星期、也許是兩個星期……最多是一個月內完成一件，我要設計出更好的作品…

可能是因為玩上癮了吧！我漸漸對css有了興趣，或許以後設計blog樣式會成為我的拿手項目之一也說不定。

不過，等活動結束後，學習css的速度應該會比現在慢很多，不單單是因為「出書」的關系，還有一個很重要的因素，就是…因為有很多人陪！

大家都為了這30天挑戰的活動而努力發文，直到完成為止…

在過去的22天之中，我真的有想偷懶一下的想法，尤其是那段低潮的日子：「好累…，好幾天沒睡飽了，好想睡覺，先暫停一天好了…」

好在，我沒有偷懶休息^^

加油吧，還沒挑戰完的blog客們，以已經挑戰完的blog客們為目標吧！

30天blog樣本挑戰：倒數7天！

最近參觀了樂多blog排名中的前幾名，其中幾個blog，他們的blog樣式讓我有「原來blog可以拿來當網站用啊…」的心得，好奇的人可以去看看唷~

30天blog樣本挑戰：倒數8天！

昨晚看了Doris的blog，原來Doris早在前幾天就已經挑戰完了耶~~ 恭喜恭喜！

剩下一個星期多，覺得自己主題的文章可能無法出書吧，不過沒關系，等活動結束後，我去樂多拍賣網占一個攤位來做blog裝潢的工作吧~ 哈哈

費用是新台幣2000元，一個星期後交貨，內容可做flash動畫、css語法、photoimpact繪圖、html語法…

如何？心動嗎？歡迎下訂單~ 前十名者可享八折優惠喔~

…

…

30天blog樣本挑戰：倒數9天！

七夕情人節快樂！！

今天也是著重在語法，捲軸的語法，我把找到的貼上來喔

捲軸顏色：
資料來源：http://www.moninet.com.tw/easypage/css.php

     左立體邊顏色 SCROLLBAR-3DLIGHT-COLOR: #fc0000;
          箭頭顏色 SCROLLBAR-ARROW-COLOR: #fc0000;
          整體顏色 SCROLLBAR-BASE-COLOR: #d824b4
     右立體邊顏色 SCROLLBAR-DARKSHADOW-COLOR: #b4fcb4;
          軸面顏色 SCROLLBAR-FACE-COLOR: #9048fc;
  軸面左角邊顏色 SCROLLBAR-HIGHLIGHT-COLOR: #fcfcd8;
  軸面右角邊顏色 SCROLLBAR-SHADOW-COLOR: #48fcd8;
          軸軌顏色 SCROLLBAR-TRACK-COLOR: #fcfcd8;

顏色就是「#」字號及後面的數字，如果不知道怎麼查顏色代碼的話，可以直接到資料來源的網址去看喔。

不顯示捲軸：
資料來源：http://blog.raienet.com/247

overflow-x:hidden;
overflow-y:hidden;

接下來的這個星期，應該就會以這個配置做為設計的版面了吧

30天blog樣本挑戰：倒數10天！

今天我在知識+中查到怎樣在blog內弄出捲軸，網址是：http://tw.knowledge.yahoo.com/question/?qid=1405120121621

今天收到一封之前在天堂認識的網友寄來的信，信的內容是他在kijiji上看到我貼出的廣告，想問問製作的費用等等，重點是，他在寄時只是覺得e-mail帳號很眼熟，沒想到是我，呵

沒想到聊著聊著，已經晚上十點了 - -"，趕快把今天查到的語法弄上來，不過…，可能是自己還不是很了解吧，弄出來的東西很怪… orz

改天我會再研究的！

30天blog樣本挑戰：倒數11天！

今天也是做跟前幾天一樣的主題，也是下雨，不過這次是動態的，所以檔案才會那麼大，有3MB多，想看效果的人請耐心等侯^^"

時間過得好快，明天又是周休了，一定要好好的睡個夠，等起床後，再思考些新的版面，不然最近做出來的配置格式都差不多，看多了也會膩，是吧。

30天blog樣本挑戰：倒數12天！

仔細看！今天的底圖跟昨天的底圖是不一樣的~

你問哪裡不一樣？很清楚啊，昨天的雲是連在一起的，今天的雲分得比較開啊…

(迷：有差嗎？)

呃…，那…再不然，就是有點透白的部分，改成在左邊的連結區那…(汗)

除了這個以外，抬頭放上的是我幫朋友畫的太陽，不過flash的檔弄成giF格式時，畫質好像很差耶…orz

30天blog樣本挑戰：倒數13天！

今天的樣版是用來對照前兩天做的樣版--下雨的日子

昨天因為弄不出來，所以不死心的今天又再弄，只是弄出來的效果還是沒有達到心中所想的樣子…(嘆)

這只能稱之為簡單版的晴天，而進階版的晴天，等之後有辨法弄出來時再貼給大家看吧~

30天blog樣本挑戰：倒數14天！

-----------------------------------------

剛才在拍內文圖時看到Doris的回應，感謝Doris的主題贊助喔~~　＾＾　　等我可以思考的時間較多時，再來製作這兩個主題，希望可以製作出比較像樣的樣版。

這幾天丫逍心情比較低落，可能是因為沒睡飽的關系吧，又加上製作出來的東西時好時壞，所以整個人就是感到很煩，很沒自信，但是一看到Doris的回應，不知不覺的，嘴角又上揚了起來，心想：「耶…，有人喜歡我的設計耶…（暗爽）」

甚至是以引用來做為交友方式的阿拉丁，雖然他引用我的發表跟他的本文並沒有什麼相關，但是當我他引用時，我心裡便想「原來我的發表，是有人在看的啊…」同時，心裡也是在微笑的。

原來，一句短短的回應，就可以引起人的情緒反應… 

今天的樣式，應該跟昨天的內文一起貼才對吼…

orz...

30天blog樣本挑戰：倒數15天！

-----------------------------------------

今天去收信時，發現Doris的留言，嗯…，還滿高興的，然後就想，昨天是雨天，那今天來弄個晴天好了！

但是…弄出來的看起來很怪、很不自然…

弄了弄，覺得不妥，便再換個題目。

弄了弄，還是覺得不妥，再換。

弄著弄著，眼見都已經快十一點了，但圖還是沒有弄出來，算了！給它去吧！

一個既簡單又帶點惡搞意味的樣式便出爐了…

之前有播東大特訓班真人版時，丫逍還滿著迷的。

記得有一幕，是主角跟別的老師的對話，雖然無法正確的把他們的對話背出來，但大約的解釋是：

現在的人都口口聲聲說要創新、創意，但他們卻忘了，沒有了這些基礎，哪來的創意！

當時看到這一幕的感覺，直到現在都還忘不了。

沒有基礎，何來創意？

換成另一種說話，即使有不同於他人的創意，但是因為沒有基礎，所以便無法把這個創意完整的展現出來。

就像是寫小說一樣…

即使再有創意的想法，但因為在用字上的不純熟，或不會使用更貼切的字詞來形容，所以這篇小說就無法百分之百的把其中的意境帶給讀者。

而目前的丫逍，便是這般情況…

沒有樣式設計的靈感，是因為看得不夠多；無法把想到的畫出來，是因為沒有美術基礎。

要學的還多著咧！

30天blog樣本挑戰：倒數16天！

-----------------------------------------

其實我今天一開始要設計的不是這個，只是不曉得怎麼弄著弄的，就變成了這樣… (汗)

不過也好，這個樣式還滿能說明最近的天氣，對，就是下雨。

今天的版面跟昨天的一樣，只是今天進步了一點，看得出來嗎？哈，就是我找到怎麼去調內頁的欄位了，跟昨天的一比較，很明顯位置就是有差~  呼呼

自從找到工作後，我變得很期待周末的到來

為什麼呢？

先說一下我星期一至五的行程

早上6:00~6:30之間起床

6:30~7:00之間梳洗+吃早餐

7:00出門

7:30上班

10:00~10:10休息

一直到中午12:00吃飯

下午13:00上班

15:00~15:10休息

17:30下班

18:00到家

也就是說，如果我想睡飽(9個小時)的話，我必需在晚上21:00就上床睡覺，但是這麼一來，我下班後扣掉吃飯、洗澡的時間，剩下只有2個小時…

這2個小時可以幹嘛？看二本小說、看四本漫畫、看二個小時的電視、看一部電影、觀摩幾個比較特別的網站、思考一個接案計畫書、畫一個FLASH動作、研究一段程式…

說了這麼多，但每天只能做一件… orz

而星期二、四時，因為晚上有1.5個小時要上課，加上來回路程20分鐘，嗯，沒了！

但這些還沒算到現在挑戰的時間喔

如果加上現在的30天挑戰，每要設計一個樣式、弄css語法的部分、調整這當中的錯誤、發文，這段時間就花了3個小時左右。

這3個小時，可以讓我從晚上9點睡覺，變成11點、12點，甚至是1點睡；

可以讓我每天睡9個小時，變成每天睡7個小時、6個小時、5個小時；

可以讓我本來很有精神的上班，變成有點累的上班，加上猛看銀幕而把自己的眼睛搞得更累、更想睡…

所以，我現在很期待周末快點來，因為只有這兩天，我可以過得比較悠閒自在一些；

我愛多晚睡都沒關系，因為隔天我可以睡到中午、下午，睡得飽飽的；

就算有cass時，也是想白天工作就白天工作、想晚上工作就晚上工作，或是白天先做一半、晚上再做一半，反正都有在做事，誰管我什麼時間做呢？(嗚嗚… 人家想當SOHO族啦~~~~  這個目標為啥還有N年才能實現呢… 嗚嗚…)

我也只能對自己說：「快了，只剩下xx天的挑戰，等這段時間過完，你就可以多睡一點了！」

是啊，快點結束吧~~~讓我多睡一點…

30天blog樣本挑戰：倒數17天！

--------------------------------------------------------------------------

今天的樣式，有個問題，就是內頁的部分，一直無法把欄位弄到白色裡面，唉…

今天的抬頭想走圖滕風格，只是單單這樣好像不夠，所以把底色變成是每30秒就會變色，為黑色及深紅色。

不過這樣的變法有些問題，因為抬頭是swf檔，他的左邊的字也有設成變色，只是如果swf檔下載的速度太慢的話，那底跟抬頭的顏色就無法同步了 orz

今天走華麗風 (迷：有嗎？有華麗 - -？)

樣式是參考→http://blog.roodo.com/colaccl/archives/1132016.html這個部落格而做的。

上面的swf檔有三個按扭，分別可以連到我的blog首頁、三十天挑戰分類夾、自創小說分類夾。

另外，我還有把左邊的欄位拿掉了，只是在首頁最後面的那三個圖示，因為我還不知道怎麼拿掉，所以就只好在設定css時，固意把內容的欄位設大一些，這樣子本來在左右邊的圖示就會被排到最後面嚕~

有沒有看到！

我的抬頭--會動！

會動耶~ 會~~~~~動~~~~~喔~~~~~ 喔呵呵呵呵(誇張式笑法)

弄了好久，才找到有關這方面的介紹，想知道怎麼做到的嗎？哈哈，不告訴你~(吐舌)

還在為怎麼放上動畫而頭痛時，正好看到Doris的回應，真的是……超感動的啦！！ 嗚嗚~~~(來~ 阿姑親一下~)

現在知道怎麼放swf檔，之後在設計blog上就可以有更多變化囉~ 改天試看看在swf裡面放音樂好了~~

看到今天放上的blog樣式時，你有沒有嚇一跳呢？

是不是很特別~ 哈哈！(底跟抬頭特別的不搭… orz)

今天是父親節，祝職稱之一為爸爸的男性們，父親節快樂！

也正因為是父親節，所以我就打算做張卡片要送給我家老爹，想想，也很多年沒自己做卡片了耶~，自從國中後就沒怎麼在寫父親節卡片，哇~ 日子過得真快，我已經大學畢業了 - -" (嗚嗚~ 我老了)

遙想過去那天真的年紀，那麼今天就來仿天真一下吧~ ，畫張幼稚園版本(還是小一、二？)的卡片送給老爹~~~

這是抬頭的部分，而至於底圖嘛…，是看到加油站送的面紙盒上的幸運草，才想說要畫畫看…，話說…最近的面紙盒真的是愈作愈漂亮啊…

四片一組的幸運草，一朵不夠看，乾脆就全部都放滿好了，這樣子整個畫面都是愛心(啥？你聽不懂？幸運草的葉子是愛心狀，懂沒？)，也算是另一種表示心意的方式了吧？

今天沒有自願者，所以我就自己畫自己的囉~

今天翻了翻去圖書館借來的書，看到一隻鉛筆，於是，便想到要把它弄成blog樣式，上面再寫個我的「逍」字。

但後來看了看，耶…好像有點單調，所以又畫了個內容有格子的紙張。

擺好。

嗯，有點feel了。

有一件事一定要提~~~

今天Klaire 提供個樂多樣式結構表說明的網站：http://colaccl.com/roodocss/

哈哈，用這個去比對欄位，就不會再像之前一樣總是要一個一個慢慢試了，感謝Klaire ~~~~~~~~~^0^

(汗…)

話說…今天的天氣真不錯啊…(瀑布汗…)

好吧！我自首，「深藍色整體body顏色，包住整個blog的container是淡藍色」這個部分我想不出來其他的表現方式... orz 所以底圖才變成類似昨天的樣式

而抬頭的圖，是Klaire(http://blog.roodo.com/evenwaken)寄給我的電影照片--伊麗莎白小鎮，因為我收到的圖片解析度較小，如果拉大會變得不好看，所以我把它弄成卡通效果，看起來還滿有網路小說的封面味道…

但… 會不會有人覺得我在偷工減料啊…(嗚嗚)

我我…我也有很認真在修改css的部分，現在對blog的欄位部分有點眉目了，等下次理出頭緒後，再介紹給大家吧！

今天的blog麻豆是「喻鳴介的cosplay世界」

喻鳴介的挑戰主題是和COSPLAY（角色扮演）有關，而他扮演的就是我們很熟悉的火影忍者--鳴人喔，有這方面興趣的人可以去他的ｂｌｏｇ交流一下，網址是：http://blog.roodo.com/ccc321

而喻鳴介給我的主題是：橘色或黃色 瀟灑點的

所以就從他給我的cos照片中挑出了這兩張，這樣的排放法，是不是比較有電影的感覺呢？

只是今天在調整css欄位時有些瓶頸，一直試不出來他的正確位置，所以搞了很久，又加上平常在放網頁的空間掛掉…

說到這個，為了防止下次又發生這樣的事情，所以我決定把那些圖都移過來blog空間內，二到五天的麻豆們，就麻煩你們再自己領回去喔…

第二天
02-bg    http://blog.roodo.com/a_siao/ddbf25bc.jpg
02-tit   http://blog.roodo.com/a_siao/81be2b60.gif
02-to    http://blog.roodo.com/a_siao/acdfb4fd.gif
02-top   http://blog.roodo.com/a_siao/d2339bfa.jpg

第三天
03-301   http://blog.roodo.com/a_siao/96bd1e55.jpg
03-302   http://blog.roodo.com/a_siao/aeb99f66.jpg
03-303   http://blog.roodo.com/a_siao/5126abf4.jpg
03-tit   http://blog.roodo.com/a_siao/d9916570.gif

第四天
04-404   http://blog.roodo.com/a_siao/bffad157.gif
04-mm    http://blog.roodo.com/a_siao/b0b84764.gif
04-nn    http://blog.roodo.com/a_siao/9dd17677.gif
04-tit   http://blog.roodo.com/a_siao/42766a96.jpg
04-bg    http://blog.roodo.com/a_siao/b5a412bb.jpg

第五天
05-top   http://blog.roodo.com/a_siao/c372a93b.jpg
05-bg    http://blog.roodo.com/a_siao/9a1465f3.jpg
05-tit   http://blog.roodo.com/a_siao/06cbcbb9.gif

修改的方法是，先看你的圖原本的路徑檔名是什麼，然後再把我給你的新路徑覆蓋上去。

ex：(第二天)

找到原本的路徑檔名是xxxxxxxxxxxx/bg.jpg

比對我給的資料   02-bg    http://blog.roodo.com/a_siao/ddbf25bc.jpg

覆蓋上新的路徑http://blog.roodo.com/a_siao/ddbf25bc.jpg

存檔，即可。

如果這樣的說明不夠明白的話，再留言給我喔

今天的麻豆對象是「小紅豆寶貝窩」(http://blog.roodo.com/domami/)

據紅豆媽說，她在小寶媽那看到版面後，就趕緊跑過來報名了~ 正好補上了今天的缺，不然如果紅豆媽晚個一、兩天報名的話，我可能就沒戲唱了^^"

一開始，抬頭的圖還沒有左邊的照片，看起來有點單調，所以又跑去紅豆媽那挖了幾張照片。

後來，我看了看圖，這…，紅豆媽給的主題是淡粉紅、可愛的，可是我怎麼做到變成有點偏唯美去了… orz 於是又在照片之間放上愛心，上面在加上小花，試圖讓版面可以拉回來。

而回應的部分，為了不蓋到背景，所以就只有弄邊框，嗯，真的愈看愈覺得是唯美… orz

PS：還有沒有人要報名啊？不然我明天就沒BLOG樣式麻豆了 >"<

昨天，因為時間真的來不及，所以就只有貼上語法…orz

現在我先補說明一下昨天的成品(http://blog.roodo.com/a_siao/archives/3854841.html)

這麻豆呢，是「時尚．寶貝」(http://blog.roodo.com/fashion_babe/)裡的主角--也就是版主光媽的女兒，光媽也為她的寶貝拍了很多美美的照片喔。

我從光媽寄給我的四張照片中挑了兩張，然後去背，之後其中一張弄得比較小，另一張則較大，這樣擺放是不是有遠近的效果呢？

字體還是畫法體，我已經變成偏愛這種字體了^^"

講到小女生呢~~ 會聯想到粉紅色，或一些小花啦~ 泡泡(圓圈圈)啦，所以我就這裡放一些，那裡移一下，只是當剛完成一個大概時，小我七歲的老么問說：「這是賣衣服的嗎？」orz... 所以後來又開始幫兩個寶貝及小花、圓圈搬家，移啊~

終於弄好時，離十二點還有三十分鐘以上，這時我就要上樂多blog管理，但是！！連不上去 啊！！！

好在後來連上了，不然才第幾天而己就因為連線問題而缺席的話，那會很慘 - -"

-------------------------------------------------------------------------------

然後，今天上班的休息時間時，我上網收信，看到一個引用，好奇之下點下去看，哇~~~~~，我的挑戰也被報出來了耶~~~~(開心狀) 

-------------------------------------------------------------------------------

接下來說說今天的作品。

今天是以Doris的blog為麻豆，在看了Doris給我的主題後，其實我還滿難想像的，不管想什麼都覺得怪怪的，後來，我連上Doris的blog(http://blog.roodo.com/dorismami/)找靈感，看到Doris除了挑戰主題外，她還有寫關於植入試管的日記，嗯，看完了我也覺得痛…(怕痛的丫逍- -")，Doris，你辛苦了！

看過了Doris的日誌後，我突然想到澎湖的海，正如同Doris提的主題：乾淨、舒服的…

不知道Doris有沒有去過澎湖呢？或著你本來就住澎湖呢？如果Doris你還沒去過澎湖的話，等幾年後，寶寶也出生、長大了，你可以帶著你的寶寶去看看喔！

我從畢業前所照下的照片中，挑出兩張在山水海灘拍下的照片，其中一張是照海水打上岸邊，我將它排在中間，有沒有很清澈呢？

另一張，我將之弄成兩種，一種是正常的照片，另一種是像卡通畫法的效果，卡通效果的照片我放在最下面，正常照片放在最上面，可以比對一下。

而字型，叫做「誰的字」，別問我，我也不了解為啥它要叫這個名字^^"，看起來像不像是真的自己寫呢？

因為很急，所以就直接貼上語法了

html{
 scrollbar-face-color: #E4D3A3;
 scrollbar-highlight-color: #E4D3A3;
 scrollbar-shadow-color: #E4D3A3;
 scrollbar-3Dlight-color: #E4D3A3;
 scrollbar-arrow-color: #FFFFFF;
 scrollbar-track-color: #F8EDCF;
 scrollbar-darkshadow-color: #E4D3A3;
}
BODY {
 MARGIN: 0px;
 COLOR: #000000;
 background-image: url(http://www.chinesefreewebs.com/siao/30day/03/302.jpg);
 background-repeat: repeat-x;
 background-color: #FFFFFF;
 background-attachment: fixed;
 width: 98%;
 font-size: 12px;
}
A {
 COLOR: #333333; TEXT-DECORATION: underline
}
A:link {
 COLOR: #333333; TEXT-DECORATION: underline
}
A:visited {
 TEXT-DECORATION: underline
}
A:active {
 
}
A:hover {
 COLOR: #000000; TEXT-DECORATION: none
}
A.acontinues {
 COLOR: #666666; TEXT-DECORATION: underline
}
A.acontinues:link {
 COLOR: #666666; TEXT-DECORATION: underline
}
A.acontinues:visited {
 TEXT-DECORATION: underline
}
A.acontinues:active {
 
}
A.acontinues:hover {
 COLOR: #333333; TEXT-DECORATION: none
}
A.amenu {
 COLOR: #333333; TEXT-DECORATION: underline
}
A.amenu:link {
 COLOR: #333333; TEXT-DECORATION: underline
}
A.amenu:visited {
 TEXT-DECORATION: underline
}
A.amenu:active {
 
}
A.amenu:hover {
 COLOR: #999999; TEXT-DECORATION: none
}
.main {
 MARGIN: 10px 10px 10px 10px;
 font-size: 13px;
 font-family: Arial, Helvetica, sans-serif, "?з?ũ";
 line-height: 180%;
 color: #8D7529;
 text-align: left;
}
.main-continues {
 MARGIN: 0px
}
H1 {
 PADDING-RIGHT: 0px; PADDING-LEFT: 0px; PADDING-BOTTOM: 0px; MARGIN: 0px; PADDING-TOP: 0px
}
H2 {
 PADDING-RIGHT: 0px; PADDING-LEFT: 0px; PADDING-BOTTOM: 0px; MARGIN: 0px; PADDING-TOP: 0px
}
H3 {
 PADDING-RIGHT: 0px; PADDING-LEFT: 0px; PADDING-BOTTOM: 0px; MARGIN: 0px; PADDING-TOP: 0px
}
LABEL {
 FONT-WEIGHT: normal;
 FONT-SIZE: 12px;
 font-family: Arial, Helvetica, sans-serif, "?з?ũ";
 color: #000000;
 text-align: left;
}
#banner {
 height: 525px;
 background-image: url(http://www.chinesefreewebs.com/siao/30day/03/303.jpg);
 background-attachment: fixed;
 background-position: 50% 0px;
 background-repeat: no-repeat;
}
#subbanner {
 BACKGROUND: #d7d7d7; BORDER-BOTTOM: #999999 1px solid
}
#banner A {
 COLOR: #999999; TEXT-DECORATION: none
}
#banner A:link {
 COLOR: #999999; TEXT-DECORATION: none
}
#banner A:visited {
 TEXT-DECORATION: none
}
#banner A:active {
 
}
#banner A:hover {
 COLOR: #666666; TEXT-DECORATION: underline
}
#subbanner A {
 COLOR: #000000; TEXT-DECORATION: none
}
#subbanner A:link {
 COLOR: #000000; TEXT-DECORATION: none
}
#subbanner A:visited {
 TEXT-DECORATION: none
}
#subbanner A:active {
 
}
#subbanner A:hover {
 COLOR: #999999; TEXT-DECORATION: none
}
.description {
 PADDING-RIGHT: 20px;
 PADDING-LEFT: 20px;
 FONT-WEIGHT: normal;
 FONT-SIZE: 11px;
 PADDING-BOTTOM: 5px;
 TEXT-TRANSFORM: none;
 PADDING-TOP: 0px;

FONT-FAMILY:
;   color: #84817C;
 text-align: center;
}
#content { margin:0 260px; }
#links {
 width:180px;
 left:0;
 overflow:hidden;
 text-align:left;
 border-right-color: #AE8F33;
 border-right-style: dashed;
 border-right-width: 1px;
 margin: 0 10px 0 50px;
 padding-right: 10px;
 position: absolute;
 top: 525px;
}

#links-more {
 margin:0 50px 0 10px;
 width:180px;
 position:absolute;
 top:525px;
 right:10px;
 overflow:hidden;
 text-align:left;
 border-left-color: #AE8F33;
 border-left-style: dashed;
 border-left-width: 1px;
 padding-left: 10px;
}
.blog {
 PADDING-RIGHT: 20px;
 PADDING-LEFT: 15px;
 PADDING-BOTTOM: 25px;
 PADDING-TOP: 20px;
 text-align: right;
}
.menu {
 FONT-SIZE: 12px;
 COLOR: #333333;
 TEXT-ALIGN: right;
 font-family: Arial, Helvetica, sans-serif, "?з?ũ";
}
.blogbody {
 LINE-HEIGHT: 150%;

FONT-FAMILY:
;
 padding: 5px;
 height: 100%;
 margin-top: 10px;
 margin-bottom: 10px;
 text-align: center;
}
.blogbody A {
 FONT-WEIGHT: normal; TEXT-DECORATION: underline
}
.blogbody A:link {
 FONT-WEIGHT: normal;
 TEXT-DECORATION: underline;
 color: #000000;
}
.blogbody A:visited {
 FONT-WEIGHT: normal; TEXT-DECORATION: underline
}
.blogbody A:active {
 FONT-WEIGHT: normal; TEXT-DECORATION: underline
}
.blogbody A:hover {
 COLOR: #999999; TEXT-DECORATION: none
}
.blogtitle {
 PADDING-RIGHT: 20px;
 PADDING-LEFT: 20px;
 FONT-WEIGHT: normal;
 FONT-SIZE: 12px;
 PADDING-BOTTOM: 5px;
 COLOR: #A8C45E;
 PADDING-TOP: 180px;
FONT-FAMILY: ;  TEXT-DECORATION: none;
 text-align: center;
}
.title {
 PADDING-RIGHT: 0px;
 PADDING-LEFT: 10px;
 FONT-WEIGHT: normal;
 FONT-SIZE: 13px;
 padding-top: 5px;
 border-top: #AE8F33 1px dashed;
 color: #666666;
 text-align: left;
}
.date {
 PADDING-LEFT: 15px;
 FONT-WEIGHT: bold;
 FONT-SIZE: 12px;
 COLOR: #000000;
 text-align: left;
 font-family: Arial, Helvetica, sans-serif, "?з?ũ";
 background-image: url(http://blog.roodo.com/theme/32007summerblog1/title1.gif);
 background-repeat: no-repeat;
}
.posted {
 FONT-SIZE: 12px;
 COLOR: #AE8F33;
 TEXT-ALIGN: right;
 padding-bottom: 5px;
 font-family: Arial, Helvetica, sans-serif, "?з?ũ";
 width: 100%;
 padding-right: 5px;
 border-top: #AE8F33 1px dashed;
 padding-top: 5px;
}
A.aposted {
 FONT-WEIGHT: bold; COLOR: #333333; TEXT-DECORATION: underline
}
A.aposted:link {
 FONT-WEIGHT: normal; COLOR: #000000; TEXT-DECORATION: underline
}
A.aposted:visited {
 FONT-WEIGHT: normal;
 TEXT-DECORATION: underline;
 color: #000000;
}
A.aposted:active {
 FONT-WEIGHT: normal
}
A.aposted:hover {
 FONT-WEIGHT: normal;
 COLOR: #999999;
 TEXT-DECORATION: none;
}
.calendar {
 FONT-SIZE: 11px;
 font-family: Arial, Helvetica, sans-serif;
 color: #AE8F33;
}
.calendarhead {
 FONT-WEIGHT: normal;
 FONT-SIZE: 12px;
 MARGIN: 0px 0px 10px;
 font-family: Arial, Helvetica, sans-serif, "?з?ũ";
 text-align: center;
 color: #000000;
}
.calendard {
 BORDER-TOP: #AE8F33 1px dashed; empty-cells: show
}
.calendardbg {
 BORDER-TOP: #AE8F33 1px dashed;
 empty-cells: show;
 background-image: url(http://blog.roodo.com/theme/32007summerblog1/title3.gif);
 background-color: #FFFFFF;
 background-repeat: repeat-x;
}
.calendartable {
 MARGIN: 0px 0px 20px 10px;
 TEXT-ALIGN: center;
 width: 90%;
}
.calendarwd {
 PADDING-RIGHT: 2px;
 PADDING-LEFT: 2px;
 PADDING-BOTTOM: 2px;
 PADDING-TOP: 2px;
 background-image: url(http://blog.roodo.com/theme/32007summerblog1/title3.gif);
 background-color: #FFFFFF;
 background-repeat: repeat-x;
}
.calendarweek {
 FONT-SIZE: 11px;
 font-family: Arial, Helvetica, sans-serif;
 color: #666666;
}
.side {
 BORDER-RIGHT: #ffffff 2px solid;
 PADDING-RIGHT: 5px;
 PADDING-LEFT: 5px;
 FONT-SIZE: 13px;
 PADDING-BOTTOM: 5px;
 MARGIN: 0px 0px 10px;
 BORDER-LEFT: #ffffff 2px solid;
 LINE-HEIGHT: 180%;
 PADDING-TOP: 5px;
 BORDER-BOTTOM: #ffffff 2px solid;

FONT-FAMILY: ;   TEXT-ALIGN: left;
 font-family: Arial, Helvetica, sans-serif, "?з?ũ";
 background-color: #E4D3A3;
}
.sidetitle {
 PADDING-RIGHT: 5px;
 PADDING-LEFT: 5px;
 FONT-WEIGHT: bold;
 FONT-SIZE: 13px;
 PADDING-BOTTOM: 5px;
 PADDING-TOP: 42px;
 TEXT-ALIGN: center;
 background-image: url(http://www.chinesefreewebs.com/siao/30day/03/301.jpg);
 background-repeat: no-repeat;
 height: 22px;
}
.comments-body {
 FONT-SIZE: 12px;
 font-family: Arial, Helvetica, sans-serif, "?з?ũ";
 line-height: 150%;
 padding: 21px 10px 5px 80px;
 background-image: url(http://www.chinesefreewebs.com/siao/30day/03/tit.gif);
 background-repeat: no-repeat;
 width: 60%;
 float: right;
 text-align: left;
}
.comments-head {
 PADDING-RIGHT: 0px;
 PADDING-LEFT: 10px;
 FONT-WEIGHT: normal;
 FONT-SIZE: 13px;
 PADDING-BOTTOM: 2px;
 PADDING-TOP: 5px;
 color: #666666;
 border-top: #AE8F33 1px dashed;
 text-align: left;
}
.comments-post {
 FONT-SIZE: 12px;
 COLOR: #8B7329;
 TEXT-ALIGN: right;
 font-family: Arial, Helvetica, sans-serif, "?з?ũ";
 background-image: url(http://blog.roodo.com/theme/32007summerblog1/title5.gif);
 width: 60%;
 float: right;
 padding: 0px 10px 20px 80px;
 background-repeat: no-repeat;
}
.trackback-body {
 FONT-SIZE: 12px;
 MARGIN: 20px 0px 15px 15px;
 line-height: 120%;
 color: #000000;
 text-align: left;
}
.trackback-post {
 FONT-SIZE: 12px;
 MARGIN: 0px 0px 25px;
 COLOR: #AE8F33;
        TEXT-ALIGN: right;
 font-family: Arial, Helvetica, sans-serif, "?з?ũ";
}
A.atrackback-post {
 FONT-WEIGHT: bold; COLOR: #333333; TEXT-DECORATION: underline
}
A.atrackback-post:link {
 FONT-WEIGHT: normal; COLOR: #000000; TEXT-DECORATION: underline
}
A.atrackback-post:visited {
 FONT-WEIGHT: normal; TEXT-DECORATION: underline
}
A.atrackback-post:active {
 FONT-WEIGHT: normal
}
A.atrackback-post:hover {
 FONT-WEIGHT: normal; COLOR: #999999; TEXT-DECORATION: none
}
.trackback-url {
 FONT-WEIGHT: normal;
 FONT-SIZE: 15px;
 MARGIN: 20px 0px 25px 20px;
 COLOR: #000000;
 font-family: Arial, Helvetica, sans-serif, "?з?ũ";
 text-align: left;
}
TABLE.form {
 MARGIN: 25px 0px 0px;
 text-align: left;
 float: right;
}
#author {
 WIDTH: 200px;
 background-color: #EEE4C6;
 border: #000000 1px solid;
 float: left;
}
#email {
 WIDTH: 200px;
 background-color: #EEE4C6;
 border: #000000 1px solid;
 float: left;
}
#url {
 WIDTH: 200px;
 background-color: #EEE4C6;
 border: #000000 1px solid;
 float: left;
}
#text {
 WIDTH: 350px;
 HEIGHT: 150px;
 background-color: #EEE4C6;
 border: #000000 1px solid;
}
.photo {
 TEXT-ALIGN: center
}
.nickname {
 FONT-WEIGHT: bold; FONT-SIZE: 15px; MARGIN: 10px 0px; COLOR: #000000
}
.message {
 FONT-SIZE: 13px;
}
.quotetable {
 BACKGROUND: #cccccc
}
.quote {
 PADDING-RIGHT: 1px; PADDING-LEFT: 1px; FONT-SIZE: xx-small; BACKGROUND: #000000; PADDING-BOTTOM: 1px; COLOR: #000000; PADDING-TOP: 1px
}
.blogtimes {
 MARGIN: 0px 0px 10px; TEXT-ALIGN: center
}
.powered {
 MARGIN: 0px 0px 10px; TEXT-ALIGN: center
}
.syndicate {
 FONT-SIZE: x-small; FONT-FAMILY: ; TEXT-ALIGN: center
}
.pagetop {
 FONT-SIZE: 12px;
 MARGIN: 0px 0px 25px;
 COLOR: #666;

FONT-FAMILY: ;   TEXT-ALIGN: right;
 float: right;
 width: 100%;
}
BLOCKQUOTE {
 MARGIN: 0px 0px 0px 40px; COLOR: #339999
}
PRE {
 BORDER-RIGHT: #aaa 1px solid; PADDING-RIGHT: 0.5em; BORDER-TOP: #aaa 1px solid; PADDING-LEFT: 0.5em; FONT-SIZE: x-small; BACKGROUND: #eee; PADDING-BOTTOM: 0.5em; BORDER-LEFT: #aaa 1px solid; LINE-HEIGHT: 1.2em; PADDING-TOP: 0.5em; BORDER-BOTTOM: #aaa 1px solid; FONT-FAMILY:
}
.checkers {
 MARGIN-TOP: 10px; FONT-SIZE: x-small
}

今天的blog麻豆是「紅小寶的造型設計」，blog左上角的圖就是紅小寶啦！

放上他們的blog連結…http://blog.roodo.com/maylovekids/

小寶媽給我的構想是極簡藍、可愛~，所以我就將他原本的藍底挑戰樣版改成現在這個樣子。

左上方，是我在小寶媽目前放上的照片中，挑出來的一張我最喜歡的照片(可愛耶~)所剪成的。

而字體則設為童童體，因為底色為藍，所以字的顏色我把他弄成黃及白，這樣子字應該會滿顯眼的吧？

底圖我畫了一些小動物的腳印，三個正圖及一個橢圖所組成的腳印，滿簡單的樣式。

至於小標題的圖嘛…，看得出來那是熊吧？orz...  這個熊的圖案，除了小標題有用到外，"回應文章"的底圖我也有加上熊的圖案。

於是，這整個組合起來，就成了今天的blog樣式設計… ，只是…個人感覺這只是可愛而己，還不到小寶媽所提的「可愛到不行風」orz...，小寶媽，我盡力了，你就將就一點吧…(汗)

此外，提一下今天遇到的困難^^"。

在弄小標題圖時，我一直覺得奇怪，這些項目的標題怎麼都沒有顯示出來呢？後來我把它反白，什麼！！字是黃色的，小標題的圖也是黃色的，難怪看不到 - -"

發現問題後，我開始狂找語法中，設定這部分的顏色碼，但是，找不到！！

為什麼呢？為什麼找不到？

小標題的顏色到底跑哪去了？？

原來…

這部分的碼跟本就沒有寫出來，於是我在「.sidetitle」內多填了幾個字，終於~成功！！

 耶~ 本設計樣式正式結束。

下面是設定小標題的部分。

.sidetitle {
 PADDING-RIGHT: 5px;
 …

…

…

 height: 22px;
 color: #333333; (color: #333333; 這行是我加的)
} 

不知不覺，今天就快過去了，趕快上來發一發文，免得超過時間…(汗)

今天比較忙，沒時間設計自己blog版面樣式，所以我就直接拿才剛幫別人弄好的奇摩blog樣式來做為我的第一天介紹…

乍看之下，多半人都會以為這是間賣傢俱的，但是其實…那是「推拿館」！！

就我所知，這間推拿館的室內擺設比較像間ｓｐａ，或著說，更像是一個家，如果看過這間店，一定很難將它跟傳統的推拿館連想在一起。

由於這間店是以「像家的推拿館」做為主題，強調溫馨、放鬆，所以用橘色調為主要顏色，而整個版面也幾乎都是暖色調。

在最上面的圖片裡，「傢好」及「推拿養身源」兩句，是我最頭痛的地方，在改了好幾次後，發覺還是不行，後來就跑去找美術老師請教，經老師的指導後，就成了現在的樣子，分別為橙色、紫色。

一開始我還對老師用紫色來配而感到不解，經老師說明後，我才知道，雖然紫色的「推拿養身源」對於橘色系的圖片來說，是比較凸顯沒錯，但是，橙色的「傢好」是「推拿養身源」的兩倍大，而大的字，本身就比起小的字還要來得吸引人的注目。

另外老師還提到，廣告字體是上方粗、下方細，較顯得小家子氣，建議用像是黑體字之類的字體，會看起來比較正式、大方，所以後來我選擇用書法字體。

改完之後，嗯~ 整個看起來就不一樣了，真的…差很多…(汗)

美術的世界還真不是普通的廣啊~ ( 認真狀 )

by 丫逍

自訂了這個挑戰主題

其實一時也想不到該找上哪找這30個樣式主題…

所以

我在此強力徵求blog麻豆

需要人數為29名以下(因為我就占去1名啦…)

這30天...我將每天為一名麻豆設計他的blog樣式

只是希望麻豆們在用了我設計的樣式後　能發一篇blog樣式設計聲明文章

內容提到blog樣式是我--"丫逍"所設計的　再附上我的樂多blog網址...

有意願的人　麻煩在此留下你的資料…

你的稱呼… ex：丫逍

blog網址… ex：http://blog.roodo.com/a_siao

希望的樣式主題… ex：電影 哈利波特 第二集

為二欄式或三欄式… ex：二欄式

是否有圖片或照片可提供…

ex1：有，晚點寄去你的信箱。

ex2：沒有，由你挑就行了。

丫逍：麻豆啊~~你在哪啊？

麻豆：我不就在台南嗎！你的地理成績很爛喔！= ="