對，我只敢講心得不敢講攻略
因為我也都是爬文找各種前輩的資料的
我主要參考的資料是這篇，幫助真的很大
還看了很多人的小屋看他們怎麼搞的
下面要講的是自己摸索的心得
因為我設定蠻多東西的，而我參考的那篇是說有些照著原本預設就好
進到小屋佈景設定頁面之後，先搞主要頁面如果懶得話就用快速設定就好，但是進階設定多了很多很多東西可以玩
底圖連結
有些背景圖是可以外接圖床網址的
imgur在兩三年前就不行接了，我用的是discord
曾經有想要寫一篇discord圖床教學，但實在太簡單了也沒啥好寫的
就創一個自己用的伺服器，丟圖上去，複製連結，貼上而已
要用gif好像也都行，只是小屋如果有東西一直動我會覺得怪怪的
拜託別上傳到巴哈的圖床，那東西只能放300KB而已，大概只能撐得住素色圖案
背景底圖
來源的話我是用網路上的桌布背景，那種圖片都很大，要切比較好切
不要搞個500x700然後放大，會很糊
盡量找顏色素一點的，右邊的欄位後面盡量別太多顏色
不然右底圖想做半透明的話就會讓字的顏色很難調
像我現在的這個底圖右側顏色就有點多，不過我真的很喜歡這張背景的斜線
還有右側的剪影+報紙字真的很棒
代價就是我得把我的勇者資訊移到左側，然後訪客留言就沒那麼容易看得清楚
圖片大小要看你螢幕的解析度，大眾一點的話就是1920x1080
然後我是用填滿整頁+不捲動
因為我的筆電是用1920x1080，125%
所以我得盡量滿足在1920x1080，100%跟125%都還能看的程度
這是100%的
這是125%的
可以看到100%的可以看到左下的肚肚還有右側幾乎整體
125%的右側的頭有點被切掉但還算可以接受，左下剛好攔截到腰也不會太奇怪
要注意的是整張圖不會全部都出現
比如說我的原圖右上是看的到完整的剪刀的，鞋子也都看得到
但是上面那條「巴哈姆特」有點遮住了
所以如果想要整張圖都進去的話要再處理一下，上下方大概會有高度35px的區域看不到
我沒這樣做的原因是如果做的話，原圖勢必要縮小
這樣右側剪影就會往中間擠而擋到更多的右側區塊
小屋主圖690x250小屋主圖其實可以不用放，因為蠻多人把圖都放在「個人相關資訊」，那邊可以放很多圖還有影片
不過也可以放小屋主圖然後設定那邊不顯示
小屋主圖還會影響到APP版那邊，右邊滑一下，上面的圖就是小屋主圖
左區塊底圖影響的區域包括小屋首頁、吧啦吧啦、創作等等次頁面的左側區塊
顏色就選個跟背景搭、別選奇怪的顏色(亮黃、亮紅)的就好
我選的顏色大部分都不是從巴哈提供的色板，去網路上查色碼表就會有很多顏色了
然後在顏色那邊輸入色碼就好，左邊預覽視窗也會顯示出來
右區塊底圖這邊影響到的就是所有頁面的右側區塊
可以選純色也可以做半透明
個人資訊+底圖半透明的效果很不錯
在圖層上點兩下，透明度大概選40~60%就行
然後左右區塊底圖不建議做有圖案的東西
因為左右區塊包含了很多小區塊，比如說個人資訊、創作、訂閱等等
每個小區塊的大小都不一樣
如果原本的圖片對於某個小區塊而言太小的話，它就會重複
導致整體很不一致
我曾經想要在這些區塊加上圓角，但根本沒辦法，只好放棄
虛實線的話要注意一下，這些設定會「牽一髮而動全身」
其實我比較希望創作的實線是灰色，下面訂閱是粉紫
但這兩塊是同步的所以只好選其中一個
右區塊標題的話因為大小都一樣，所以是可以放圖的
像我就在上面做了一個剪刀
導覽路徑其實遇到這種看到稱呼也不知道在講哪裡的時候可以把滑鼠移到「問號」上
不用點，在左邊的預覽視窗就會有一個紅色框框告訴你說這是哪一塊
(我當初瘋狂點髂個問號都沒有新視窗跳出來，還以為它壞掉了)
導覽路徑這塊應該就透明就行，不管放什麼顏色都有夠怪
主選單只有一個，想怎樣搞都行，我是只用了半透明而已
文字的話就保持一個大原則:底色的深/淺色或黑白灰
滑鼠經過的話可以做一點變化，也可以不用
變化可以是文字變顏色、底圖變色、或兩個都變
變色的原則也是變深淺就好
目前所在頁面我是用了深淺度與底圖相反的顏色
不過這部分好像做不做都行，反正沒人注意
頁籤影響到的範圍有吧啦、創作、及時通知的上方，做不做就看個人
右方按鈕群就是右上角那幾顆按鈕
解析度是150x30
我在這裡有用了圓角+中間有空格
中間有空格讓它們看起來是分開來的
作法就是先做一個小一點的圖形(我是用圓角矩形，144x24px)
然後在背景圖層在搞一個150x30的矩形，透明度用1%
如果只有做一個144x24的圖的話它會自己重複
滑鼠放上去的時候我把釘書機放在右邊，感覺還不錯
這邊我覺得最厲害的小又(ambroseyen)的
小屋原本只有上半部的蝴蝶，但滑鼠移過去的時候就會變成整隻蝴蝶，超酷的
文字與連結
這部分我用超久，因為左邊預覽視窗只能看到一部分分頁的情況，實際情況影響更大
標題文字
這部分影響到的只有創作的標題而已
文字顏色--主要文字
影響到的區域非常多，包括
1.「大聲說」除了勇者暱稱以外的部分
2.創作中的主要預設文字
3.其他我直接上圖，黃色部分就是影響範圍
(上面這個是訂閱聯播那一塊)
因為影響太多了，所以這邊可以用黑色就好，或者是#464646，這個顏色是發文的預設顏色
但是這顏色有點淺，如果右區塊是做半透明的話要注意一下
文字顏色--次要文字
主要是留言或創作、大聲說之類的時間
主要連結顏色
我覺得最主要影響的是設定那邊
還有一個很重要的地方是文章內的超連結，不過這個可以靠編輯文章時改顏色
次要連結1顏色
訪客留言那邊的留言者暱稱
次要連結2顏色
勇者評價
特殊連結
小屋首頁>創作「繼續閱讀」
特殊區域這邊非必要真的別動，全部透明就好，改了有夠醜
我是只有動文字輸入區域的框線而已
按鈕這邊其實滑鼠移上去看預覽視窗的變化就好，我試著改了一下效果有點差
但是原本的圖案跟顏色又跟我目前的主題顏色不搭
這可能是我未來會試著去改的地方，不過有點難搞的感覺
次要頁面
左區塊標題690x30
次要標題
你的帳號跟暱稱
文字顏色--強調文字
創作幾GP
區塊與表格、按鈕
自己試試看就知道了，我大部分都是用透明
後記、心得這小屋佈景花了我好幾天的時間研究
一部分是我的photoshop真的很爛，上次用大概是十年前了
一部分是我覺得巴哈在導覽這方面做得真的不太好
預覽視窗不浮動、影響到的其他頁面也沒能全部顯示
導致我改好了某一頁的顏色，結果在另一頁根本看不到
整體弄完之後反而覺得最礙眼是上方綠色的「巴哈姆特」，跟粉紫色不太搭
不過這應該只能靠改css來自嗨而已了
話說我在爬文時有看到一篇用css改的
但那只能在自己電腦上顯示，css的小屋佈景設定在2010年早就關閉了
創作內容
小屋佈景使用心得
巴卦見聞 (3)