創作內容

12 GP

「朧村正‧百鬼夜行」小屋佈景上架！第一次玩CSS...快搞死我了OTZ

作者：Azrael│朧村正│2009-09-12 18:39:38│巴幣：2│人氣：1475

完成品請見套用佈景主題編號：#608「朧村正‧百鬼夜行」。

我要先聲明~~~

我是個不折不扣的「初心者」！

因為是第一次玩小屋CSS語法，所以是純學習為主，

因此在小屋版面調整方面，和原始的版面差不多，只是換了圖片而已~

在此特別感謝：

realnofish大提供的小屋佈景，

為了實驗語法，魚大的「電玩系‧聖劍傳說」被我反覆套用了N次！

感謝妳！魚大！XD

接下來要感謝的就是傳說中的「勇者小屋黃綠版」，

多虧這個佈景提供了貼心的CSS語法，我才知道要怎麼修改那醜得要死的小屋屋頂！XD

再來要感謝的就是indream大、u4大、kinini大細心整理的CSS教學~

多虧了這些教學，我才能上手輕鬆玩CSS~

最後要感謝的是偉大的Google大神~XD

要不是Google大神引導，我根本不知道哪裡有巴哈小屋的CSS教學~XD

話說~一切都是從一張圖開始的~

自戀又愛現的我，在完封「朧村正」後，因為激萌畫面，在無聊之餘又意猶未盡的跑去官網摳素材，合成了上面那張圖~XD原本這張圖就是打算宣傳用，到處去推這款遊戲，然後又放在自己小屋首頁。

當然，本人看這張圖是越看越滿意XD(←沒救的自戀狂...)，然後打算開始想動手小屋的裝潢工程~

既然小屋要大整修，那毫無疑問要修改CSS，

腦袋不靈光又自不量力的我，就先跑去套用魚大「聖劍傳說」的佈景，

調閱了該CSS語法後..............................................................我囧了。

嗯...對我而言...根本是亂碼OTZ

真不愧是「聖劍傳說」，一度讓我的「朧村正小屋補完計畫」差點成為傳說。

我囧了一個禮拜。

一度死心。

一周後，我又看了看上面那張圖。(←砍死我吧...)

自戀又愛現的我，說什麼就是無法放棄。

沒人打從娘胎就懂CSS語法啊。

就因為不死心，所以又跑去抱Google大神的大腿，

終於讓我搜到indream大、u4大、kinini大的小屋教學~

看了詳細的教學，發現修改CSS語法沒想像中難...~"~嗯...其實還滿簡單的...XD

只要知道想要修改的部分所對應的語法是什麼，接下來想怎麼改就怎麼改~XD

結果我玩到廢寢忘食，把正事幾乎完全丟在一邊~(喂)

為了實驗語法，我一直套用魚大的聖劍佈景，

前幾天我的小屋像萬花筒，一天到晚變來變去~XD

直到昨天~我終於把我想修改的地方完全整修完畢！(昨天還是我生日！這個還真是不錯的生日禮物XD)

嗯啦~既然真心喜愛「朧村正」這款遊戲，當然就要想辦法盡量去發揚光大啦~

所以！今天又修改了幾個小部分，然後上架提供給板友去套用啦啦啦~

嗯！我為了推廣朧村正真是不遺餘力啊~！(←根本就只是想現而已！[砍死])

這次佈景中最滿意的部分：

就是打招呼等按鈕~

原始的按鈕...嗯~"~...太大眾化了XD

所以我就自己做了一組XD

「朧村正」的小鬼真是又弱又可愛啊~~~XD

將滑鼠移到原本按鈕「+勇者」的那個部位，就會出現小愛心~~

特別一提：

既然佈景名稱提到「百鬼夜行」，理所當然就要有妖怪啊XD

但是如果真的要把"百鬼"全部塞進版面...真的是會搞死我~囧

何況官網也沒將所有妖怪的圖片全部公開~沒圖我也沒辦法弄啊XD(謝天謝地~XD)

所以小屋左邊版面是以鬼助篇的BOSS為主，右半邊的則是以百姬篇的BOSS為主~

然後再用海坊主、人魚和千子村正的圖片，

去填補官網沒公開的BOSS圖片所造成的空缺，讓畫面看起來平衡一點~

很可惜的是...OTZ

當我去背個半死，好不容易做完整張背景圖，上傳到版面上後瞄了一眼...

畫面好繚亂！！！囧...整個版面被擠得滿滿的...OTZ

不得以只好再降低圖片透明度，從50%降到15%...OTZ

現在，雖然版面看起來還不至於眼花撩亂，但這些妖怪也幾乎看不見了...囧

