修改begin主题的代码插入样式

虫子君
虫子君
虫子君
239
文章
50
评论
2018年10月2日14:01:49 评论 505 853字阅读2分50秒

begin主题是鸟叔的竭力制作,功能不可谓是不强大,有着诸多的小功能,其中当然有些样式设计的不是那么的好看,不过这也仅仅是针对个人而已,毕竟众口难调,所以有需要的话不妨自己的修改一下。

其实基本上也都是写css样式而,如果需要制作其他的javascript的效果的时候,这篇教程还不适合你,虫子君目前仅仅是学习到javascript而已,还不知道怎么用。

之前呢,虫子君自己不写代码,所以很多的效果是不知道的,现在已经算是在前端这个行业,踏入了第一步了,所以呢,部分样式能够自己修改。

最近需要记录一些笔记,所以会在博客的每日一练当中分享自己想象出来的东西通过自己使用css写出来以后会是什么样子的。

这就需要使用到知更鸟begin主题的代码高亮显示的功能。今天突然发现他太丑了,所以自己修改一下。

代码如下:

.prettyprint, pre.prettyprint{box-shadow:none;background-color:#FFFFFF;border:1px dashed #dce3ff;}
.prettyprint.linenums, pre.prettyprint.linenums{box-shadow:none;}

大括号前面的内容是区域的名称,谁也不知道表达的是个啥意思。这些不重要,不妨略过,往下看!!!

修改begin主题的代码插入样式

box-shadow:none;这个是用于去除高亮显示代码的序号的颜色的。之前是棕色的。

background-color:#FFFFFF;由于是深色的背景,让整个代码看起来更亮,不过虫子君不喜欢,所以改成了白色。具体后面的#ffffff;可以改成你喜欢的颜色。利用PS取色器即可吸取到颜色值。

border:1px dashed #dce3ff;边框的样子,1px指的是边框线条的宽度,dashed指的是点现状的样子。#dce3ff指的是颜色,如上可以修改。

dashed如果你不喜欢虚线,可以换成实线“solid”改成这个就好。

好了今天的文章写到这里结束。

其实所有的主题都是类似的,举一反三一点也不难。

  • 欢迎来“给我投稿”网友会因为你的帮助而感激。
  • 文章链接:https://chonzi.com/6808.html
纯代码实现知更鸟begin主题弹窗公告 WordPress功能扩展

纯代码实现知更鸟begin主题弹窗公告

begin主题自己使用的时间长了以后,大部分知更鸟原有的主题功能已经完全可以满足自己的实际需求,对于新的功能并没有过高的需求,所以更新主题都没什么动力。今天在逛博客的时候发现有个站长做了一个begin...
美化知更鸟begin主题的插入文章模块更绚丽 WordPress教程

美化知更鸟begin主题的插入文章模块更绚丽

各种各样的美化,各种各样的要求,一千个人就有一千种神奇的想法,所以对于主题的美化虫子君也从来没有满足过。今天在叶忠文的博客当中浏览的时候发现一个不错的效果。就是当使用begin主题在文章内页当中插入文...
begin主题代码高亮样式美化 WordPress教程

begin主题代码高亮样式美化

对于begin主题,虽然有着非常强大的功能,但是对于一些细节的把控,没有ui设计的鸟叔还是稍微有点力不从心。几乎每一次虫子君从鸟叔那里拿到新版的主题以后,都会自己调整一下。 这次调整了一下being主...
WordPress主题增加关注微信才能查看内容的功能 WordPress教程

WordPress主题增加关注微信才能查看内容的功能

做微信公众号的朋友有时候也会有自己的网站,用来存放历史文章,第一是可以方便我们的管理,另一个就是可以随时让小伙伴们在网站上面搜索。那就是是需要一个可以将流量转换成粉丝的一个功能,毕竟现在流量为王的年代...
在自己的WordPress博客中增加一个视频解析的页面 WordPress教程

在自己的WordPress博客中增加一个视频解析的页面

先声明一下,这是一个存在被封风险的操作,虫子君已经测试过,自己的另一个网站就这样被腾讯给封闭的,导致现在百度还不收录。 代码部分,来自文字咖,并非虫子君自己写的。 其中需要同学们介绍的几点知识,其中最...

您必须才能发表评论!