当前位置:首页 >> 教程资讯

教育系统【网站设计-通栏排版模块】功能效果及教程

录入编辑:微科技 | 发布时间:2022-12-30
教育系统【网站设计-通栏排版模块】功能效果及教程 发表时间:2022-04-26 12:40 一、功能效果 通栏介绍: 通栏是承载模块的容器,模块被放置在通栏之中:模块可任意摆放,同时具备自由块的特质。 通栏默认带有左右

教育系统【网站设计-通栏排版模块】功能效果及教程

发表时间:2022-04-26 12:40

一、功能效果

通栏介绍:

通栏是承载模块的容器,模块被放置在通栏之中:模块可任意摆放,同时具备自由块的特质。

通栏默认带有左右内边距(不同屏幕分辨率的左右内边距数值不同),内边距可调节。

可实现效果:

可添加全屏背景,实现与横幅类似效果。不受区域宽度影响。

二、功能说明

【版本】初级版及以上版本

三、设置教程

1. 添加模板

网站设计页面点击左侧导航【模块-排版】,添加【通栏排版】模块。

2. 设计通栏

添加通栏排版模块后点击【编辑通栏】按钮,进入设置通栏模块。

2.1 内容宽度

两种宽度可选。

适应宽度:电脑浏览器窗口小于1200px宽再做内容挤压适应,适合通栏窄屏设计。

2.2 设计

背景:通栏背景默认无底色,可点击通栏背景自定义,给通栏设置背景色,或设置图片背景。

边框:默认为无边框,可自定义边框,设置边框样式、位置、颜色。

阴影:设置通栏阴影是否显示。

2.3 间距

支持自定义内边距。如下图:

3. 编辑通栏

3.1 新增列

点击【新增列】可在通栏中添加多一列,上限支持添加4列。此时添加的为空白列。

3.2 复制列

选中已有列后可复制该列内容为新的一列。此时添加的列是已经复制了内容的。

3.3 当前列设计

背景:选中列后可为该列设置背景(支持颜色填充或图片填充)。

边框:默认为无边框,可为该列自定义设置边框。

阴影:默认为隐藏阴影,可设置显示阴影。

4. 添加模块

根据个人需求,在通栏里添加模块编辑内容即可。

通栏模块结合通过文本、图片模块即可做出下图炫酷效果。

上一篇:教育系统【网站设计-课程专栏模块】功能效果及教程
下一篇:教育系统【网站设计-横向标签模块】功能效果及教程
热门服务和内容

手机版

  • 官方微信

    扫码进入

  • 客服微信

  • 官方微信

    扫码添加

  • 高端网站设计,顶级互联网服务 Copyright © 2025 www.vikj.cn All Rights Reserved. 辽ICP备17005629号 XML地图 微科技
    电话咨询:0411-39550725
    在线客服咨询