那還不如一開始就不要弄，直接填黑色算了！辛苦弄了老半天簡直沒意義OTZ

最後再來說說我私用佈景和上架佈景的些微不同之處~

我的屋頂：

上架佈景的屋頂：

老實說...Flash廣告和橫幅文字連結，實在很礙眼~讓畫面看起來非常擁擠~

我拿不掉Flash廣告，所以橫幅的文字理所當然就被我處理掉了~XD(喂)

原本屋頂的巴哈姆特LOGO上有個小巴哈龍圖形，被我拿來替換成「朧村正」的富士山龍神XD

另外，由於要上架，巴哈有巴哈的遊戲規則，

所以我只好將標題縮小，好將橫幅文字的連結擠進去...OTZ

(↑我是個坦白的好孩子~所以橫幅文字連結被我拿掉的這點小事，就別告發我吧XD)

我的主圖：

上架佈景的主圖：

這部分最主要的差別是在圖片的背景，私用的是山景，上架用的是雪景，

另外，帳號、小屋描述和稱號部分，

由於我覺得很礙眼，所以我也就把它通通拿掉了XD

但上架用的佈景，這部分可能會有板友需要，所以就沒拿掉。

私用和上架用的差異只有這些而已XD其他部分都是一樣的~

最後！

請大家一起用力的推廣「朧村正」吧！

圖源&素材：

朧村正官網

設計的寶庫日本傳統文樣250

喜歡 12 收藏引用留言推上首頁檢舉

引用網址：https://home.gamer.com.tw/TrackBack.php?sn=481383
All rights reserved. 版權所有，保留一切權利

相關創作

同標籤作品搜尋：|朧村正|CSS|

2024 的個人網頁設計

火狐Firefox CSS樣式：套件管理員美化

火狐Firefox CSS樣式：美化套件管理按鈕

火狐Firefox CSS樣式：隱藏書籤、歷史按鈕選單的多餘選項完整版

火狐Firefox CSS樣式：回復舊版89分頁列

留言共 18 篇留言

AJL：
辛苦了！
希望能分享到相關哈啦板～

可惜我的電腦看不到屋頂跟主圖，用火狐的話底圖是巴哈原有的，IE底色則是全黑。
改用我弟的筆電卻是可以完整顯示出來，怪哉……

09-12 20:34

Azrael：
唔唔~"~
我現在用的電腦沒有火狐瀏覽器...
所以目前也不知道問題出在哪裡...OTZ
嗯！等問題處理完畢後，我也到哈啦版去推廣好了(握拳)！←巴死09-12 20:56

AJL：
剛剛重新整理之後，我的IE也可以顯示出來了！
但火狐依然還是不行，不曉得有沒有辦法解決？

09-12 20:37

Azrael：
火狐的話...
等下禮拜開學我回板橋再試試看好了~
不過這方面我是個初心者~"~不知道有沒有辦法解決~09-12 20:59

皇羅：
哇，這間小屋只能說太棒了…
整體的感覺很一致，顏色很華麗。
Azrael處理圖片的美工能力好強！

09-21 09:47

Azrael：
(驚!!)
其實圖片除了現成素材外，其他全是從官網上摳下來的XD
這佈景並沒什麼，最重要的是遊戲本身的圖片非常漂亮~~~
剩下的頂多是去背合成和色彩調合

說到色彩調合...其實也挺糟糕的XD
做這佈景時我用的是一台很舊很破的電腦(光用Photoshop就會LAG哦~XD)，
色差頗嚴重，在爛電腦上看，色彩看起來覺得沒有問題，
等到回學校宿舍用MAC一看~超囧！
老實說這佈景的顏色調整我並不滿意XD
不過佈景已經上架，修改的話很多圖片又要重新上傳很傷腦筋，
搞到現在我已經懶得調整了XD

皇大的小屋佈景也是自己做的吧？
圖片和色彩處理頗有實力~有設計科系相關背景嗎?
要不就是常動筆畫圖吧??XD09-21 11:55

皇羅：
也許色彩方面Azrael還不滿意，
但Azrael製作的佈景，是讓人看了會喜歡的佈景喔。(我是這麼覺得)

我完全不會畫圖，也沒有唸過設計方面的東西…
一開始完全是單純想改一間自己獨特的小屋，
記得那時候還是用小畫家改的，
後來才慢慢演變成使用Photoshop。

我的小屋有現在這樣的感覺，
應該是畫家的圖片和素材的圖片好看。呵呵。

09-21 12:13

Azrael：
(驚!!)小畫家!太猛了!
我班上也有些同學是從小畫家磨上來的，
在念高中時不但完全沒學過設計，連photoshop都沒聽過
也完全是靠小畫家

