😁站/长/资/料

😁文/件/托/管

😁写/在/前/面

此源码全开源发布，转载还请保留版权信息（芬森）！

官方网站：https://space.bilibili.com/1753621185

源码下载：看视频简介

 

😁版/权/相/关

主页面底部版权可修改，可删除，不强求。

各站长可以在自己的网站发布此主页的开源代码，还请保留版权。

 

😁源/码/相/关

大佬们可以对本源码进行任意修改，期待你们的魔改版。

使用F12调试修改，注释掉引入[cnm.sb_copy.js]文件的那行代码即可。

主要样式修改指引，下面有详细教程，代码注释写的也很全，可以快速找到界面对应代码。

 

😁修/改/指/引

(1)网站特殊字体

全局字体：默认宋体 [cnm.sb_pc.css]第5行

特殊英文字体：[cnm.sb_pc.css]第16行

 

(2)图片索引

电脑端

开局背景图片：[cnm.sb_pc.css] 第44行

侧栏上面的背景图片：[cnm.sb_pc.css] 第100行

官网首页页面背景图片：[cnm.sb_pc.css] 第181行

关于站长页面顶部头图：[cnm.sb_pc.css] 第391行

商业合作页面背景图片：[cnm.sb_pc.css] 第605行 第618行 两个不一样会来回切换

站点展示页面顶部头图：[cnm.sb_pc.css] 第714行 第737行 两个不一样会来回切换

站点展示页面顶部宇航员图片：[cnm.sb_pc.css] 第748行

站点展示页面顶部鲸鱼图片：[cnm.sb_pc.css] 第760行

 

移动端

顶部头图：[cnm.sb_mp.css] 第52行

关于本站顶部头图：[cnm.sb_mp.css] 第142行

加入我们背景图片：[cnm.sb_mp.css] 第332行

站点展示顶部头图：[cnm.sb_mp.css] 第392行

加入我们页面背景图片：[cnm.sb_pc.css] 第604行 第617行 两个不一样会来回切换

站点展示页面顶部头图：[cnm.sb_pc.css] 第902行 第925行 两个不一样会来回切换

站点展示页面顶部宇航员图片：[cnm.sb_pc.css] 第937行

站点展示页面顶部鲸鱼图片：[cnm.sb_pc.css] 第949行

其他的图片在index.html里面，行数易变，这里就不列举了，很简单，自行替换。

 

(3)配色

电脑端

首页欢迎来到四个大字：[cnm.sb_pc.css] 第230行

首页CNM官方网站：[cnm.sb_pc.css] 第239行

首页右上右下角文字：[cnm.sb_pc.css] 第294行

首页探索按钮背景颜色：[cnm.sb_pc.css] 第256行

关于本站页面顶图文字背景颜色：[cnm.sb_pc.css] 第402行

关于本站页面联系站长按钮背景颜色：[cnm.sb_pc.css] 第444行

站点展示页面顶图小飞机背景颜色：[cnm.sb_pc.css] 第770行

 

移动端

首页顶栏背景颜色：[cnm.sb_mp.css] 第26行

首页栏目背景颜色：[cnm.sb_mp.css] 第81行

关于本站页面顶图文字背景颜色：[cnm.sb_mp.css] 第158行

站点展示页面顶图文字背景颜色：[cnm.sb_mp.css] 第401行

 

😁拓/展/功/能

这些都不难，你们可以自行选择添加

鼠标点击特效，修改鼠标样式

添加一个音乐播放器

添加一个看板娘

添加一个聊天室

添加一些小游戏