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管理员

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

本月创作热力图

最新评论
chinacnd
chinacnd
6月26日
这个主题是怎么做到加载速度那么快的?
风起云涌
风起云涌
6月17日
前台投稿现在有点太抽象了 希望可以弄成那种分区填写的 标题,内容,图片,目录,标签,这样的
评论于留言建议
风起云涌
风起云涌
6月17日
希望加个开关去掉页脚的站点身份,还有自定义页脚居中文字
评论于留言建议
卡卡
卡卡
5月31日
倒是放个演示地址啊