美化begin主题栏目右侧的三个点

虫子君
虫子君
虫子君
474
文章
196
评论
2019.4. 3021:38:55 评论 625 730字阅读2分26秒

我喜欢天圆地圆,四四方方的样子在我看来就是积木一样的物体,菱角百出,给我一种不友善的感觉。

刚才我看网站首页的栏目右侧的三个四四方方的点,有点丑,于是经过虫子君的一番魔改之后标称了圆点,虫子君觉得还是非常的好看的。蛮符合自己的审美。

美化begin主题栏目右侧的三个点

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

 /* 栏目右侧小点 */
.more-i span{    width: 12px; height: 12px; margin: 0 0 0 6px;background: #0eff65; border-radius: 10px;border: none;}
.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{padding: 7px 0 0 0;}

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

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

这几天一有空就在折腾博客,今天虫子君给自己的网站重新制作了一个logo,这是一个svg格式的图,本以为能够跟其他的主题一样,可以使用svg格式的图片当做logo,结果却无法显示,虽然在部分浏览器能够正常的显示,但终究是存在这样子的问题,不得已之下,转换成png的格式重新放到cos当中。

历史上的今天
四月
30
  • 能够在茫茫人海遇见本就是缘分,恰好我在写,恰好你在看我的博客,这一切都是刚刚好。
  • 本站所有的文章都是源自我的自己的原创,如果您觉得某一篇文章写的不错,转载不用留言,赏我个链接就行!
匿名

发表评论

匿名网友 填写信息

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