魔改效果详见本站,CSS作者为 神代綺凜 大佬,

魔改效果

1.jpg

修改教程

首先下载神代綺凜大佬的CSS文档

1. 下载CSS

2. 创建CSS

将文件放在网站目录 /usr/themes/handsome/assets/css中,文件名为 handsome.css

3. 引用CSS

打开 /usr/themes/handsome/component/header.php,在箭头处加一行 <link rel="stylesheet" href="<?php echo STATIC_PATH; ?>css/handsome.css" type="text/css">

4. 增加DIV

打开 /usr/themes/handsome/component/headnav.php,在第一行后加一个div,定义ID为BG <div id="bg"></div>

5. 创建JS

其实这个时候已经可以访问了,不过还是会有一些小问题。比如说侧边栏下拉后不会透明。如果不在意的话可以跳过。

这个js会在标题有所修改,如图。如果不喜欢的可以自己修改,或者使用我修改过的。


魔改背景图片设置

打开/usr/themes/handsome/assets/css/handsome.css,将 https://ws1.sinaimg.cn/large/71785a53ly1frllhp1suvj21r60ygwr7.jpg 改为你需要的PC版背景图

手机版的则在下面一些

也可以直接在自定义CSS添加#bg{background-image:url(图片URL)}

OK大功告成

Last modification:September 20th, 2019 at 08:57 pm