在侧边栏给子比主题小工具中的最近评论区添加一个好看的二次元背景图

在侧边栏给子比主题小工具中的最近评论区添加一个好看的二次元背景图-知新网
在侧边栏给子比主题小工具中的最近评论区添加一个好看的二次元背景图
此内容为免费资源,请登录后查看
0
免费资源

效果图

image

前言

这个是初一原创的样式,我看见了就扒了,初一给我提供了调用的JS代码,自己找了个随机API引用的。效果其实还好主要是这个配图比较使用,配图最早是小樱提供的,用于评论区ID显示美化。废话不多说了,上教程吧。

教程开始

第一步:配置随机图API

大家先去下载背景图素材包就好了,积分是为了活跃!!!!

然后我们添加随机图片api代码

第二步:修改样式

添加到自定义css里,不修改的话效果就有点丑了。

.posts-mini {
    background-size: cover;
    margin-bottom: 5px;
    padding: 15px;
}

第三步:添加JS

这里的功能就是获取评论消息的posts-mini元素,然后拼接链接插入位置。(我想应该是的)

这里看添加的代码截图

image

最后刷新查看效果吧,注意缓存哦。

原创声明:

该教程美化源于初一在群里发的样式,我只是自己琢磨了一下,初一提供了帮助。

© 版权声明
THE END
喜欢就支持一下吧
点赞0 分享
评论 共45条
头像
欢迎您留下宝贵的见解!
提交
头像

昵称

取消
昵称表情代码图片快捷回复
    • 的头像-知新网danboy1230
    • 头像啊啊啊啊啊0
    • 的头像-知新网acgn0
    • 的头像-知新网lz5218180
    • 的头像-知新网a631254796a0
    • 的头像-知新网a14844435650
    • 的头像-知新网Yx8880
    • 的头像-知新网yeyu0
    • 的头像-知新网陳平安0
    • 的头像-知新网Alvin0
    • 的头像-知新网星恬0
    • 的头像-知新网龙小柒0
    • 的头像-知新网韦宏民0
    • 的头像-知新网知友库0
    • 的头像-知新网Tge.0
    • 的头像-知新网qq13653500
    • 的头像-知新网alux0
    • 的头像-知新网qq13653500
    • 的头像-知新网qq13653500
    • 的头像-知新网阿狸0
社区求救信号帮助是一种美德