中文
English
繁体
日本語
한국어
Español
ພາສາລາວ
ภาษาไทย
русский
français
Italia
Deutsch
ئۇيغۇرچە

建站如何制作好看的手风琴设计效果

DEKE 得客信息科技
2021-01-12
来源:筑村网

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

或者这样的?

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

一、添加手风琴模块

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


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


二、编辑手风琴模块


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

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

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


  2. 添加或删除列:

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

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

  3. 设置样式:

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



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



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


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

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


三、批量编辑提高效率:

  1. 复制列:

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

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

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



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



分享