文档首页 > > 用户指南> 站点编辑> 编辑入门> 添加通栏模块

添加通栏模块

分享
更新时间: 2019/10/25 GMT+08:00

通栏是一个横贯页面栏目,通常用于突显一些视觉效果并形成与页面背景或者站点背景形成鲜明的对比,以求达到网站吸引眼球的效果。常用的位置:网页顶部、中上部、底部等。添加通栏步骤如下:

  1. 登录云速建站控制台,进入“后台管理>站点编辑”界面,单击添加通栏模块。如图1所示。

    图1 添加通栏

  2. 将通栏模块拖入到编辑页面中,确定通栏显示的位置,如图2所示。

    图2 通栏定位

  3. 单击属性设置按钮,对通栏进行编辑,如图3所示。

    图3 编辑通栏
    • 通栏的大小可以通过拖动边框进行调整。
    • 通栏背景编辑。单击“更改背景”可以设置通栏背景;勾选“使用背景视频”,输入视频地址,可以为通栏添加视频背景,如图4所示。
      图4 通栏设置视频背景

      如果不勾选“使用背景视频”则不使用通栏视频,只显示通栏背景。

    • 同样的方法,设置通栏内容的视频背景,如图5所示。
      图5 设置通栏内容视频背景
      如果不勾选“使用背景视频”则不使用通栏内容视频,只显示通栏内容背景,通过调节页面的宽度来调节通栏内容的宽度。如 图6所示。
      图6 通栏内容背景
      • 勾选属性中的“页脚元素”,可以将通栏添加到页脚中。
      • 勾选属性中的“固定显示”,就可以实现页面向下滚动时通栏模块固定在浏览器顶部显示。
    • 视频背景设置透明度。当我们设置好视频背景以后,可以为视频设置背景及背景的透明度,效果图7如所示。
      图7 设置视频背景透明度

  4. 单击“保存”。
分享:

    相关文档

    相关产品

文档是否有解决您的问题?

提交成功!

非常感谢您的反馈,我们会继续努力做到更好!

反馈提交失败,请稍后再试!

*必选

请至少选择或填写一项反馈信息

字符长度不能超过200

提交反馈 取消

如您有其它疑问,您也可以通过华为云社区问答频道来与我们联系探讨

跳转到云社区