鼠标移动显示和隐藏评论者运营商等信息 – WordPress美化

王小优
王小优
王小优
231
文章
0
评论
2015年6月27日
评论
6,222 987字阅读3分17秒

昨天王小优刚发布了添加评论者操作系统、浏览器和运营商信息 – WordPress美化,但是在逛某些博客时发现,那个评论者操作系统、运营商等信息默认是隐藏,鼠标移上去显示,移开隐藏,感觉特别好玩,特分享教程供大家参考。

鼠标移动显示和隐藏评论者运营商等信息 – WordPress美化

方法一:(对应添加教程的方法一)

将下面配套样式文件添加到主题样式文件style.css最后,或者主题选项→定制风格→自定义样式中:

此处为隐藏的内容
发表评论并刷新,方可查看

注:添加样式后鼠标悬停在留言上才会显示留言者相关信息,小屏手机上不显示,因为留言者所在区域信息内容较长,不好看,而且可能会造成错位。

方法二:(对应添加教程里的方法二)

如需鼠标经过时显示或隐藏以上UA信息和IP地址,则在对应主题footer.php中添加代码:

此处为隐藏的内容
发表评论并刷新,方可查看

如果显示和隐藏效果相反,则在在对应主题style.css文件内或自定义CSS处,加以下CSS代码调整

  1. .ua-info {
  2.  display:none;/*设置隐藏*/
  3.   margin-left:8px;
  4. }

相关教程

添加评论者操作系统、浏览器和运营商信息 – WordPress美化

把知更鸟Begin主题站长标志的Admin改成博主 - WordPress美化

若文章图片、下载链接等信息出错,请在评论区留言反馈,博主将第一时间更新!如果喜欢,请打赏支持本站,谢谢大家!
  • 我的微信
  • 微信扫一扫
  • weinxin
  • 我的微博
  • 微博扫一扫
  • weinxin
王小优
为WordPress最新文章增加NEW最新提示标志 WordPress美化

为WordPress最新文章增加NEW最新提示标志

纯代码给WordPress文章列表中新发布的文章增加NEW新文章提示,让你的博客更加饱满、人性化,一起跟王小优折腾起来。 看到不少网站的新文章后面都会有一个提示最新文章的文字或者图片,感觉比较人性化,...
匿名

发表评论

匿名网友 填写信息

:?: :razz: :sad: :evil: :!: :smile: :oops: :grin: :eek: :shock: :???: :cool: :lol: :mad: :twisted: :roll: :wink: :idea: :arrow: :neutral: :cry: :mrgreen: