洛小依

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. Quanyin

    围观,感谢,大佬好人
    星空背景的引入,只需要一个class就够了,不需要再指定 width height style="z-index: -1了

    1. 洛小依
      @Quanyin

      哈哈哈 恩恩 可能是样式重用了

  2. 鱼儿飞

    过来学习下

    1. 月色
      @鱼儿飞

      密码多少呢。。。

  3. 月色

    换水后给移民

  4. 心语难诉

    灌水灌水灌水灌水灌水灌水灌水灌水灌水灌水灌水灌水灌水灌水灌水灌水 (ノ°ο°)ノ

  5. oasis

    第一第一