洛小依

handsome魔改三合一(仅支持最新版本)
首先声明下,本人不是CSS 前端大佬,也不是很厉害的JS大佬,这里所发布的代码,CSS样式,都收集于网络以及各大...
扫描右侧二维码阅读全文
15
2019/04

handsome魔改三合一(仅支持最新版本)

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

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

请注意,此css与js文件并非出自我手,都是在网络收集的,个人代码是私人赠送,请使用者注意传播方式。本站为CC4.0协议,请为作者保留版权。另外请使用者主动备份要替换的文件,谢谢!!

本魔改是基于5.1.1所改样式,如果低于5.1.1版本,请点击这里:

简单介绍

这次修改主要做了几个方面都优化,第一,作者在此次更新中加入了文章徽章,这样做就为小伙伴们节省了去寻找图片的时间,第二,修改了友情链接的样式。针对以上几点,这次修改的力度要大于之前几次,首先,我保留了原有的透明样式,并且在后台添加一条魔改选项,使其在后台就可以修改魔改样式,目前能力有限,算上原款,只有3个选项,但足以满足大部分小伙伴的需求,废话不多说了,直接上图看看成果吧。

成品效果

1.jpg
ps:这张图片是兼容版

3.jpg

2.jpg

7.jpg

以上几张为兼容版本,如第一张图所看,他在我原有都基础上兼容三种图片展现形式,分别为大头图,小头图,徽章三款。

1.jpg

5.jpg

6.jpg

以上几张为个性版本,如第一张图所看,他只支持大头图展现形式,并且修改了摘要都展现方式。

原版我就不上图了,就是作者原有给我们所使用的的原版透明样式。

修改方法

看到这里,小伙伴们是否也想试试呢?

别着急还没有展示完,接下来给大家看看后台的修改:

10.png

如上图所看,此次修改最大的亮点,可以随时切换魔改样式,保证各位小伙伴的页面随时随地都可以变换,那么,想要做到这几点,我们首先要下载我的魔改文件。

请下载此文件:

密码:

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

注意:此次文件较大,并且修改都地方有5处以上,请一定要备份自己要修改的文件,重要都事情说三次,一定要备份,一定要备份,一定要备份。

下载好后,我们将文件解压出来,放在我们服务器下,此压缩包一共两个文件夹,一个独立的css文件除了可以删除图片外,剩下的最好不要删除。

两个文件夹名分别为personality(个性版)compatible(兼容版)将其放在/usr/themes/handsome/assets/文件夹下

另外一个文件coolopacity.min.css,这个文件是只有开启透明模式的时候才会开启,本人建议替换掉原有的文件,并且作者在这次更新的时候已经将这个文件留好备份了,请将coolopacity.min.css文件放在usr/themes/handsome/assets/css/features
文件夹下替换掉原有文件。

食用方法

做好上一步后,我们开始修改后台代码,不管小伙伴们用什么方法打开文件,一定要记得备份,如果因为操作失误而导致重大损失的,本站不承担任何后果。

首先打开我们usr/themes/handsome/functions.php 文件。将下面都代码复制并且粘贴过去;

    //主题魔改选择
        $magic = new Radio('magic',
            array(
                '0' => _t('1. 原版样式'),
                '1' => _t('2. 兼容版样式</br>'),
                '2' => _t('3. 个性版样式')
            ),

            //Default choose
            '7',_t('主题魔改样式'),_t("</br>共三款:分别为原版的透明样式,兼容版样式与个性版样式,<b style='color: red'>注意:个性版只支持大头图模式。</b>")
        );
        $form->addInput($magic);

如下图:大概在227行左右处开始粘贴;
11.png

第二步:打开usr/themes/handsome/component/header.php 文件将下面都代码复制:

 <?php
    $url =STATIC_PATH;
    $md =Handsome::$version.Handsome::$versionTag;
    if ($this->options->magic ==0){
        echo "<link rel=\"stylesheet\" href=\"$url/css/handsome.min.css?v=$md type=\"text/css\" />";
    }
    if($this->options->magic ==1){
        echo "<link rel=\"stylesheet\" href=\"$url/compatible/handsome.min.css?v=$md type=\"text/css\" />";
        echo "<link rel=\"stylesheet\" href=\"$url/compatible/party.css?v=$md type=\"text/css\" />";
   } 
    if($this->options->magic ==2){
        echo "<link rel=\"stylesheet\" href=\"$url/personality/handsome.min.css?v=$md type=\"text/css\" />";
        echo "<link rel=\"stylesheet\" href=\"$url/personality/party.css?v=$md type=\"text/css\" />";
   }
    ?>

如下图大概在59行处开始粘贴:

请注意:请删除第57行的handsome.min.css文件。否则容易产生代码冲突,css样式文件重复调用的情况,现在在此声明作为强调。

12.png

接着我在这个文件处还有一处需要修改,请复制如下代码:

<?php if ($this->options->magic ==0){

}else{
    echo "<canvas id=\"canvas\" class=\"wybj\"></canvas>";
}
?>

如下图在本文件都末尾处粘贴此代码:

13.png

之后我们保存文件,准备下一步操作:

第三步:我们打开usr/themes/handsome/component/footer.php 文件将下面都代码复制:

<?php
    $url =STATIC_PATH;
    $md =Handsome::$version.Handsome::$versionTag;
    if ($this->options->magic ==0){

    }else{
        echo "<script src=\"$url/personality/special.js?v=$md\"></script>";
    }
?>

如下图:大概在340行左右处粘贴代码,如下图:

ps(本人340行处有个字体的js,所以在342行左右,如果小伙伴们没有这个js则是在340行左右处)

15.png

如果浏览器没有显示出样式,请尝试清理浏览器缓存,快捷键为Ctrl+F5,或者刷新cdn缓存,谢谢

至此,我们保存并且刷新我们的后台,选择透明模式,并且在魔改样式里选择兼容或者个性或者原版都是可以的,如果不想使用透明模式了,就关闭透明模式,前端就不会输出这个js了,好了写了这么多,来一起陶冶下情操吧,最近特别喜欢一首歌曲,叫斗罗大陆,里面有句歌词,怎么说来着,用左手都锤护右手都草,很还原哦,就一起听听吧。

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

发表评论

113 条评论

  1. 123

    感谢dalao

  2. riki

    感谢dalao!

  3. reishi

    大佬。看见你的魔改 让我焦躁不安,快快审核通过、不然我睡不着啊

  4. 山海

    你好,一些地方还是不太明白,能留一个联系方式吗

  5. 小康博客

    谢谢大佬分享