九州互营
品牌推广
当前位置:首页 / 常见问题/ 网站装修 / 问题详情

标准网站模板 | 如何制作好看的手风琴设计效果

发布日期:2021-03-03 09:44:56 网站装修

想要好看的电脑网站手风琴设计效果吗?这样的:

标准网站模板 | 如何制作好看的手风琴设计效果

或者这样的?

标准网站模板 | 如何制作好看的手风琴设计效果

进入电脑版网站开始编辑吧~

一、添加手风琴模块

点击模块面板中,找到排版-手风琴:

标准网站模板 | 如何制作好看的手风琴设计效果

标准网站模板 | 如何制作好看的手风琴设计效果

点击即可添加,也可以拖动到想要的位置再添加。

二、编辑手风琴模块

  1. 基本编辑:切换初始或悬停添加模块

    1)点击切换初始或悬停,可以编辑初始状态、鼠标悬停区域的悬停状态效果。

    2)点击模块面板拖动模块进来,或者点击添加模块按钮,选择模块也可直接添加到手风琴中。

    标准网站模板 | 如何制作好看的手风琴设计效果

  2. 添加或删除列:

    在列工具栏上可以点击添加列,在该列右侧新增一列。

    点击删除,则可删除当前列。

    标准网站模板 | 如何制作好看的手风琴设计效果

  3. 设置样式:

    1)点击设置样式,可以对列进行选中编辑:

    标准网站模板 | 如何制作好看的手风琴设计效果

    2)可以对选中列的初始与悬停分别设置背景:

    标准网站模板 | 如何制作好看的手风琴设计效果

    3)可以对列的更多设置做自定义编辑:

    标准网站模板 | 如何制作好看的手风琴设计效果

  4. 设置默认的悬停展开列:

    可设置列为默认展开的列,在网站打开后,当前列会为悬停展开的效果。默认是首个列为默认展开列,也可以根据需要如设置居中的列为默认展开。

标准网站模板 | 如何制作好看的手风琴设计效果

三、批量编辑提高效率:

  1. 复制列:

    可以编辑好一个列后,复制设计好的列。再删除不需要的空白列。快速做批量编辑。

    标准网站模板 | 如何制作好看的手风琴设计效果

2.根据图片背景编辑列:

可以编辑好列的个数、宽高度后,通过添加图片背景,根据图片尺寸上传设计好的图,即可快速制作:

标准网站模板 | 如何制作好看的手风琴设计效果

图片尺寸可在添加图片的弹窗中获取推荐尺寸:

标准网站模板 | 如何制作好看的手风琴设计效果

相关阅读

标准网站模板 | 如何制作好看的手风琴设计效果

发布日期:2021-03-03 09:44:56 网站装修

想要好看的电脑网站手风琴设计效果吗?这样的:

标准网站模板 | 如何制作好看的手风琴设计效果

或者这样的?

标准网站模板 | 如何制作好看的手风琴设计效果

进入电脑版网站开始编辑吧~

一、添加手风琴模块

点击模块面板中,找到排版-手风琴:

标准网站模板 | 如何制作好看的手风琴设计效果

标准网站模板 | 如何制作好看的手风琴设计效果

点击即可添加,也可以拖动到想要的位置再添加。

二、编辑手风琴模块

  1. 基本编辑:切换初始或悬停添加模块

    1)点击切换初始或悬停,可以编辑初始状态、鼠标悬停区域的悬停状态效果。

    2)点击模块面板拖动模块进来,或者点击添加模块按钮,选择模块也可直接添加到手风琴中。

    标准网站模板 | 如何制作好看的手风琴设计效果

  2. 添加或删除列:

    在列工具栏上可以点击添加列,在该列右侧新增一列。

    点击删除,则可删除当前列。

    标准网站模板 | 如何制作好看的手风琴设计效果

  3. 设置样式:

    1)点击设置样式,可以对列进行选中编辑:

    标准网站模板 | 如何制作好看的手风琴设计效果

    2)可以对选中列的初始与悬停分别设置背景:

    标准网站模板 | 如何制作好看的手风琴设计效果

    3)可以对列的更多设置做自定义编辑:

    标准网站模板 | 如何制作好看的手风琴设计效果

  4. 设置默认的悬停展开列:

    可设置列为默认展开的列,在网站打开后,当前列会为悬停展开的效果。默认是首个列为默认展开列,也可以根据需要如设置居中的列为默认展开。

标准网站模板 | 如何制作好看的手风琴设计效果

三、批量编辑提高效率:

  1. 复制列:

    可以编辑好一个列后,复制设计好的列。再删除不需要的空白列。快速做批量编辑。

    标准网站模板 | 如何制作好看的手风琴设计效果

2.根据图片背景编辑列:

可以编辑好列的个数、宽高度后,通过添加图片背景,根据图片尺寸上传设计好的图,即可快速制作:

标准网站模板 | 如何制作好看的手风琴设计效果

图片尺寸可在添加图片的弹窗中获取推荐尺寸:

标准网站模板 | 如何制作好看的手风琴设计效果

相关阅读