修改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;}

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

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

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

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

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

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

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

0
分享到:
1. 本站所有资源来源于用户上传和网络,因此不包含技术服务请大家谅解!如有侵权请邮件联系客服!
2. 本站不保证所提供下载的资源的准确性、安全性和完整性,资源仅供下载学习之用!如有链接无法下载、失效或广告,请联系客服处理,有奖励!
3. 您必须在下载后的24个小时之内,从您的电脑中彻底删除上述内容资源!如用于商业或者非法用途,与本站无关,一切后果请用户自负!
4. 如果您也有好的资源或教程,您可以投稿发布,成功分享后有站币奖励和额外收入!

评论0

抢先预订赠送价值198元高端子主题美化包

3万+资源 / 不断更新 / 免费下载 / 无限搬运 / 多年老站

终身SVIP原价299元 限时活动价99元

限时 限时 限时特惠

立即参与
没有账号? 忘记密码?