begin主题 2019-4月版美化样式

虫子君 2019.5. 214:50:56 2 1,842

四月份的时候,从鸟叔那里获取到begin主题的最新版本,估计到了今天又会有一些改动,可能会有一点的差异,不过总的来说应该变化不会那么多,大家可以参照一下之前虫子君分享过的关于浏览器修改的方法,大家可以自己找一下。

然后这一次虫子君主要修改了网站的基础样式,并没有添加像上次那样的渐变色,不过相对来说,这一次的配色会更加的清晰,而且耐看

begin主题 2019-4月版美化样式

主要修改了边框的颜色(border),以及去掉了大部分的阴影(box-shadow)

然后减少了评论区的内边距(padding)的距离。

评论头像给了一个border-radius让他显示为圆的

顶部导航栏给了一个深灰蓝

顶部菜单字体颜色给了一个浅灰蓝

CMS首页栏目头部左上角和右上角重新定义圆角

调整CMS首页栏目模块头的背景色

调整CMS首页分类栏目边框颜色

好了大致就是这么多了,虫子君自己也不一定记得那么清楚。

喜欢这种简的清新的风格的话,不妨将下面虫子君提供的css代码,粘贴到你的begin主题的自定义样式代码框框当中。

.slider-rolling-box{border:none;box-shadow:none;}
.cms-cat-square .post{border-left: 1px solid #f5f5f5;border-top: 1px solid #f5f5f5;border-bottom: 1px solid #f5f5f5;}
.cat-g5{border:none;}
.cat-container{border:none;border-radius: 8px 8px 0 0;}
.cat-container .cat-title{background:#fdfdfd; border-bottom:1px solid #f5f5f5;}
#sidebar h3, #sidebar-l h3, .cat-w-icon{background: #fdfdfd;border-bottom: 1px solid #f5f5f5;}
.picture-cms{border:none;}
.tab-site{border: 1px solid #f5f5f5;box-shadow:none;}
.tab-hd{background: #fdfdfd;}
.tab-bd{border-top: 1px solid #f5f5f5;}
.tab-hd-con{border-right: 1px solid #f5f5f5;}
.cat-container{box-shadow:none;border: none;border-radius: 8px 8px 2px 2px;}
.cat-container .cat-title{border-radius: 8px 8px 0 0;border-bottom: 1px solid #f5f5f5;background: #fdfdfd;}
#sidebar h3, #sidebar-l h3, .cat-w-icon{background: #fdfdfd;border-bottom: 1px solid #f5f5f5;border-radius: 8px 8px 0 0;}
.cms-news-grid-container .post{border: 1px solid #f5f5f5;}
虫子君

发表评论

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

目前评论:2   其中:访客  1   博主  1

    • avatar 虫子君 Admin

      期待很好的样子

      • avatar 56956523

        厉害,博主流弊