創作內容

2 GP

[我的勇者小屋CSS修改]中國風味小屋佈置完成總介紹~

作者:逍遙自在│2008-08-09 23:56:00│贊助:0│人氣:5036
今天陪大姊去考公職(就是陪考啦)耗了一整天.....
所以很晚才上來打這篇預定要分享的文章~

自從小屋開放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
引用網址:https://home.gamer.com.tw/TrackBack.php?sn=976790
All rights reserved. 版權所有,保留一切權利

相關創作

同標籤作品搜尋:|巴哈姆特|勇者小屋|BLOG|部落格|CSS修改|仙劍|軒轅劍|幻想三國誌|中國風|奇幻|武俠|君主|神話|

留言共 2 篇留言

孤獨。風
這個應該可以稱作史上最強國產三作合一的小屋景色吧~~~~~~XD

雖然說感覺怪怪的(我也不知道怪在哪裡)....
不過整體讓我感覺蠻豪華的~~~~~(畢竟是三作合一嘛~~)
這樣的風格我第一次看到....(指三作合一)

你的小屋常常給人一些視覺上的驚喜~~~~是我看過的小屋中算棒的了!!^^~~~

08-10 10:07

逍遙自在
呵~謝謝^^
只要來小屋的人能看得舒服就好囉~
也不枉費我花費了很多時間去修圖了~

等你想到哪裡怪的時候要記得跟我說喔XD08-11 15:59
飛琉
哇喔!連留言區打字都不一樣耶!
逍遙大改小屋好用心啊!結合了國產三大遊戲呢XD
不過我家在開的速度好慢喔...可能是圖太多了吧...Q_Q

08-10 22:33

逍遙自在
謝謝^^

不過....不是圖太多了~
是檔案太大了啦~囧
尤其是粉紅色背景那一張.....
大小快要多達1MB了~08-11 15:57
我要留言提醒:您尚未登入,請先登入再留言

2喜歡★a112034 可決定是否刪除您的留言,請勿發表違反站規文字。

前一篇:[心情日記]七月份戀文大... 後一篇:最後的活動-【COS活動...

追蹤私訊

作品資料夾

fishandy1210所有人
今日更新一個台中小吃,歡迎大家來逛逛~看更多我要大聲說昨天23:10


face基於日前微軟官方表示 Internet Explorer 不再支援新的網路標準,可能無法使用新的應用程式來呈現網站內容,在瀏覽器支援度及網站安全性的雙重考量下,為了讓巴友們有更好的使用體驗,巴哈姆特即將於 2019年9月2日 停止支援 Internet Explorer 瀏覽器的頁面呈現和功能。
屆時建議您使用下述瀏覽器來瀏覽巴哈姆特:
。Google Chrome(推薦)
。Mozilla Firefox
。Microsoft Edge(Windows10以上的作業系統版本才可使用)

face我們了解您不想看到廣告的心情⋯ 若您願意支持巴哈姆特永續經營,請將 gamer.com.tw 加入廣告阻擋工具的白名單中,謝謝 !【教學】