Typecho Joe主题 添加评论框背景图
标签搜索

Typecho Joe主题 添加评论框背景图

艾霂Mr.
2024-11-10 / 0 评论 / 20 阅读 / 正在检测是否收录...

最近一直在折腾我的博客,本站一直以来用的 WordPress 但感觉有一点臃肿,索性更换为 Typecho 并采用 Joe 主题,因为自己比较追求完美吗🤦‍♂️感觉评论框空荡荡的,今天就为评论框加个背景图!

效果展示

效果展示

食用方法

Joe 主题为例,将下面 css 代码添加到 Joe/assets/css/joe.global.min.css 文件内即可。

css代码

.joe_comment__respond-form .body 就是评论框主题,可以直接在前端按F12查看自己主题的是哪个组!

.joe_comment__respond-form .body{padding:15px;background:url(https://www.iarc.top/usr/uploads/2024/03/1257364055.png);background-position:right;background-repeat:no-repeat;resize:none;}.joe_comment__respond-form .body:hover{background-position-x:4000px;transition:ease-in-out 2s;}

背景图片

背景图片,最好自己保存下来,以防失效。
背景图片

8

评论 (0)

取消