洛小依

handsome主题魔改
首先声明下,本人不是CSS 前端大佬,也不是很厉害的JS大佬,这里所发布的代码,CSS样式,都收集于网络以及各大...
扫描右侧二维码阅读全文
29
2018/12

handsome主题魔改

首先声明下,本人不是CSS 前端大佬,也不是很厉害的JS大佬,这里所发布的代码,CSS样式,都收集于网络以及各大博主的精华,本人只是作为集合,并且作为优化及兼容,并且感谢以下博主的文章 Quanyin说 | Rat's Blog 的基础修改而来。

本次主题魔改需要替换文件,并且会修改原主题代码,请要魔改的小伙伴备份好自己的样式文件,如果没有CSS样式基础,拿我的样式直接用就可以,如果想要做二次样式从写的,也请带上原博主的地址,谢谢!!!

本次魔改基于上一次有所区别,详情请看:


基于handsome主题更新,所以本人在5.0版本上做了一些优化连接如下:

成品效果

1-min.png

5-min.png

4-min.png

6-min.png

7-min.png

修改方法

首先,进入主题后台设置外管里,修改下面数据参数:

8.png

修改好后,请下载此CSS文件:

密码:

此处内容需要评论回复后(审核通过)方可阅读。

注意:此CSS是压缩版本,如果想看源码,请自行寻找格式化CSS代码的网站,百度请搜索 CSS格式化,如果魔改样式文件出现问题,请自行退回之前版本,此外 此压缩包里还附带两个CSS文件 是原主题的样式文件,同样为压缩文件,请自行选择是否替换,如果选择替换请自行备份原样式文件。
handsome.min.css    路径为/usr/themes/handsome/assets/css

coolopacity.min.css 路径为/usr/themes/handsome/assets/css/features

party.min.css       路径为/usr/themes/handsome/assets/css 放在这个目录下

接下来我们在下载星空背景JS文件。
密码:同上

注意:此JS是压缩版本,如果想看源码,请自行寻找格式化JS代码的网站,百度请搜索 JS格式化,谢谢!JS内部附带个鼠标点击出❤的特效,如果不需要请自行删除!

食用方法

我是宝塔的面板,所以直接在WEB页面上直接操作,各位博主大大,请根据自己的情况来操作!

首先 我们先引用我们的CSS文件与JS文件,分别在header.php文件与footer.php里进行引入。
9.png
10.png
引入后,我们要来测试下,鼠标右键,查看源代码或F12控制台,看被引入的文件是否可以正常打开,如果打不开或者没有,请刷新或者清除浏览器缓存。

<link rel="stylesheet" href="<?php echo STATIC_PATH; ?>css/party.min.css?v=<?php echo Handsome::$version.Handsome::$versionTag ?>" type="text/css" />

 <script src="<?php echo STATIC_PATH ?>js/features/special.min.js?v=<?php echo Handsome::$version.Handsome::$versionTag
    ?>"></script>

引入完成后,请打开header.php翻到最下面添加这句代码:

<canvas id="canvas" class="wybj" ></canvas>

接下来 刷新浏览器就可以啦,这套魔改兼容大小头图,也算是目前为止,自己比较喜欢的一套魔改了。如果各位小伙安装出现问题的话,可以留言给我,看到的话会及时回答的。放张图片,压压惊吧!!!。。。

1Q110160F5-7.jpg

最后修改:2019 年 01 月 15 日 02 : 50 PM
如果觉得我的文章对你有用,请随意赞赏

发表评论 取消回复

94 条评论

  1. 沙雕博客

    这个好看鸭,支持一下

  2. 林小志

    很不错的,过来试试~

  3. 辰兮

    很不错的样式

  4. 漠子荀

    来学习一下

  5. 联盟

    学习

    1. 洛小依
      @联盟

      推荐5.1的魔改ヾ(≧O≦)〃嗷~