如何自定义模块样式【标准模板】

发布时间: 作者:浮云网络 浏览量(7) 点赞(34)
摘要:浮云网络是一家专业提供高端网站建设公司,专注与网站制作、网页设计、H5开发、小程序制作等业务。十余年已为深圳、广州、上海、北京及国内外众多企业、政府机构等服务。99元建站优惠进行中。

一、功能效果

模块样式可分为【模块皮肤】和【自定义样式】两大类。(注意是“模块”样式)

自定义模块样式让模块显示样式更加美观。让您的网站看起来更专业。



二、功能说明

【版本】暂无版本限制



三、设置教程


1. 模块样式设置入口

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


2. 模块样式介绍

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


2.1 模块皮肤

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



2.2 自定义样式


2.2.1 常规

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

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


2.2.2 标题栏

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


2.2.3 内容区

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


2.2.4 动画区

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


2.2.5 模块专属样式区

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


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



更多网站建设网站制作小程序制作等相关,欢迎您咨询深圳浮云网络

本站部分内容来源网络,如有侵权请联系删除。转发请标注来源:https://www.szforun.net/help/wzjsxszy/773.html

二维码

扫一扫,关注我们

感兴趣吗?

欢迎联系我们,我们愿意为您解答任何有关网站疑难问题!

您身边的【网站建设专家】

搜索千万次不如咨询1次

主营项目:网站建设,响应式网站,小程序开发,H5互动游戏,SEO优化等

立即咨询 184-7632-0007
在线客服
嘿,我来帮您!