Skip to main content

样式指南

概述

打开扩展设置页面,切换到“样式”标签页。

视频页面中的“主题样式”菜单条目,就是“主题样式”侧边栏的菜单条目。

修改“主题样式”的数据会自动保存,并更新到已打开的视频页面的菜单中。

开始

在初始安装后默认就有一些数据了,先点击工具栏的“清空”,删除所有数据,开始本教程。

你随时可以点击工具栏的“默认”按钮恢复回默认数据。

你可以把设置页面拖出为一个独立浏览器窗口,同时打开一个视频页面,方便马上查看修改结果。

设置不同字体

当视频页面“主题样式”菜单为“关闭”时,两个字幕的字体大小都是 36px,现在我们要改成使用不同的字体大小:

  • 第一个字幕使用 42px 大小。
  • 第二个字幕使用 30px 大小。

定义样式

首先切换到“组件样式”标签页,新建一个菜单条目:

  • “名称”填 大号字体
  • “组件”选择“整体文本”。
  • 点击“字体大小”右方的加号激活编辑框,并设置值为 42 像素。

接着切换回“主题样式”标签页,新建一个菜单条目:

  • “名称”填 第一字幕
  • “组件样式”勾选上一步创建的 大号字体

同样的操作:

  • 创建一个组件样式,名称为 小号字体,字体大小 30 像素。
  • 创建一个主题样式,名称为 第二字幕,勾选组件样式 小号字体

应用样式

回到视频页面,在“主题样式”菜单中就有了刚刚创建的 第一字幕第二字幕,分别在不同字幕中选择一个,就能看到字体大小改变了。

设置字体颜色

默认字幕是使用白色的,现在我们要改成别的颜色,例如蓝色,在上面的基础上,有两种方法。

方法一

在组件样式 大号字体小号字体 里,激活“字体颜色”编辑框,并修改颜色的值。

当然,可以改改名称以适应改动,例如 大号蓝色字体,改名之后,需要在“主题样式”中重新勾选新名字。

方法二

新建一个组件样式,名称为 蓝色字体,激活“字体颜色”编辑框,并修改颜色的值。

然后在两个主题样式 第一字幕第二字幕,同时勾选新的组件样式 蓝色字体

区别

两种方法都能实现同样效果,看个人习惯偏好:

  • 方法一偏向于分别使用不同的颜色。
  • 方法二偏向能同时修改为同一颜色。

如果两种字幕有多个相同的样式属性,使用方法二比较好,不同的主题样式共享一个相同的组件样式。

名称变动问题

如果某个组件样式名称是 AAA,后来改成 BBB,你需要在主题样式中重新勾选 BBB,曾经勾选但不存在的 AAA 会变灰色,点击一下即可删除。

总结

所谓“主题样式”就是一次性应用多个“组件样式”而已,“条件样式”同理。

你可以预先设置多个主题样式,以适应不同的视频和语言,方便快速切换。

你还可以导出样式配置,分享给别人或者以后恢复回来。