前言
本文章只是个人无聊时的对子比主题美化记录集合,同时也是本人的备忘录。若您觉得可以的话就拿去贵站使用吧,我会不定期(主要是想不到好的美化了)更新一些美化教程、好玩的小工具、页面等等。
●每个人的审美观念不一样,所以请先参考本站或测试在用。
●主题美化、小工具可能会有一定程度使网站加载缓慢、CSS全局污染等等一系列的问题,请一定要测试后在进行美化。
●主题美化可能会对主题文件进行修改,更新时请及时备份主题美化的文件,以免一些主题页面或美化效果丢失。
●子比主题美化都是我自己鼓捣、测试后才分布的,完全免费,开放。
●嗯…暂时想到这些,以后想到在加。
●主题美化、小工具可能会有一定程度使网站加载缓慢、CSS全局污染等等一系列的问题,请一定要测试后在进行美化。
●主题美化可能会对主题文件进行修改,更新时请及时备份主题美化的文件,以免一些主题页面或美化效果丢失。
●子比主题美化都是我自己鼓捣、测试后才分布的,完全免费,开放。
●嗯…暂时想到这些,以后想到在加。
美化教程(集合)
一些老教程随机顺序,新教程排在最后,越往后越新。
(最新版)CSS代码 添加到后台子比主题设置—>自定义代码—>自定义CSS样式
(最新版)JS即javascript代码 添加到后台子比主题设置—>自定义代码—>自定义javascript代码
(最新版)没有特殊说明的小工具,自定义HTML小工具 添加网站后台—>外观–>小工具–>点击【自定义HTML】选择放置的位置—>把代码复制进去,保存即可。
(最新版)
(最新版)
其他添加方式的,我会在教程里告知,若只需添加CSS+JS的教程,我可能不重复告知了,请注意看上面的方法。
有些美化教程本站已经发布的,本文章将不再进行编写教程,直接跳转到文章页面。
1.添加FPS帧率显示
2.添加滚动播报小工具
3.侧边栏添加简单的小模块
4.自定义后台路径参数及伪后台
5.添加热门标签页面
6.添加底部统计信息模块小工具
7.文章标签美化
前言
文章标签美化采用的是CSS覆盖原来的样式,达到彩色的效果!直接在后台主题自定义CSS样式粘贴CSS代码,这样升级主题时无需二次复制粘贴,简单、实用。
食用教程
复制CSS代码到后台子比主题设置—》自定义CSS样式—》将CSS代码粘贴框里,即可大功告成。
CSS代码:
/*文章随机彩色标签*/
.article-tags{margin-bottom: 10px}.article-tags a{padding: 4px 10px;background-color: #19B5FE;color: white;font-size: 12px;line-height: 16px;font-weight: 400;margin: 0 5px 5px 0;border-radius: 2px;display: inline-block}.article-tags a:nth-child(5n){background-color: #4A4A4A;color: #FFF}.article-tags a:nth-child(5n+1){background-color: #ff5e5c;color: #FFF}.article-tags a:nth-child(5n+2){background-color: #ffbb50;color: #FFF}.article-tags a:nth-child(5n+3){background-color: #1ac756;color: #FFF}.article-tags a:nth-child(5n+4){background-color: #19B5FE;color: #FFF}.article-tags a:hover{background-color: #1B1B1B;color: #FFF}
注: CSS代码已进行压缩,直接复制粘贴即可。
效果截图
8.添加点击彩色效果
9.添加侧边彩色滚动条
10.首页文章点击更多按钮样式美化
- CSS代码:
/点击更多/
.theme-pagination .ajax-next a, .theme-pagination .order-ajax-next a{border-radius: 30px; padding: 15px 0; color: var(--muted-color); background-color:var(--main-bg-color);color: #FF0033;display: block;opacity: 1;font-weight:bold;}
感谢您的来访,获取更多精彩文章请收藏本站。
© 版权声明
THE END
暂无评论内容