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

看板KanColle (艦隊Collection)作者coyablog (伊泉)時間4年前 (2020/08/19 16:15)推噓3(3推 0噓 1→)

留言4則, 4人參與討論串1/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/bYmUXLX.png

.wrapper_bg{ background-image: url('圖片網址') !important; } 其中圖片網址改成你要的圖片，大小(除面板置底外)都是寬550x高450，推薦使用偏暗色的圖片，不然文字會很難看清楚。我自己平常都用家具當背景，所以常常在換，這張就是我現在用的：https://i.imgur.com/3gWYRsd.png

喜歡的話也可以用我自己做的仿原版介面模板，再搭配想要的圖片自行加工：https://i.imgur.com/eNxkgsw.png

如果不想讓面板顯示圖片、只想要一層底色就好的話，改為貼上以下語法即可： .wrapper_bg{ background: none !important; background-color: rgb(0, 0, 0, 0.5) !important; } 其中 background-color 就是底色的顏色，RGB色號請自行估狗，後方0.5是透明度，越接近0越透明，可自行修改到覺得合適的程度。照著教學慢慢改到這邊，你的畫面應該有很大的變化了，享受全新的KC3吧 (′・ω・`) -- 參考教學文：http://sub-redpizza.blogspot.com/2018/02/kc3css.html -- ※ 發信站: 批踢踢實業坊(ptt.cc), 來自: 150.117.1.146 (臺灣) ※ 文章網址: https://www.ptt.cc/bbs/KanColle/M.1597824929.A.408.html

推

kgmaybekg

08/19 16:16, 4年前 , 1^F

08/19 16:16, 1^F

推

ilovenoire

08/19 16:17, 4年前 , 2^F

08/19 16:17, 2^F

推

solawish

08/19 16:29, 4年前 , 3^F

08/19 16:29, 3^F