添加通栏模块并添加内容(全)
  • admin
  • 群英帮助中心
  • 2021-10-13 10:07:05

添加通栏模块并添加内容

通栏是一个横贯左右两边的栏目,很多时候,通栏都会用于突显一些视觉效果并形成与页面背景或者站点背景形成鲜明的对比,以求达到网站吸引眼球的效果。常用的位置:网页顶部、中上部位、底部

 

1. 进入编辑页面点击左侧的添加按钮,然后会看到通栏模块: 



2.用鼠标把这个模块拖动到页面上然后会看到灰色部分就是通栏了,新添加的通栏是没有内容的,您可以直接在里面新增模块,或者将原有的模块拖入这个通栏中成为通栏中的元素并且可以一起拖动:





3.上图的通栏是还没有添加任何模块的,用户可以自行将一些文字,或者图片模块添加到通栏(限内容区),如下图:通栏里面可以添加文本、图片模块或者其它模块,图示中已经添加一个模块。


如图,当拖动一个模块到通栏中,只要见到通栏的内容区有橙色虚线,意味着这个模块已经在通栏区域中,放手后,就可以直接拖动通栏来将整个通栏和内部的元素移动。



4.通栏的大小可以通过拖动边框调整大小,点击属性功能 按钮可以更换通栏背景,背景和其它的任何模块的背景一样,可以是颜色的填充,也可以是一张水平或者垂直重复的图片。调整的方式也和文本模块、图片模块等的背景是完全一样的。

 
5.使用背景视频,
   
 点击属性后勾选使用背景视频,然后录入视频地址即可

自动播放:不勾选,视频将出现控件,需手动控制播放

循环播放:不勾选,视频只播放一次即自动停止

透明度:可以调整视频的透明度,并且可设置遮罩颜色

背景:设置通栏的背景,原本的设置项

在Chrome 66 版本及之后版本,谷歌已经将带声音的视频自动播放默认禁止。 如果勾选打开声音Chrome下将无法自动播放视频

FAQ

Q.背景视频透明度设置无效。

A .必须用背景视频后,透明度设置才有效,如果没有视频变通的方式是图片链接然后设置 透明度


6、固定显示 

一、在编辑界面点击添加-》选中通栏模块拖拽到需要的位置



二、选中模块,点击属性 设置固定显示 (勾选)

三、选中模块拖拽到通栏中直到出现 橙色边框 然后保存即可



四、如果预览没有能固定的处理

把模块移出通栏,然后再移回通栏直至出现橙色边框 然后保存即可。

五、如果需要固定在底部需要把模块放在底板中,勾选时会显示底部。




六、如果需要悬停后更换通栏背景 ,在通栏中点击属性  设置 鼠标经过的颜色及透明度。



不设置 透明度效果如下





如果设置了透明度效果如下


 


成为群英会员,开启智能安全云计算之旅

立即注册
专业资深工程师驻守
7X24小时快速响应
一站式无忧技术支持
免费备案服务
免费拨打  400-678-4567
免费拨打  400-678-4567 免费拨打 400-678-4567 或 0668-2555555
在线客服
微信公众号
返回顶部
返回顶部 返回顶部
在线客服
在线客服