ETH官方钱包

創(chuàng)作內容

15 GP

調色:{御休み/黒い羊☆角巻わため} orig. HoloLive (綿芽)Watame 黑/白底 -- by tchuai1009

作者:(??? ??)?{鳴aiRN7?│2021-05-11 21:50:50│巴幣:48│人氣:434













防範佈景底圖失效,導致文字被預設底色神隱:


愛好暗底圖與亮文字配色,且能自行設定佈景的使用者,

是否曾遭遇底圖失效,而文字神隱的窘境呢?

其實只要在製作時,先選到「進階設定」後,

再把「整體樣式」的「背景底圖的底色」項目預先調成暗色,

那麼就算突發(fā)圖址失效,也還不至於看不到亮色系的文字。





以上,可算前言吧?!! 總之就是在這彙整篇前,先想到之內文。

接著是關於「{御休み/黒い羊☆角巻わため} orig. HoloLive (綿芽)Watame」此佈景用色用意!


?



依照角卷的所屬顏色,且直接由站內既定色碼為主,選取所需項目;以便這套配色之萬用性,盡可能達到「不須常調配各組選色」其效果。

  
整體樣式的底色「color HEX: 000000」全黑,除了為上圖緣由之外,另是為了「底圖若突失效……
黑底,可讓其無底圖時,字色不與預設白底衝突得不易辨識」這點。其它黑色系,分別是「color HEX: 111111 & 1E1E1E」兩色,與下方白色系成對。

粉紅,則是「color HEX: F6739A & F6CDD7」這兩項,後項是個人早前某幾款佈景常用之文字選色。

亮黃,也是「color HEX: FFFF9F & FFFFD0」兩項,與粉紅成對。

至於「color HEX: 9761BB」紫色,為的是替代角卷(偏藍)瞳色。原因是個人幾乎不用藍,尤其深藍;粉藍,像是天藍那類倒還算可接受。

而灰色「color HEX: 999999 & CDCDCD」,甚至淺灰「color HEX: E1E1E1」,原本只是為了有項介於黑與白之間的顏色。

然後「color HEX: FF2E0C」這鮮豔紅,也就是領結的暗紅之替代色。

另外「color HEX: EEEEEE & FFFFFF」兩色,是非常趨近白的白灰、羊毛的純白。

最後是關於「color HEX: 3CB773」這綠色,也是為了在上述那些色系群裡,有不同類別而不感到同色系用量太多,類似均衡作用。


以上,就是個人對於調配角卷(甚至是各個不同類的)佈景用色之習慣。


關於「小屋主圖」底的黃色與「主要文字」這顏色,過於接近這點……實為不想放棄那黃色之外,還有另個用意:「刻意讓文字不明顯」為其因。與「創(chuàng)作的喜歡鈕旁的『喜歡總量』數(shù)字」這邊的用色過近,是相同用途;即,隱蔽數(shù)值之用。





   文末,附上該佈景之(僅)調色細項(不含圖片網址)設定──


主要頁面

■ 進階設定

整體樣式

背景底圖

網址

pbs.twi.co/mda/HFEDCBA97653210.jpg
 {御休み☆角巻わため} orig. HoloLive (綿芽)Watame
i.yti.co/v/HDC97653210/mxrsdfut.jpg
 {黒い羊☆角巻わため} ft.AZKi/orig. 欅坂46
p2.bhmt.co.t/HM/wlppr_nw/7653210_tchuai1009_0_o.JPG?v=C62100C612
 hololive Watame 角卷綿芽 (角巻わため) 黑/白底
hbl91707.cf/i/ml/0123567.jpg
 timing-img by hbl917070 - Vtuber.JPG#GIF
i.yti.co/v/01235679CDH/0.jpg
 すーぱーぬこになれんかった/まふまふ

重複

垂直重複

捲動

不捲動

位置

? ──置中
 {御休み☆角巻わため} orig. HoloLive (綿芽)Watame
↑ (未修改)
 timing-img by hbl917070 - Vtuber.JPG#GIF

底色

#000000

小屋主圖 690 × 250

網址

p2.bhmt.co.t/HM/wlppr_nw/7653210_tchuai1009_0_o.JPG?v=C62100C612
 {御休み☆角巻わため} orig. HoloLive (綿芽)Watame
p2.bhmt.co.t/HM/csi/48/baha_0_o.PNG?v=216C0021C6
 timing-img by hbl917070 - Vtuber.JPG#GIF

左區(qū)塊底圖

網址

p2.bhmt.co.t/HM/wlppr_nw/7653210_tchuai1009_0_o.PNG?v=C62100C612
 {御休み☆角巻わため} orig. HoloLive (綿芽)Watame
p2.bhmt.co.t/HM/csi/06/aeGK0_0_o.PNG?v=0666009990
 timing-img by hbl917070 - Vtuber.JPG#GIF

重複

填滿整頁

捲動

隨頁面捲動

位置

↑ (未修改)

底色

transparent

框線顏色

 (禁修改)

實線顏色

 (禁修改)

虛線顏色

 (禁修改)

右區(qū)塊標題

網址

p2.bhmt.co.t/HM/wlppr_nw/7653210_tchuai1009_0_o.PNG?v=C62100C612
 {御休み☆角巻わため} orig. HoloLive (綿芽)Watame
i2.bhmt.co.t/loading.gif
 timing-img by hbl917070 - Vtuber.JPG#GIF

底色

transparent

文字顏色

#F6739A

右區(qū)塊底圖

網址

p2.bhmt.co.t/HM/wlppr_nw/7653210_tchuai1009_0_o.PNG?v=C62100C612
 {御休み☆角巻わため} orig. HoloLive (綿芽)Watame
p2.bhmt.co.t/HM/csi/06/aeGK0_0_o.PNG?v=0666009990
 timing-img by hbl917070 - Vtuber.JPG#GIF

重複

填滿整頁

捲動

隨頁面捲動

位置

↑ (未修改)

底色

transparent

框線顏色

 (禁修改)

虛線顏色

 (禁修改)

導覽路徑

底圖

底色

transparent

文字顏色

一般狀態(tài)

#F6739A

滑鼠經過

#FFFF9F

主選單

底圖

網址

p2.bhmt.co.t/HM/wlppr_nw/7653210_tchuai1009_0_o.PNG?v=C62100C612
 {御休み☆角巻わため} orig. HoloLive (綿芽)Watame
i2.bhmt.co.t/hm/msg-sendbtn.gif
 timing-img by hbl917070 - Vtuber.JPG#GIF

底色

transparent

框線顏色

transparent

按鈕-一般狀態(tài)

文字顏色

#9761BB

隔線顏色

transparent
 {御休み☆角巻わため} orig. HoloLive (綿芽)Watame
 (禁修改)
 timing-img by hbl917070 - Vtuber.JPG#GIF

按鈕-滑鼠經過

底色

transparent

文字顏色

#999999

按鈕-目前所在頁面

底色

transparent

文字顏色

#FF2E0C

頁籤

按鈕-一般狀態(tài)

底色

#FFFFD0

文字顏色

#F6739A

框線顏色

 (禁修改)

按鈕-滑鼠經過

底色

#111111

文字顏色

#EEEEEE

按鈕-目前所在頁面

底色

#CDCDCD

文字顏色

#FF2E0C

右方按鈕群

一般狀態(tài)

底圖網址

p2.bhmt.co.t/HM/wlppr_nw/7653210_tchuai1009_0_o.PNG?v=C62100C612
 {御休み☆角巻わため} orig. HoloLive (綿芽)Watame
p2.bhmt.co.t/HM/wlppr_nw/3210567_noxandroid5.1line_0_oo.GIF?v=0111005550
 timing-img by hbl917070 - Vtuber.JPG#GIF

文字顏色

#FF2E0C

滑鼠經過

底圖網址

p2.bhmt.co.t/HM/wlppr_nw/7653210_tchuai1009_0_o.PNG?v=C62100C612
 {御休み☆角巻わため} orig. HoloLive (綿芽)Watame
p2.bhmt.co.t/HM/wlppr_nw/3210567_noxandroid5.1line_0_oo.GIF?v=0111005550
 timing-img by hbl917070 - Vtuber.JPG#GIF

文字顏色

#F6CDD7

文字與連結

標題文字顏色

一般狀態(tài)

#FFFFD0

滑鼠經過

#FF2E0C

文字顏色

主要文字

#FFFFD0

次要文字

#FFFF9F

主要連結顏色

一般狀態(tài)

#FFFFD0

滑鼠經過

#3CB773

次要連結 1 顏色

一般狀態(tài)

#FFFF9F

滑鼠經過

#9761BB

次要連結 2 顏色

一般狀態(tài)

 (禁修改)

滑鼠經過

#FFA755

特殊連結

文字顏色

#FFFF9F

特殊區(qū)塊

主要色塊

底色

#F6CDD7

框線顏色

#F6739A

其他色塊

次要色塊 1

transparent

次要色塊 2

transparent

文字輸入區(qū)域

底圖網址

p2.bhmt.co.t/HM/csi/06/aeGK0_0_o.PNG?v=0666009990

底色

transparent

框線顏色

#FFFFFF

按鈕

主要按鈕-一般狀態(tài)

底色

#F6CDD7

文字顏色

#3CB773

框線顏色

 (禁修改)

主要按鈕-滑鼠經過

底色

#FFFF9F

文字顏色

#9761BB

次要按鈕-一般狀態(tài)

底色

#FFFF9F

文字顏色

#FF2E0C

框線顏色

 (禁修改)

次要按鈕-滑鼠經過

底色

#FFFFFF

文字顏色

#000000

強調按鈕-一般狀態(tài)

底圖網址

 (禁修改)

無圖

? (禁修改)

底色

 (禁修改)

文字顏色

#9761BB

框線顏色

 (禁修改)

強調按鈕-滑鼠經過

底圖網址

 (禁修改)

無圖

? (禁修改)

底色

 (禁修改)

文字顏色

#3CB773

次要頁面

標題與文字

左區(qū)塊標題

巴哈標誌

? 隱藏

底圖網址

p2.bhmt.co.t/HM/wlppr_nw/7653210_tchuai1009_0_o.PNG?v=C62100C612
 {御休み☆角巻わため} orig. HoloLive (綿芽)Watame
p2.bhmt.co.t/HM/wlppr_nw/3210567_noxandroid5.1line_0_oo.GIF?v=0111005550
 timing-img by hbl917070 - Vtuber.JPG#GIF

底色

transparent

文字顏色

#999999

次要標題

顏色

#FF2E0C

文字顏色

強調文字

#E1E1E1

區(qū)塊與表格

區(qū)隔框線

框線顏色

#F6CDD7

表格

項目底色

#F6739A

內容底色

#1E1E1E

框線顏色

transparent

文字輸入框

底圖網址

p2.bhmt.co.t/HM/csi/06/aeGK0_0_o.PNG?v=0666009990

底色

transparent

框線顏色

 (禁修改)

按鈕

特殊按鈕 1

底圖網址

p2.bhmt.co.t/HM/wlppr_nw/3210567_noxandroid5.1line_0_oo.GIF?v=0111005550
 {御休み☆角巻わため} orig. HoloLive (綿芽)Watame
i2.bhmt.co.t/acg/star_s.png
 timing-img by hbl917070 - Vtuber.JPG#GIF

or 無圖

?
 {御休み☆角巻わため} orig. HoloLive (綿芽)Watame

底色

transparent

框線顏色

transparent

文字顏色

#FFFFFF

滑鼠經過

#111111

特殊按鈕 2

底圖網址

 (禁修改)

無圖

? (禁修改)

底色

 (禁修改)

框線顏色

 (禁修改)

文字顏色

#E1E1E1

滑鼠經過

#EEEEEE

強調按鈕 1

底圖網址

 (禁修改)

無圖

? (禁修改)

底色

 (禁修改)

框線顏色

 (禁修改)

文字顏色

 (禁修改)

滑鼠經過

#3CB773

引用網址:http://www.jamesdambrosio.com/TrackBack.php?sn=5146184
Some rights reserved. 姓名標示-非商業(yè)性 2.5 臺灣

相關創(chuàng)作

留言共 1 篇留言

虛ろな光
我得說做佈景好難呢QQ

05-12 11:43

(??? ??)?{鳴aiRN7?
[e29] 真的挺有難度呢,尤其製圖步驟。05-12 12:49
我要留言提醒:您尚未登入,請先登入再留言

15喜歡★aegk0 可決定是否刪除您的留言,請勿發(fā)表違反站規(guī)文字。

前一篇:流浪到孤島?... 後一篇:反其道而行?圖、影的超連...

追蹤私訊切換新版閱覽

作品資料夾

「にゃあ??ゴヤ弁(喵古屋方言)」 (2)

  ──隔! (0)

€〃Ξ_ζ Yη?*?^ˇ^ |‵? (9)

﹏﹏﹏﹏﹏﹏﹏﹏﹏﹏﹏﹏﹏ 〇 ﹋﹋ (13)

﹋﹋ ヒト ﹏﹏﹏﹏﹏﹏﹏﹏﹏﹏﹏﹏ (3)

﹏﹏﹏﹏﹏﹏﹏﹏﹏﹏﹏﹏﹋ Ⅱ ﹋  (3)

﹏﹏﹏﹏﹏﹏﹏﹏﹏﹏﹏﹏﹏ 參 ﹋﹋ (3)

﹏﹏﹏﹏﹏﹏﹏﹏﹏﹏﹏﹏﹏ 肆 ﹋﹋ (2)

﹏﹏﹏﹏﹏﹏﹏﹏﹏﹏﹏﹏﹏ 伍 ﹋﹋ (3)

 ﹏﹏﹏﹏﹏﹏﹏ ? ﹋﹋﹋﹋﹋  (3)

﹏﹏﹏﹏﹏﹏﹏﹏﹏﹏﹏﹏﹏ 柒 ﹋﹋ (3)

﹏﹏﹏﹏﹏﹏﹏﹏﹏﹏﹏﹏﹏ 捌 ﹋﹋ (3)

﹏﹏﹏﹏﹏﹏﹏﹏﹏﹏﹏﹏﹏ 玖 ﹋﹋ (2)

﹏﹏﹏﹏﹏﹏﹏﹏﹏﹏﹏﹏﹏ 拾 ﹋﹋ (2)

﹏﹏﹏﹏﹏﹏﹏﹏﹏﹏﹏﹏﹏ 念 ﹋﹋ (2)

【『字』、『心』】 (35)
  ──隔! (0)
『W無』 URL / (25)
 CSS / (5)
 HTML 等——稍知穫。 (6)
  ──隔! (0)
{自改 ∥ 樣板} (27)
{天魅夜 影} aeGK0 意象@形 (14)
  ──隔! (0)
[虛實參半] (3)
  ──隔! (0)
urx?2?.nu/ (0)
Evan.:hCYSIMEs, (13)
LODs? {BMTL.} (5)
mQm9 (3)

﹋﹏﹋﹏﹋ H(ecto) ﹏﹏﹏  (2)

  ──隔! (0)

虛構作品 (フィクション) (7)
(Kyokō sakuhin) (1)

﹏﹏﹏﹏﹏﹏﹏﹏﹏﹏﹏﹏﹏ 仟 ﹋﹋ (2)

ACG_Mus.&Vdo.+Txt. (96)

﹏﹏﹏﹏﹏﹏﹏﹏﹏﹏﹏﹏﹏ 萬 ﹋﹋ (2)

  ──隔! (0)

程式軟體 (16)

﹏﹏﹏﹏﹏﹏﹏﹏﹏﹏﹏﹏﹏ 億 ﹋﹋ (0)

﹏﹏﹏﹏﹏﹏﹏﹏﹏﹏﹏﹏﹏ 兆 ﹋﹋ (0)

  ──隔! (0)

Note (61)
() // ~  _() ── 「」 (67)
錄 () //~// ── 「收」 (9)

﹏﹏﹏﹏﹏﹏﹏﹏﹏﹏﹏﹏﹏ 京 ﹋﹋ (0)

「其它──暫定」 (108)

﹏﹏﹏﹏﹏﹏﹏﹏﹏﹏﹏﹏﹏ 垓 ﹋﹋ (0)

﹏﹏﹏﹏﹏﹏﹏﹏﹏﹏﹏﹏﹏ 秭 ﹋﹋ (0)

﹏﹏﹏﹏﹏﹏﹏﹏﹏﹏﹏﹏﹏ 穰 ﹋﹋ (0)

  ──隔! (0)

〖巴哈姆特──哈啦區(qū)〗 Note (38)
備忘: aeGK0 ──己發(fā) (關) (67)

﹏﹏﹏﹏﹏﹏﹏﹏﹏﹏﹏﹏﹏ 溝 ﹋﹋ (0)

﹏﹏﹏﹏﹏﹏﹏﹏﹏﹏﹏﹏﹏ 澗 ﹋﹋ (0)

﹏﹏﹏﹏﹏﹏﹏﹏﹏﹏﹏﹏﹏ 正 ﹋﹋ (2)

﹏﹏﹏﹏﹏﹏﹏﹏﹏﹏﹏﹏﹏ 載 ﹋﹋ (3)

 ??﹏﹏﹏﹏﹏﹏﹏﹏ 極 ﹋??  (3)

 ─約物─ (1)

  ──隔! (0)

未分類 (14)

face基於日前微軟官方表示 Internet Explorer 不再支援新的網路標準,可能無法使用新的應用程式來呈現(xiàn)網站內容,在瀏覽器支援度及網站安全性的雙重考量下,為了讓巴友們有更好的使用體驗,巴哈姆特即將於 2019年9月2日 停止支援 Internet Explorer 瀏覽器的頁面呈現(xiàn)和功能。
屆時建議您使用下述瀏覽器來瀏覽巴哈姆特:
。Google Chrome(推薦)
。Mozilla Firefox
。Microsoft Edge(Windows10以上的作業(yè)系統(tǒng)版本才可使用)

face我們了解您不想看到廣告的心情? 若您願意支持巴哈姆特永續(xù)經營,請將 gamer.com.tw 加入廣告阻擋工具的白名單中,謝謝 !【教學】