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使用bootStrap3另外还定义了一些常样用式样，这些样式都可以在组件中使用：

时间： 2024-09-30 07:43:54

ZKEACMS 如何使用组件自定义样式/编辑样式的相关文章

WPF：设置DataGrid中DataGridColumn列的普通样式和编辑样式

WPF:设置DataGrid中DataGridColumn列的普通样式和编辑样式时间:2012-02-01 20:28来源:博客园作者:刘圆圆点击:1570次 0:DataGridColumn类型的继承树 DataGridColumn的派生类: 一般情况下DataGridBoundColumn和DataGridComboBoxColumn足以满足多数列的样式,如果需要自定义列样式,则可以使用DataGridTemplateColumn类型. 在设置列编辑样式之前,我们先创建一个简单的Dat

Android实例-手机安全卫士（十七）-自定义按钮背景样式

一.目标. 按钮(button)默认.按下.获取焦点等状态下,其背景均显示自定的图片. 二.代码实现. 1.在res文件夹下新建drawable文件夹,在新建的drawable文件夹下新建一个文件(右键-new-file),取名button.xml. 2.在新建的文件(button.xml)中 ①.指定xml版本为1.0,编码格式为utf-8(即第一行为:<?xml version="1.0" encoding="utf-8"?>)

CAD编辑器中怎么自定义文字属性样式

想问一下大家在编辑图纸的时候有没有遇到过这样的问题,就是在CAD绘图的时候,要给编辑的图纸中做一下特别的说明,但是CAD编辑器中原有的文字样式部署那么的符合,拿在CAD编辑器中怎么自定义文字属性样式?具体要怎么来进行操作?下面小编就来教教大家具体的操作,有兴趣的朋友可以来看看. 第一步:首先,打开电脑,看一下有电脑上有没有安装CAD编辑器.如果没有在电脑中打开一个浏览器,搜索框中搜索迅捷CAD编辑器,接着点击进入官网,点击下载安装最新版本的CAD编辑器. 第二步:然后在将刚刚安装完成的CAD编辑

小程序开发-10-新版Music组件、组件通信与wxss样式复用

加入缓存提升用户体验思路:先从缓存中寻找数据或者从服务器中获取数据写入缓存中优点:减少网络访问次数,提升用户体验解决缓存带来的问题问题:比如原先是不喜欢的在点击喜欢的时候,跳到下一期刊后返回来再次点击会报错.原因是点击不喜欢后服务器端更新了,但加入缓存后返回来的时候期刊依然是缓存中的,所以会出现请求错误. 解决:单独请求获取喜欢的状态,在控件上不使用缓存中的数据 ES6模板字符串和扩展运算符的应用模板字符串作用,增强代码可读性 console.log(a+'456');//代码可读性

Android自定义进度条样式

最近在做一个widget,上面需要一个progressbar,产品经理和设计师给出来的东西是要实现一个圆角的progress和自定义的颜色,研究一小下,分享出来给大家哦. 测试于:Android4.0+ 操作步骤: 1.创建你的layout文件引用progressbar如下,标红处引用你自定的样式: <ProgressBar android:id="@+id/progressDownload" style="?android:attr/progressBarStyleH

原创: Vuejs实现单文件组件新方法,带样式

代码如下: example.html 1 <script src="vue.js"></script> 2 <div id="example"> 3 <h3>Vue component<h3> 4 <counter></counter> 5 <counter></counter> 6 </div> 7 //引入组件mycomp.js 8 <s

Android中自定义下拉样式Spinner

Android中自定义下拉样式Spinner 本文继续介绍android自定义控件系列,自定义Spinner控件的使用. 实现思路 1.定义下拉控件布局(ListView及子控件布局) 2.自定义SpinerPopWindow类 3.定义填充数据的Adapter 效果图一.定义控件布局 <?xml version="1.0" encoding="utf-8"?> <RelativeLayout xmlns:android="http:/

jQuery Validate 表单验证插件----自定义校验结果样式

一.下载依赖包网盘下载:https://yunpan.cn/cryvgGGAQ3DSW 访问密码 f224 二.引入依赖包 <script src="../../scripts/jquery-1.3.1.js" type="text/javascript"></script> <script src="lib/jquery.validate.js" type="text/javascript"

WinForm自定义ListBox显示样式

WinForm自定义ListBox显示样式,多列分不同颜色显示,效果如下图: 首先向winForm窗口拖入一个ListBox控件,命名为lstConsole,同时将DrawMode设置为:OwnerDrawFixed,这里一定要注意否则我们接下来的工作都不会起作用. 然后我们来自定义ListBoxItem,代码如下: public class ColoredListBoxItem { /// <summary> /// creates a new ColoredListBoxItem ///