wordpress美化教程-给评论框加上好看的右侧背景图片


------正文内容展示,开始汲取新知识啦------

前言

一个网站做的好与不好,其中一个条件就是网站的互动,如果与网友互动频繁,这个网站的忠实程度应该不会差,很多好的网站网友留言互动频率非常高,那评论留言编辑区肯定是使用频率比较高的了,今天分享给大家一个美化教程,在评论区添加背景图片。

效果图

2001f6d83a003604

 

教程

在主题设置—》自定义CSS样式,添加下面的CSS代码:

说明:图片自己保存到本地,图片大小(162 X 75,建议透明的png图片),自己添加喜欢的背景图片。

/*<a href="https://www.atbkw.cn/tag/%e8%af%84%e8%ae%ba"><b style="color:#0388d1">评论</b></a>背景图*/
textarea#comment {background-color:transparent;background:linear-gradient(rgba(0, 0, 0, 0.05), rgba(0, 0, 0, 0.05)),url(改成你的背景图链接) right 10px bottom 10px no-repeat;-moz-transition:ease-in-out 0.45s;-webkit-transition:ease-in-out 0.45s;-o-transition:ease-in-out 0.45s;-ms-transition:ease-in-out 0.45s;transition:ease-in-out 0.45s;}
textarea#comment:focus {background-position-y:789px;-moz-transition:ease-in-out 0.45s;-webkit-transition:ease-in-out 0.45s;-o-transition:ease-in-out 0.45s;-ms-transition:ease-in-out 0.45s;transition:ease-in-out 0.45s;}

免费分享个大家一些背景图片(禁止白嫖,评论获取哦):

 

温馨提示:本文最后更新于2023-07-29 17:40:11,某些文章具有时效性,若有错误或已失效,请私信客服或联系知新社长
------本文内容已结束,喜欢请分享------

感谢您的访问,Ctrl+D收藏本站吧。

© 版权声明
一月 17

知岛上的今时往日

THE END
点赞0 分享
评论 共18条
头像
善语结善缘,恶言伤人心。(禁止发送无意义的字符)
提交
头像

昵称

夸夸Ta
夸夸
还有吗!没看够!
取消
昵称表情代码图片
社区求救信号帮助是一种美德