[無用] KC3改 簡易修改背景教學

──看膩KC3預設的夜戰背景和藍底了怎麼辦？自己當全能住宅改造王啊！

好像很多人不會，網路上中文教學資源也蠻少的，
我也只看過一篇日文教學有提到，就上來騙騙P幣好了 (′・ω・`)

--

使用例：https://i.imgur.com/vICdRAw.png

↑我自己其實只改了面板部分，其他地方圖片是為了教學隨便找的，
　只是演示一下這些也能改而已 (′・ω・`)

以下教學皆以 KC3面板置左→Natsuiro主題 為例，
位置除了置底外其實都87%像，而置底也只是面板變寬而已；
其他主題我就沒什麼研究了，可能要請其他板友幫忙補充 (′・ω・`)

圖片上傳推薦使用：https://imgur.com/
記得右鍵圖片複製網址，不要貼到/a/那個，會無法正常顯示。

--

首先，整個KC3可以簡單拆分成三個部分：https://i.imgur.com/LfcctQw.png

分別是：(1)遊戲視窗、(2)F12視窗、(3)情報面板。

其中F12視窗跟情報面板是一起的，
可以調整顯示位置：https://i.imgur.com/fNYr3aI.png

顯示位置由左至右分別是：浮動視窗、置右、置底、置左，
只有置底面板變寬，其他三個是一樣的，有興趣的可以自己試試看。

(1)跟(2)背景部分的調整最簡單，直接在 KC3改設定 就能調整了。

(1)在 API模式功能設定 這裡，紅框部分貼上背景圖片後，
重開整個分頁即可看見：https://i.imgur.com/wkokb07.png

(2)在 F12面板 這裡，紅框部分貼上背景圖片後，
重開F12視窗即可看見：https://i.imgur.com/abkliBY.png

以上兩個因為上層壓了遊戲視窗/情報面板，記得圖片上方留點空間，
以免背景老婆的臉被整個擋住 (′・ω・`)
因為每個人佈局都不同，這部分要自己慢慢調整，以下不再贅述。

--

接下來(3)的部分則需要自己修改CSS，在 Natsuiro 這裡，
紅框部分貼上下面的語法，重開F12視窗即可看見：https://i.imgur.com/hYVISTY.png

.wrapper_bg{ background: url(圖片網址) center / cover; }

其中 圖片網址 改成你要的圖片，大小(除面板置底外)都是 寬550x高450，
推薦使用偏暗色的圖片，或者自己用filter壓暗，不然文字會很難看清楚。

我自己平常都用家具當背景，所以常常在換，喜歡的話，
可以套我寫的仿原版樣式，自行修改圖片網址：https://pastebin.com/raw/UwzgvWuH
使用例，基本上不需要額外加工圖片了：https://i.imgur.com/PK1iJAE.png

如果不想讓面板顯示圖片、只想要一層底色就好，改為貼上以下語法即可：

.wrapper_bg{ background: rgba(0, 0, 0, 0.5); }

其中 background 就是底色的顏色，RGB色號請自行估狗，
後方0.5是透明度，越接近0越透明，可自行修改到覺得合適的程度。

照著教學慢慢改到這邊，你的畫面應該有很大的變化了，
享受全新的KC3吧 (′・ω・`)

--

參考教學文：http://sub-redpizza.blogspot.com/2018/02/kc3css.html

--

※ 發信站: 批踢踢實業坊(ptt.cc), 來自: 150.117.1.146 (臺灣) ※ 編輯: coyablog (103.5.100.207 臺灣), 11/12/2022 16:48:55