CorePress主题模仿Mac样式

很多朋友觉得默认的主题样式不是那么好看,其实大家可以通过自定义,对主题进行微调。

本次给大家分享如何给侧边栏标题修改成Mac风格,以及修改主题的圆角。使得界面看起来更圆润

CSS代码

免费版用户将此段CSS代码,加入到主题设置,插入代码,自定义CSS,即可

:root {
    --border-hd: 10px !important;
}
body header {
    box-shadow: 0 0 20px 0 rgb(0 0 0 / 5%);
}
.post-list-page-plane {
    background-color: #fff;
}
body .widget-title {
    border-bottom: none;
}
.friend-links {
    overflow: hidden;
}
body .widget-title:before {
    width: 12px;
    height: 12px;
    transform: none;
    background: #fc625d;
    border-radius: 50%;
    top: 10px;
}
body .widget-title:after {
    background-color: #fdbc40;
    width: 12px;
    height: 12px;
    transform: none;
    border-radius: 50%;
    left: 20px;
    top: 10px;
}

body .widget-title {
    padding-left: 40px;
}
.widget-admin-author-contact-item-icon {
    border-bottom-left-radius:2px!important;
}

CorePress Pro 可以使用子主题,编辑更为方便,放到子主题的style.css文件即可

 

https://www.yuque.com/applek/corepress/dev

 

2023-4-2

Pro主题,1.5.8版本,已经加入可视化自定义,无需再手动设置。

上一篇 JavaScript实现网页截图导出方案
下一篇 CorePress Pro主题
applek

applek管理员

个人说明在个人中心里面设置

本月创作热力图

2026年3月
最新评论
hfloke
hfloke
3月1日
新版本安装更新后,页面有问题哦
丙氨酸
丙氨酸
2月27日
测试
评论于关于本站
RiseForever
RiseForever
2月23日
听说新主题发布了,来测试下评论区。
李贰捌
李贰捌
12月25日
AI摘要打开了,对接的阿里云,测试成功,但是前台为什么不显示?
javac
javac
12月8日
redis和memcached的完整支持有排期嘛?