前言

如果你还不知道ZKEACMS,不妨先了解一下。

ZKEACMS 如何使用组件自定义样式/编辑样式

ASP.NET MVC 开源建站系统 ZKEACMS 推荐,从此网站“拼”起来

官方地址:http://www.zkea.net/zkeacms

下载地址:https://github.com/SeriaWei/ASP.NET-MVC-CMS/releases

GitHub:https://github.com/SeriaWei/ASP.NET-MVC-CMS

开源中国社区:http://git.oschina.net/seriawei/ASP.NET-MVC-CMS

演示地址:http://demo.zkea.net/  

后台:http://demo.zkea.net/admin 

用户名,密码:admin 

正文

ZKEACMS加入了样式的编辑功能,可以对布局和组件编辑自定义样式:

布局:

ZKEACMS 如何使用组件自定义样式/编辑样式

组件:

ZKEACMS 如何使用组件自定义样式/编辑样式

编辑窗口:

ZKEACMS 如何使用组件自定义样式/编辑样式

这里我们以组件为例:

点击编辑组件:

ZKEACMS 如何使用组件自定义样式/编辑样式

再点击编辑样式按钮:

ZKEACMS 如何使用组件自定义样式/编辑样式

我们选择一张图片使用背景图片,再设置一下内边距和文本颜色:

ZKEACMS 如何使用组件自定义样式/编辑样式

ZKEACMS 如何使用组件自定义样式/编辑样式

点击关闭按钮就可以看到结果,可以再次点击编辑按钮进行编辑。

ZKEACMS 如何使用组件自定义样式/编辑样式

我们保存该组件看一下效果:

ZKEACMS 如何使用组件自定义样式/编辑样式

 

自定义样式于预定义样式混合使用:

ZKEACMS使用bootStrap3另外还定义了一些常样用式样,这些样式都可以在组件中使用:

ZKEACMS 如何使用组件自定义样式/编辑样式

 

相关文章:

  • 2021-12-26
  • 2022-12-23
  • 2021-11-19
  • 2021-12-30
  • 2021-11-13
  • 2022-12-23
  • 2021-08-01
猜你喜欢
  • 2022-12-23
  • 2022-12-23
  • 2022-12-23
  • 2022-12-23
  • 2022-01-21
  • 2022-12-23
  • 2021-12-16
相关资源
相似解决方案