wordpress登录美化css,WordPress-让你的代码高亮更好看-知更鸟主题css美化
今天,小笨又拿鸟哥的主题开刀(美化)了,更新了代码高亮的样式,二话不说,先上图:
主要是左侧的数字增加了渐变样式,比之前黑乎乎的代码高亮好看多了,至于文字的颜色,有前端基础的童鞋可以重新调整一下。
样式代码
样式代码只要丢进wordpress->自定义->额外css就阔以了。
.prettyprint,pre.prettyprint {
background:#fff;
background-image: linear-gradient(to top, #e6e9f0 0%, #eef1f5 100%);
border:1px dashed #ccc;
}
.prettyprint:hover,pre.prettyprint:hover {
background:#fafafa;
background-image: linear-gradient(to top, #e6e9f0 0%, #eef1f5 100%);
border:1px dashed #0088cc;
}
.prettyprint.linenums,pre.prettyprint.linenums {
-webkit-box-shadow:none;
box-shadow:none;
border-radius:0;
}
.prettyprint.linenums,pre.prettyprint.linenums .linenums{
background-color:#fafafa;
}
.prettyprint.linenums ol,pre.prettyprint.linenums ol {
counter-reset: my-counter;
}
.prettyprint .pun,.prettyprint .opn,.prettyprint .clo {
color:#ccc;
}
.prettyprint .typ,.prettyprint .atn,.prettyprint .dec,.prettyprint .var {
color:#090;
}
.prettyprint .lit {
color:#f15a22;
}
.prettyprint .com {
color:#694d9f;
}
.prettyprint .pln {
color:#09a;
}
.prettyprint .pun {
color:#ef5b9c;
}
.prettyprint.linenums ol li,pre.prettyprint.linenums ol li{
list-style: none;
margin:6px 0px;
padding-left:19px;
}
.prettyprint.linenums ol li:before,pre.prettyprint.linenums ol li:before{
content: counter(my-counter);
counter-increment: my-counter;
background-image: linear-gradient(-20deg, #b721ff 0%, #21d4fd 100%);
color: white;
display: block;
float: left;
line-height: 22px;
margin-left: -30px;
text-align: center;
height: 22px;
width: 22px;
border-radius: 50%;
font-size:12px;
}
更多请关注小笨分享站!
wordpress登录美化css,WordPress-让你的代码高亮更好看-知更鸟主题css美化相关推荐
- 16个最佳WordPress登录页面插件
Looking for the best WordPress login page plugins for your website? The login page is the door to yo ...
- clef 2005数据集_如何使用Clef将密码免费登录添加到WordPress
clef 2005数据集 You've probably heard security experts emphasizing on using strong passwords and even f ...
- css 实现标签切换,CSS_纯CSS实现Tab切换标签效果代码,本文实例讲述了纯CSS实现Tab切 - phpStudy...
纯CSS实现Tab切换标签效果代码 本文实例讲述了纯CSS实现Tab切换标签效果代码.分享给大家供大家参考.具体如下: 这是一款纯CSS实现的Tab简洁版,很不错的效果,希望大家喜欢. 运行效果截图如 ...
- (美化)WordPress网站添加自定义字体
背景 通过CSS属性@font-face和font-family可以实现加载自定义web font,改变网页字体,实现美化效果. 1.引用字体文件 出于版权风险考虑,尽量使用免费可商用的字体作为web ...
- 修改WordPress登录页面LOGO图片(WP站长必看)
修改WordPress登录页面LOGO图片(站长必看) 在这个互联网发达的时代,相信有很多人都有了自己的一个属于自己的小博客空间吧. 不管是业余爱好.还是互联网企业上班族.相信最多的应该是软件技术专业 ...
- wordpress 调用css,WordPress调用CSS最常用的方法有哪些?
开发人员在WordPress主题开发的时候,调用CSS是开发主题是第一需要解决的问题,那么WordPress调用CSS最常用的方法有哪些? 1.在WordPress主题的头部文件header.php中 ...
- WordPress主题-B2美化通用子主题商业运营版
WordPress主题-B2美化通用子主题商业运营版 ☑️ 编号:ym492 ☑️ 品牌:WordPress ☑️ 语言:php ☑️ 大小:11.3MB ☑️ 类型:-B2美化通用子主题 ☑️ 支持 ...
- wordpress登录插件_最受欢迎的WordPress登陆页面插件
wordpress登录插件 Landing pages are the bread and butter of any successful marketing campaign. They are ...
- wordpress主题_ripro美化子主题资源模板素材下载主题
wordpress主题_ripro美化子主题资源模板素材下载主题 下载链接: wordpress主题_ripro美化子主题_虎造子主题集成后台美化包v2.0-PHP文档类资源-CSDN下载
最新文章
- Linux redhat 5.4上安装MYDNS
- struts2注解(转)
- HDU - 1051 Wooden Sticks
- doAcquireSharedInterruptibly
- POJ - 3294 Life Forms(二分+后缀数组)
- Maven依赖的是本地工程还是仓库jar包?
- python猜词游戏源代码_Python趣味小游戏编写教学
- pycharm 激活
- YAF 接口 2016-10-27
- 计算机考研专业课王道,王道论坛,专注于计算机考研的点点滴滴!
- 依赖注入框架 ----Dagger2 使用详解及源码分析
- html使用什么网络协议,网络协议详细介绍
- 如何查看虚拟机服务器ftp,如何通过FTP工具查看虚拟空间使用了多少?
- python怎么建立索引_python建立索引
- Mixly系列 | 关于Blynk,你或许不知道的几个小技巧
- 查找二维数组中的非零元素
- 2022数学建模国赛ABC题思路
- 读书有益——》小朋友的诗(六)
- Web APIs /APIs --DOM简述/DOM中获取元素方法/事件(含鼠标事件)/操作(含案例)
- 51Nod-1526-分配笔名