![[Slider Revolution 6]在带有导航选项卡的幻灯片之间切换 [Slider Revolution 6]在带有导航选项卡的幻灯片之间切换](https://aladd.net//wp-content/uploads/2020/05/navigation-tabs-1.jpg)
内容
- 标签类型
- 位置/对齐
- 标签尺寸
- 包装纸
- 能见度
- 默认样式
- 幻灯片上的替代样式
- 相关话题
- 箭
- 项目符号
- 缩图
1.标签类型/样式
选择选项卡的预定义样式。
![[Slider Revolution 6]在带有导航选项卡的幻灯片之间切换 [Slider Revolution 6]在带有导航选项卡的幻灯片之间切换](https://aladd.net//wp-content/uploads/2020/05/tabs-style-1-1.jpg)
2.位置/对齐
1.方向
选择“水平”将选项卡彼此并排放置,然后选择“垂直”以将选项卡相互堆叠。
2.对齐方式
选择“模块尺寸”以将选项卡与整个模块对齐,或选择“内容”以通过“ 内容层网格 ”将选项卡对齐。
3.内部/外部
选择选项卡应放置在主模块的内部还是外部。然后,如果在室外,则选择是在另一个之上(垂直)开始,还是并排(水平)放置
4.对齐
设置应放置标签的位置。
5.偏移X
与Tabs对齐位置的水平边距。
6.偏移Y
与Tabs对齐位置的垂直边距。
![[Slider Revolution 6]在带有导航选项卡的幻灯片之间切换 [Slider Revolution 6]在带有导航选项卡的幻灯片之间切换](https://aladd.net//wp-content/uploads/2020/05/tabs-position-3.jpg)
3.标签大小
1.间距
每个选项卡之间的间距(以像素为单位)。
2.分钟宽度
调整模块大小时,选项卡也将调整大小,但宽度永远不会低于此数字。
3.最高宽度
当模块缩放到100%时,选项卡的默认宽度。
3.高度
当模块缩放到100%时,选项卡的默认高度。
![[Slider Revolution 6]在带有导航选项卡的幻灯片之间切换 [Slider Revolution 6]在带有导航选项卡的幻灯片之间切换](https://aladd.net//wp-content/uploads/2020/05/tabs-size-3.jpg)
4.标签包装纸
Tabs包装器是将Tabs放在其中的外部div容器。
1.背景色
包装纸的主要背景色。
2.填充
选项卡及其外部容器之间的空间(以像素为单位)。
3.跨度
选择“开”将包装纸拉伸到模块的整个宽度,然后选择“关”将选项卡显示为嵌入式块。
![[Slider Revolution 6]在带有导航选项卡的幻灯片之间切换 [Slider Revolution 6]在带有导航选项卡的幻灯片之间切换](https://aladd.net//wp-content/uploads/2020/05/tabs-wrapper-3.jpg)
5.可见度
1. RTL方向
启用此选项是因为您的网站使用从右到左的语言。
2.隐藏后
选择当用户的鼠标空闲时,选择在桌面和移动设备上设置的时间后隐藏导航。
3.隐藏在下面
选择隐藏在特定屏幕宽度下的导航。对于为不同的屏幕尺寸部署多个导航元素(箭头,选项卡等)很有用。
3.隐藏隐藏
选择隐藏特定屏幕宽度上的导航。对于为不同的屏幕尺寸部署多个导航元素(箭头,选项卡等)很有用。
![[Slider Revolution 6]在带有导航选项卡的幻灯片之间切换 [Slider Revolution 6]在带有导航选项卡的幻灯片之间切换](https://aladd.net//wp-content/uploads/2020/05/navigation-visibility-7.jpg)
6.默认样式
此处调整的样式将全局应用于所有幻灯片的标签。样式选项将根据“选项卡类型”预设而有所不同。
![[Slider Revolution 6]在带有导航选项卡的幻灯片之间切换 [Slider Revolution 6]在带有导航选项卡的幻灯片之间切换](https://aladd.net//wp-content/uploads/2020/05/tabs-styling-1.jpg)
7.在幻灯片上覆盖样式
此处调整的样式将仅应用于当前的幻灯片,并覆盖上面设置的全局样式。样式选项将根据“选项卡类型”预设而有所不同。
![[Slider Revolution 6]在带有导航选项卡的幻灯片之间切换 [Slider Revolution 6]在带有导航选项卡的幻灯片之间切换](https://aladd.net//wp-content/uploads/2020/05/tabs-style-overrides-1.jpg)