# 添加通栏模块
通栏是一个横贯页面栏目，通常用于突显一些视觉效果并形成与页面背景或者站点背景形成鲜明的对比，以求达到网站吸引眼球的效果。常用的位置：网页顶部、中上部、底部等。添加通栏步骤如下：
1. 登录[企业门户控制台](https://console.huaweicloud.com/webmobile/)，进入"网站设计\>站点编辑"界面，单击添加通栏模块。如[图1]所示。
   
   图1添加通栏   
   ![](https://support.huaweicloud.com/usermanual-cloudsite/zh-cn_image_0000001287807530.png)
   
   
2. 将通栏模块拖入到编辑页面中，确定通栏显示的位置，如[图2]所示。
   
   图2通栏定位   
   ![](https://support.huaweicloud.com/usermanual-cloudsite/zh-cn_image_0000001339687661.png)
   
   
3. 单击属性设置按钮，对通栏进行编辑，如[图3]所示。
   
   图3编辑通栏   
   ![](https://support.huaweicloud.com/usermanual-cloudsite/zh-cn_image_0000001339767913.png)
   - 通栏的大小可以通过拖动边框进行调整。
   
   - 通栏背景编辑。单击"更改背景"可以设置通栏背景；勾选"使用背景视频"，输入视频地址，可以为通栏添加视频背景，如[图4]所示。
     图4通栏设置视频背景   
     ![](https://support.huaweicloud.com/usermanual-cloudsite/zh-cn_image_0000001287487962.png)
     如果不勾选"使用背景视频"则不使用通栏视频，只显示通栏背景。
     
   
   - 同样的方法，设置通栏内容的视频背景，如[图5]所示。
     图5设置通栏内容视频背景   
     ![](https://support.huaweicloud.com/usermanual-cloudsite/zh-cn_image_0000001287328026.png)
     如果不勾选"使用背景视频"则不使用通栏内容视频，只显示通栏内容背景，通过调节页面的宽度来调节通栏内容的宽度。如[图6]所示。
     图6通栏内容背景   
     ![](https://support.huaweicloud.com/usermanual-cloudsite/zh-cn_image_0000001340007773.png)
     ![](https://support.huaweicloud.com/usermanual-cloudsite/public_sys-resources/note_3.0-zh-cn.png)
     - 勾选属性中的"页脚元素"，可以将通栏添加到页脚中。
     
     - 勾选属性中的"固定显示"，就可以实现页面向下滚动时通栏模块固定在浏览器顶部显示。
       
   
   - 视频背景设置透明度。设置好视频背景以后，可以为视频设置背景及背景的透明度，效果[图7]如所示。
     图7设置视频背景透明度   
     ![](https://support.huaweicloud.com/usermanual-cloudsite/zh-cn_image_0000001287647926.png) 
   
   
   
   
4. 单击"保存"。