作者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/cn.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