知更鸟Begin主题美化栏目右侧的三个点 – WordPress美化

王小优
王小优
王小优
231
文章
0
评论
2015年8月5日 评论 6,897 571字阅读1分54秒
摘要

今天在虫子君博客看到他把知更鸟Begin主题栏目右侧的三个点给美化了,感觉效果不错,特分享给大家。

知更鸟Begin主题美化栏目右侧的三个点 – WordPress美化

代码部署

实现的办法非常的简单,仅仅是修改了一下对应的CSS

  1. /* 栏目右侧小点 */
  2. .more-i span{    width12pxheight12pxmargin: 0 0 0 6px;background#0eff65border-radius: 10px;bordernone;}
  3. .cat-title .more-i, .cat-square-title .more-i, .widget-title .more-i, .cat-square-title .more-i, .cat-grid-title .more-i, .child-title .more-i, .cat-w-icon .more-i{padding7px 0 0 0;}

这里将圆点的尺寸设置为12px(宽高一致),颜色为:#0eff65,如果你不喜欢这个颜色可以换成其他的颜色,颜色值可以通过Photoshop等软件调整,然后将自己喜欢的颜色的值粘贴到background后面即可,如果您需要调整圆点的尺寸,可以修改width和heght后面的像素值。

只需要将这些代码粘贴到,Begin主题的自定义样式栏里面,然后保存即可。

若文章图片、下载链接等信息出错,请在评论区留言反馈,博主将第一时间更新!如果喜欢,请打赏支持本站,谢谢大家!
  • 我的微信
  • 微信扫一扫
  • 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: