PTT評價

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

看板KanColle標題[無用] KC3改 簡易修改背景教學作者
coyablog
(伊泉)
時間推噓 3 推:3 噓:0 →:1

──看膩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 留言評論
※ 發信站: 批踢踢實業坊(ptt.cc), 來自: 150.117.1.146 (臺灣)
PTT 網址

kgmaybekg08/19 16:16實用

ilovenoire08/19 16:17有夠實用 推推

solawish08/19 16:29推推

Sousake08/19 16:34・ω・ 實用

※ 編輯: coyablog (103.5.100.207 臺灣), 11/12/2022 16:48:55