說真的小畫家的功能實在是.............我很無言
但也說不定正是因為功能陽春，所以才能培育出一票實力堅強的魔人吧XD09-21 12:32

火車上面有鱷魚：
好漂亮的小屋佈景呀~
看得我好喜歡 >"<
這是巴哈有小屋以來，
我覺得最好看的小屋佈景 0ˇ0
謝謝你~ 真的很漂亮~

09-21 16:30

Azrael：
哦哦~XD看到大大的留言，我high到整個人都飄起來了呢~~XD(←巴死)
其實佈景本身沒什麼，主要是朧村正的圖片非常漂亮！
朧村正大推~~~遊戲畫面可是更漂亮呢~~~09-22 02:24

otto：
謝謝大大分享小屋背景^^
我也是朧村正迷呢(雖然技術很爛...= =)
這遊戲畫風超棒!!!

09-26 00:41

otto：
另我想請教大大是如何抓遊戲裡的圖呢？
有什麼程式嗎？
這樣的佈景有沒有辦法套用到無名之類的網誌上呢？

09-26 01:04

Azrael：
這個佈景所用的遊戲圖片全部來自官網的圖片哦~
沒用到任何截圖程式，
單純按滑鼠右鍵"另存圖片"而已XD
然後再用photoshop去背後再合成。
這佈景用的圖片幾乎都加工過，
在遊戲中或官網應該不至於看到一模一樣的圖~

另外巴哈小屋佈景應該無法套用在其他網誌XD
除了基本CSS語法外
其中有很多語法應該是巴哈自定義的
和其他網誌應該相互不支援吧?要另行編輯。
其實我沒玩過部落格，所以我也不懂XD09-26 10:08

otto：
喔謝謝
因為小弟很喜歡朧村正那些王的畫風(龍神、狗頭龍那些...)
原來官網就找的到@@

09-26 23:39

Azrael：
朧村正官網資料很豐富哦(還有部落格)~感覺比前作奧丁領域的官網更用心呢~
雖然圖片沒完全公開，不過至少八成以上圖片都有了
要挖寶的話不能放過XD09-27 20:14

otto：
可是我沒在官網找到不動明王及他的2個護法、狗頭龍的圖片耶...殘念
部落格又在哪裡呢@@?

說的對極了我的確在挖寶中XD

09-27 23:48

Azrael：
嗯嗯XD官網沒有公開最終BOSS的圖片，但攻略本有哦XD
只可惜圖片超小，就算拿去掃描效果也很差就是了OTZ
部落格連結就在官網中的左下方圖片"朧特急瓦版"
不過部落格主要是以情報為主，和官網一樣都沒再更新了~09-28 16:04

新兵衛：
9月份板友生日快樂
我學會CSS語法教學
感謝分享這張小屋背景圖片~^_^

09-28 14:49

Azrael：
嗯嗯XD多謝XD
我今年生日很快樂XD09-28 16:08

正義的熊熊弓手：
做的很好啊~我不客氣套用了喔XDDD~

10-01 11:31

Azrael：
多謝支持XD10-01 12:08

Junov：
版主設計的背景很美很華麗喔! 目前套用中~
有空再造福大眾吧,感謝您的辛勞~~
日系風格激夯!!!!

10-08 10:28

Azrael：
我很想再製作「オーディンスフィア(奧丁領域)」和「すばらしきこのせかい(美麗新世界)」的小屋佈景...
不過大概要等到放寒假才有空吧OTZ
最近被一大堆雜事搞得焦頭爛額~OTZ10-08 12:13

NJ：
那個啊~ 我想請問一下~ 小屋首頁的右邊,
個人紀錄裡面的更新時間那行字, 預設是紅色的, 要怎麼改掉啊?
我找半天找不到方法...囧

12-14 00:41

Azrael：
div.right font{color:#色票代碼;}

※注意~
更改這行字的配色的話，
會連部落格月曆的「"有"寫網誌的日子(粗體數字的連結)」的顏色一起改哦~

我是個嫩新手啊...囧
這種小屋CSS的問題應該是去問佈景達人哦=　=b
CSS三個月沒碰我都快忘光了OTZ12-15 21:22

NJ：
改好了!!大感謝!!
原本要問發CSS教學文的屋主
但是都很久以前的文了
看很多留言也都沒有回應的樣子
所以就想到問你~不好意思麻煩了XD~(敬禮!

12-16 00:23

Azrael：
不會麻煩啦XD
只是我滿肉腳的~
太難的問題或更進階的修改我就真的不會了OTZ
CSS的問題，建議還是找達人問會比較好~
巴哈板上的小屋修改魔人其實滿多的XD12-16 20:39