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

2018.10. 214:01:49 发表评论 25

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”改成这个就好。

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

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

本文是全系列中第6 / 16篇:知更鸟begin主题

虫子君

发表评论

:?: :razz: :sad: :evil: :!: :smile: :oops: :grin: :eek: :shock: :???: :cool: :lol: :mad: :twisted: :roll: :wink: :idea: :arrow: :neutral: :cry: :mrgreen: