PTT數位生活區 / Browsers (瀏覽器)

Re: [-VV-] 求增加 status bar 高度的 CSS script

看板Browsers (瀏覽器)作者 (Wayne Su)時間7年前 (2018/10/20 09:20), 編輯推噓10(10推 0噓 32→)
留言42則, 2人參與, 7年前最新討論串2/2 (看更多)
先修改 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://www.ptt.cc/bbs/Browsers/M.1539998454.A.721.html
推
10/21 05:58, 7年前 , 1F
這我知道. 我是需要 css codes.
10/21 05:58, 1F
→
10/21 06:00, 7年前 , 2F
我已經用了好幾則 JS 及 CSS script codes 將 Vivaldi 的
10/21 06:00, 2F
→
10/21 06:03, 7年前 , 3F
介面改成這樣 -> https://bit.ly/2PgLXro 中間青綠色的部份
10/21 06:03, 3F
→
10/21 06:04, 7年前 , 4F
代表 page content area.
10/21 06:04, 4F
→
10/21 06:05, 7年前 , 5F
我之前貼出的那段"自力救濟"的 CSS code 不靈光.
10/21 06:05, 5F
→
10/21 06:46, 7年前 , 6F
10/21 06:46, 6F
→
10/21 06:47, 7年前 , 7F
上面貼出的那張圖剛改過. 新圖是 https://bit.ly/2yvcMi5
10/21 06:47, 7F
推
10/22 01:13, 7年前 , 8F
#statusbar改#footer
10/22 01:13, 8F
→
10/22 01:13, 7年前 , 9F
內容改height: 25px;
10/22 01:13, 9F
推
10/23 15:42, 7年前 , 10F
多謝樓上
10/23 15:42, 10F
→
10/23 15:54, 7年前 , 11F
另外, 我也想將 status bar 內的 16x16 px button 增大至
10/23 15:54, 11F
→
10/23 15:55, 7年前 , 12F
20 x 20 px. 在 Vivaldi 的論壇有人提供以下的 CSS script
10/23 15:55, 12F
→
10/23 15:57, 7年前 , 13F
但無效 (custom.js 禁用, custom.css 只包含下面的 code):
10/23 15:57, 13F
→
10/23 15:59, 7年前 , 14F
#footer button svg {height: 20px !important;
10/23 15:59, 14F
→
10/23 16:00, 7年前 , 15F
width: 20px !important;}
10/23 16:00, 15F
推
10/26 23:06, 7年前 , 16F
這是把原本status bar的icon變大 如果你要變大extensions
10/26 23:06, 16F
推
10/26 23:12, 7年前 , 17F
改成 .extensions-wrapper button img
10/26 23:12, 17F
推
10/28 19:40, 7年前 , 18F
status bar 的 button, 不論是 Vivaldi 自建, 或是
10/28 19:40, 18F
→
10/28 19:41, 7年前 , 19F
extension, 都雙雙增大了. 見 https://tinyurl.com/ycjqdqm5
10/28 19:41, 19F
→
10/28 19:42, 7年前 , 20F
多謝多謝.
10/28 19:42, 20F
→
10/28 19:42, 7年前 , 21F
10/28 19:42, 21F
→
10/28 19:43, 7年前 , 22F
乾脆再請問... 能否將 bookmark bar 的文字 text label 顏色
10/28 19:43, 22F
→
10/28 19:45, 7年前 , 23F
設為紅色? 可較醒目.
10/28 19:45, 23F
→
10/28 19:46, 7年前 , 24F
我曾試用 .bookmark-bar {font-color: red} 但無效.
10/28 19:46, 24F
推
10/28 22:58, 7年前 , 25F
.panel-bookmarks .vivaldi-tree { color: red; }
10/28 22:58, 25F
推
10/28 23:58, 7年前 , 26F
謝謝. 但您給的 code 是作用於 bookmark panel, 不是
10/28 23:58, 26F
→
10/28 23:59, 7年前 , 27F
bookmark bar. 已實測.
10/28 23:59, 27F
→
10/29 07:30, 7年前 , 28F
我的需求更明確地說, 是要更改 bookmark bar 內, folder 的
10/29 07:30, 28F
→
10/29 07:32, 7年前 , 29F
text color, 而非 bookmark 的 text color.
10/29 07:32, 29F
推
11/05 08:52, 7年前 , 30F
.bookmark-bar button .folder-icon + span
11/05 08:52, 30F
推
11/05 09:53, 7年前 , 31F
完成了! 多謝再度支援.
11/05 09:53, 31F
→
11/05 09:54, 7年前 , 32F
難得遇到高人, 可否再請幫忙解決一個惱人的問題...
11/05 09:54, 32F
→
11/05 09:56, 7年前 , 33F
我將VV的 startup page 設為 about:blank, 另將書籤設為用
11/05 09:56, 33F
→
11/05 09:58, 7年前 , 34F
一個 new tab 開啟. 而我每次啟動 VV 後, 第一個動作總是開
11/05 09:58, 34F
→
11/05 09:59, 7年前 , 35F
啟 bookmark bar 內的書籤, 所以, 等到那個書籤在一個 new
11/05 09:59, 35F
→
11/05 10:00, 7年前 , 36F
tab 開啟後, 我須手動把那個 about:blank 的 startup page
11/05 10:00, 36F
→
11/05 10:02, 7年前 , 37F
刪除, 不然它不會消失. 刪除的次數多了, 覺得很惱人. 不知
11/05 10:02, 37F
→
11/05 10:04, 7年前 , 38F
可否讓它自動消失? 換句話說, 也就是:"每當將一個 URL 用一
11/05 10:04, 38F
→
11/05 10:05, 7年前 , 39F
個 new tab 開啟時, 若當時已有一個(或一個以上) blank tab
11/05 10:05, 39F
→
11/05 10:07, 7年前 , 40F
就自動用那個(或距離最近的) blank tab 開啟 URL."
11/05 10:07, 40F
→
11/05 10:07, 7年前 , 41F
11/05 10:07, 41F
→
11/05 10:07, 7年前 , 42F
不知上述的目標是否可行?
11/05 10:07, 42F
‣ 更多 mstar 的文章
文章代碼(AID): #1RoeBsSX (Browsers)
Browsers 近期熱門文章
更多 近期熱門文章 >>
PTT數位生活區 即時熱門文章
更多 即時熱門文章 >>
‣ 更多 mstar 的文章
文章代碼(AID): #1RoeBsSX (Browsers)