php后台样式怎么做,PHPCMS更改后台编辑器样式

这篇博客分享了如何调整PHPCMS后台编辑器的样式,使其更符合个人喜好。作者建议将前台样式表中控制文字的部分复制到ckeditorcontents.css文件中,并进行适当修改。教程中还给出了部分样式的代码示例,包括字体、颜色、区块引用、图片和预格式化文本的样式。通过这些修改,可以实现后台编辑器与前台视觉的一致性。
摘要由CSDN通过智能技术生成

PHPCMS默认的后台样式用着不习惯,根前台的视觉差太大?没关系,改一下就是了。

后台编辑器样式文件 staticsjsckeditorcontents.css

把前台样式表中控制文字的那一部分拷贝进去稍微修改下即可,当然你可以自定义编辑器背景什么的,看个人喜好了。

我自己比较喜欢的样式现在分享给大家/*

Copyright (c) 2003-2013, CKSource - Frederico Knabben. All rights reserved.

For licensing, see LICENSE.md or http://ckeditor.com/license

*/

body

{

/* Font */

font-family: sans-serif, Arial, Verdana, "Trebuchet MS";

font-size: 12px;

/* Text color */

color: #333;

/* Remove the background color to make it transparent */

background-color: #fff;

margin: 20px;

}

.cke_editable

{

font-size: 13px;

line-height: 1.6em;

}

.cke_contents_ltr blockquote

{

padding-left: 20px;

padding-right: 8px;

border-left-width: 5px;

}

.cke_contents_rtl blockquote

{

padding-left: 8px;

padding-right: 20px;

border-right-width: 5px;

}

a

{

color: #0782C1;

}

ol,ul,dl

{

/* IE7: reset rtl list margin. (#7334) */

*margin-right: 0px;

/* preserved spaces for list items with text direction other than the list. (#6249,#8049)*/

padding: 0 40px;

}

h1,h2,h3,h4,h5,h6

{

font-weight: normal;

line-height: 1.2em;

}

hr

{

border: 0px;

border-top: 1px solid #ccc;

}

img.right

{

border: 1px solid #ccc;

float: right;

margin-left: 15px;

padding: 5px;

}

img.left

{

border: 1px solid #ccc;

float: left;

margin-right: 15px;

padding: 5px;

}

/* #10868: We use :not() selector to exclude IE8, which crashes on img:hover style. */

:not(.ie8) img:hover

{

opacity: .9;

filter: alpha(opacity = 90);

}

.marker

{

background-color: Yellow;

}

blockquote

{

font-style: italic;

font-family: Georgia, Times, "Times New Roman", serif;

padding: 2px 0;

border-style: solid;

border-color: #ccc;

border-width: 0;

}

pre

{

white-space: pre-wrap; /* CSS 2.1 */

word-wrap: break-word; /* IE7 */

border:1px dashed #444;

padding:0.5em 1em;

}

p{

text-indent:2em;

}

table{

border-collapse:collapse;

}

table, th, td{

border: 1px solid #000;

}

td{

padding:0 0 0 1em;

}

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值