【网页设计】网页自定义模块样式使用教程

2021-01-10
来源:羽薇网

模块样式设置入口:鼠标悬停在模块上,点击编辑栏的“设置样式”按钮,页面左侧会弹出样式面板,可在样式面板中编辑模块样式(如下图)。



模块样式又可分为“模块皮肤”和“自定义样式”两大类,接下来将以列表多图模块为例进行详细介绍。




一、模块皮肤


在样式面板中点击“换皮肤”,可更换模块皮肤。支持自定义“皮肤颜色”和“皮肤样式”。





二、自定义样式


2.1、常规


支持自定义标题栏、透明度、高度、宽度、边框、圆角。


选择“隐藏”标题栏后,样式面板中的“标题栏”设置项和模块中的“标题栏区域”会隐藏。




2.2、标题栏


支持自定义标题内容、标题文字样式、高度、背景、图标。




2.3、内容区


支持自定义模块背景、内边距、文字样式、链接文字样式。




2.4、动画区


支持多种模块动画和动画组合。




2.5、模块专属样式区


这部分是模块特有的样式,不同的模块,这部分设置项会有所不同。



下图为“文章列表”模块,可以看出和“列表多图”模块的设置项不同。



分享