给网站添加粒子效果与初识css

由于坤哥经常向我诉说梦境,于是开一个网站记下他说的(万一哪天就能出书呢)

网址: http://duya12345.top:39400/

开了个新站,挑了个主题,调整了下主页,总觉得有些单调,但记录梦境的网站也配不了什么花里胡哨的装饰……等等,之前我没搞定的那个canvas-nest粒子效果似乎很合适,于是开始研究怎么装上这效果

首先,重新试一下最简单的方法:去插件商店找这个插件并启用。果不其然,和上次一样的报错,卸载插件。

然后去gayhub看了作者的md文档,里面给出了代码安装方法(用作者的cdn上托管的js文件),要在</body>标签前加入:

[javascript] <script type="text/javascript" src="//cdn.bootcss.com/canvas-nest.js/x.x.x/canvas-nest.js"> [/javascript]

然而,当我在footer.php中加入此代码时什么也没发生……

试着访问了下 cdn.bootcss.com/canvas-nest.js/x.x.x ,报了403错误

看起来是这网址有问题,于是将js文件下载至本地,并修改代码为:

[javascript]<script type="text/javascript" src="canvas-nest.js" > [/javascript]

看到了粒子效果

再改下颜色和个数以及线条粗细:

[javascript] <script type="text/javascript" color="255,255,255" opacity='2' zIndex="-2" count="200" src="canvas-nest.js"> [/javascript]

然后发现此网站字体颜色很深,而我的网站又是纯黑背景,根本看不清文章,欲修改字体颜色,却发现需要升级专业版主题。作为一个贫穷的大学生,当然是不可能为了改个字体颜色去交39美刀,于是继续寻找如何修改

打开style.css,修改body中的color属性,保存!

似乎颜色没有被改掉,打开F12,看了下果然还是原来的颜色。看来有额外的锁定措施,防止我们不交钱却能改颜色

想到wordpress自定义那边的自定义css优先级应该是比文件里面要高的,在那边自定义color应该可以改掉

在自定义css中写入:

body{color:#FFFAFA;}

成功将字体颜色改为白色,妈妈不用担心我近视度数加深了

点赞

发表评论

电子邮件地址不会被公开。必填项已用 * 标注