|
通栏排版模块介绍_新蜂教培网校一、功能效果 通栏介绍 通栏是承载模块的容器,模块被放置在通栏之中:模块可任意摆放,同时具备自由块的特质。 通栏默认带有左右内边距(不同屏幕分辨率的左右内边距数值不同),内边距可调节。 可实现效果 可添加全屏背景,实现与横幅类似效果。不受区域宽度影响。 二、功能说明 【版本】初级版及以上版本 三、设置教程 1. 添加模板 在网站设计页面点击左侧导航【模块-排版】,添加【通栏排版】模块。如下图: 2. 设计通栏 添加通栏排版模块后点击【编辑通栏】按钮,进入设置通栏模块。 2.1 内容宽度 两种宽度可选。 适应宽度:电脑浏览器窗口小于1200px宽再做内容挤压适应,适合通栏窄屏设计。 2.2 设计 背景:通栏背景默认无底色,可点击通栏背景自定义,给通栏设置背景色,或设置图片背景。 边框:默认为无边框,可自定义边框,设置边框样式、位置、颜色。 阴影:设置通栏阴影是否显示。 2.3 间距 支持自定义内边距。如下图: 3. 编辑通栏 3.1 新增列 点击【新增列】可在通栏中添加多一列,上限支持添加4列。此时添加的为空白列。 3.2 复制列 选中已有列后可复制该列内容为新的一列。此时添加的列是已经复制了内容的。 3.3 当前列设计 背景:选中列后可为该列设置背景(支持颜色填充或图片填充)。 边框:默认为无边框,可为该列自定义设置边框。 阴影:默认为隐藏阴影,可设置显示阴影。 4. 添加模块 根据个人需求,在通栏里添加模块编辑内容即可。 通栏模块结合通过文本、图片模块即可做出下图炫酷效果。 |