今天陪大姊去考公職(就是陪考啦)耗了一整天.....
所以很晚才上來打這篇預定要分享的文章~
自從小屋開放CSS修改以來~
我就已經在心中大致模擬好我想要的小屋樣式~
礙於時間限制和技術學習(GIF圖片透明化製作)終於在近日完成囉~
本小屋的所有圖片素材皆從平日蒐集的仙劍、軒轅劍、幻想三國誌這三款遊戲相關圖片改製而成~
整體格式皆依照原本(預設)的巴哈勇者小屋設定下去修改~
參考了許多大大的小屋CSS修改教學^^
1.最底部背景圖
使用非常平凡樸素的顏色下去搭配的，原為軒轅劍伍玩家自製桌布修改~
本來是想要讓它看起來像個古代的橫幅捲軸.....
中間黃色部份展示小屋內容，左右的咖啡色為裱框！
只可惜小屋右手邊的廣告破壞了整個小屋左右對稱....
不過想要的感覺還是有出現啦^^
話外....話說昨天(8/8)....北京奧運開幕典禮開頭的那個捲軸LED顯示器真是漂亮極了XD
2.小屋內容背景圖
整體偏淡粉紅系色彩.....
是仙劍奇俠傳四上海軟星以前部落格的背景圖！
但自從上軟解散後部落格格式就也跟著失傳了.....因此這張圖片已不容易找！
此張桌布整體想表現的是雲霧線條以及五靈法陣相生相剋的屬性花紋.....
代表著仙劍的五靈六界世界關和神話色彩！
3.小屋首頁-勇者資料背景圖
在中國古代金黃色被視為高貴的象徵.....只有帝王貴族才能穿著這樣的配色！
龍的圖騰花紋更被拿來當神聖的吉祥物，天子的代表！
圖取自於軒轅劍外傳-蒼之濤官方介紹背景圖！
4.部落格主選單背景與按鈕
主選單背景↓
上面同樣是有象徵吉祥的龍的圖騰....
左方為龍頭，右方為龍尾，中間夾雜一些雲的紋路~
圖取自於仙劍玩家相簿花紋修改~
選單所在頁面狀態圖↓
頭像人物為幻想三國誌貳的皇帝劉辯樣貌圖~
為了搭配主選單的背景圖而決定採用....(龍、天子)
是最近學會把GIF圖片背景透明化後才製作完成~
製作過程蠻麻煩的要把除了人物線條以外的白點全部都清除掉！
如果有周邊清除不乾淨或者顏色像素淡於背景圖的就會出現白點現象！
選單非所在頁面狀態圖↓
圖為幻想三國誌貳裡的主角楚歌！
是我幻想三國誌系列裡最喜歡的角色！
和上面的劉辯是同一個人！
在滑鼠吳道主選單上的任何一紐時都會出現！
點選完畢就會變身?囉XD(詳情典故請參考幻想三國誌貳)
PS.使用火狐瀏覽器觀看文字還會閃爍喔~
5.外部大框架圖
主標題圖↓
原本的巴哈龍被仙劍系列的五毒獸取代.....
分別為仙劍四的勇氣豬、仙劍三的花楹和問情篇的絮兒(王篷絮)
圖來自zihwai (醉情仙)相簿修改GIF透明化白色背景~
框架結束圖↓
看似木頭的古香古色紋路~
圖來自仙劍迷相簿圖片修改~
6.右邊次選單圖
選單背景圖↓
太陽紋錄圖，有山海經神話風格
選單標題背景圖↓
仙劍奇俠傳二官方標題LOGO上的花紋~
因為很喜歡那種花樣所以拿來襯托標題文字！
項目符號圖↓
仙劍奇俠傳三官方標題LOGO上的花~
非常喜歡所以從其中挑選一朵花的形狀去被取代原本的小綠點~
7.小屋編輯文字區塊背景圖
很有中國風味雲圖樣的信紙....
就是要讓所有來小屋留言的朋友有覺得像在寫信的感覺！
並且留言文字設定為粗體的標楷體！更具有文化之美~(像在寫毛筆字)
不過留言內容請盡量不要超出17行喔~
超過17行文字就不一定在每一行格行的行距內囉~
這樣格式就跑掉囉~囧
圖取自仙劍奇俠傳三官方部落格背景圖修改
8.小屋部落格插圖與GP圖
圖為軒轅劍三外傳天之痕裡的小雪Q版人物動畫圖~
鞠躬道謝的模樣表示向各位來我的部落格觀看文章的朋友致謝~
更向賞識給於GP的中心的感謝^^(45度鞠躬~)
9.小屋紅心圖
圖來源同上！
Q版的阿仇和小雪掏出武器來催路過你快點給紅心啦~
正所謂要收過路費....(謎:眾人歐阿~好好的小雪和阿仇被你玷汙了啦！！)
以上純屬開玩笑XD
10.最上方的人物勇者狀態圖
來自於軒轅劍外傳-蒼之濤背景圖修改
圖為木甲術的木齒輪，展現出古代科技！
11.上方與勇造右方主圖
請參考此篇介紹↓
小屋主圖+上圖改版囉~18+9共27張精緻動畫圖登場囉~
介紹完畢^^
看過的朋友有更了解我的小屋了嗎XD
LINE