Admin

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

Typecho主题handsome 5.0终极魔改

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

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

成品效果

阴影效果图
1546410059.png

修改阴影遮罩部分的透明度
文章字体效果图
1546410096.png

修改文章字体颜色为渐变色
评论渐变效果图
1546410136.png

修改评论渐变色
bug修复效果图
1546410160.png

5.0发现在的问题,手机模式下 或有个白条,已被修复

修改方法

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

注意:此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里进行引入。

教程图片
1546057686.png

教程图片
1546057678.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>

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

原文地址:https://www.lovexint.com/archives/101/
最后修改:2019 年 03 月 14 日 11 : 00 PM
南来北往的大爷们,可怜可怜我吧,赏几两碎银子吧!

59 条评论

  1. 杜月笙

    过来看看

  2. 卿枫

    拿走咯啦啦啦啦

  3. 蓝影

    拿走了哈哈哈哈嗝

  4. 小威云

    拿走

  5. hello

    感谢博主分享^^

发表评论

z