作者mstar (Wayne Su)
看板Browsers
標題Re: [-VV-] 求增加 status bar 高度的 CSS script
時間Sat Oct 20 09:20:51 2018
先修改 resources/vivaldi/browser.html
在 </head> 前面加入:
<link rel="stylesheet" href="style/custom.css" />
然後到 resources/vivaldi/style/ 新增 custom.css
再把你的自訂 CSS 貼進去。
每次改版後都要再重弄一次。
※ 引述《drkh (eutatosp)》之銘言:
: 我把 Vivaldi 的 User Interface 縮至 80% 後, 是很合適, 但 status bar 的
: 高度隨之變得很窄.
: 我有用一則 custom JS script 將所有 extension button 移到 status bar.
: 感覺若是 status bar 的高度能增加一點, 會比較利於滑鼠游標瞄準那些
: extension button.
: 我不懂程式, 到 Vivaldi forums 詢問, 沒獲得答案. 但感覺這應該不難才對,
: 就自己上網胡亂找了一段簡單的 CSS code, 想自力救濟一下, 但失敗了. 以下
: 就是那段 CSS code (我想將 status bar 的高度設為 25px):
: #statusbar
: {
: padding: 25px; !important;
: }
: 哪位高手能幫忙一下? 謝謝.
--
你怎麼這麼綠啊! ← 藍色黨blahblah.. 綠色黨blahblah.. → 你怎麼這麼藍啊!
\ / \ /
○ ○ ○
○
藍 <<<<<<<<<<<<<<<>
>>>>>>>>>>>>>> 綠 藍 <<<<<<<<<<<<<<<>
>>>>>>>>>>>>>> 綠
「政治單細胞生物」的眼光見解:只要光譜不夠近不同邊者,就算再中肯一樣是敵人
--
※ 發信站: 批踢踢實業坊(ptt.cc), 來自: 175.181.157.173
※ 文章網址: https://webptt.com/m.aspx?n=bbs/Browsers/M.1539998454.A.721.html
1F:推 drkh: 這我知道. 我是需要 css codes. 10/21 05:58
2F:→ drkh: 我已經用了好幾則 JS 及 CSS script codes 將 Vivaldi 的 10/21 06:00
4F:→ drkh: 代表 page content area. 10/21 06:04
5F:→ drkh: 我之前貼出的那段"自力救濟"的 CSS code 不靈光. 10/21 06:05
6F:→ drkh: 10/21 06:46
9F:→ tch1114: 內容改height: 25px; 10/22 01:13
10F:推 drkh: 多謝樓上 10/23 15:42
11F:→ drkh: 另外, 我也想將 status bar 內的 16x16 px button 增大至 10/23 15:54
12F:→ drkh: 20 x 20 px. 在 Vivaldi 的論壇有人提供以下的 CSS script 10/23 15:55
13F:→ drkh: 但無效 (custom.js 禁用, custom.css 只包含下面的 code): 10/23 15:57
14F:→ drkh: #footer button svg {height: 20px !important; 10/23 15:59
15F:→ drkh: width: 20px !important;} 10/23 16:00
16F:推 tch1114: 這是把原本status bar的icon變大 如果你要變大extensions 10/26 23:06
17F:推 tch1114: 改成 .extensions-wrapper button img 10/26 23:12
18F:推 drkh: status bar 的 button, 不論是 Vivaldi 自建, 或是 10/28 19:40
20F:→ drkh: 多謝多謝. 10/28 19:42
21F:→ drkh: 10/28 19:42
22F:→ drkh: 乾脆再請問... 能否將 bookmark bar 的文字 text label 顏色 10/28 19:43
23F:→ drkh: 設為紅色? 可較醒目. 10/28 19:45
24F:→ drkh: 我曾試用 .bookmark-bar {font-color: red} 但無效. 10/28 19:46
25F:推 tch1114: .panel-bookmarks .vivaldi-tree { color: red; } 10/28 22:58
26F:推 drkh: 謝謝. 但您給的 code 是作用於 bookmark panel, 不是 10/28 23:58
27F:→ drkh: bookmark bar. 已實測. 10/28 23:59
28F:→ drkh: 我的需求更明確地說, 是要更改 bookmark bar 內, folder 的 10/29 07:30
29F:→ drkh: text color, 而非 bookmark 的 text color. 10/29 07:32
30F:推 tch1114: .bookmark-bar button .folder-icon + span 11/05 08:52
31F:推 drkh: 完成了! 多謝再度支援. 11/05 09:53
32F:→ drkh: 難得遇到高人, 可否再請幫忙解決一個惱人的問題... 11/05 09:54
33F:→ drkh: 我將VV的 startup page 設為 about:blank, 另將書籤設為用 11/05 09:56
34F:→ drkh: 一個 new tab 開啟. 而我每次啟動 VV 後, 第一個動作總是開 11/05 09:58
35F:→ drkh: 啟 bookmark bar 內的書籤, 所以, 等到那個書籤在一個 new 11/05 09:59
36F:→ drkh: tab 開啟後, 我須手動把那個 about:blank 的 startup page 11/05 10:00
37F:→ drkh: 刪除, 不然它不會消失. 刪除的次數多了, 覺得很惱人. 不知 11/05 10:02
38F:→ drkh: 可否讓它自動消失? 換句話說, 也就是:"每當將一個 URL 用一 11/05 10:04
39F:→ drkh: 個 new tab 開啟時, 若當時已有一個(或一個以上) blank tab 11/05 10:05
40F:→ drkh: 就自動用那個(或距離最近的) blank tab 開啟 URL." 11/05 10:07
41F:→ drkh: 11/05 10:07
42F:→ drkh: 不知上述的目標是否可行? 11/05 10:07
43F:推 Belieeve: 第一次知道它可以自訂style 感恩~ 10/24 01:06