目 录CONTENT

文章目录

侧边栏的卡片添加一个仿mac操作栏

米尔嘉
2024-06-19 / 0 评论 / 1 点赞 / 73 阅读 / 221 字 / 正在检测是否收录...
温馨提示:
本文最后更新于 2024-06-19,若内容或图片失效,请留言反馈。部分素材来自网络,若不小心影响到您的利益,请联系我们删除。

侧边栏添加
进入themes/theme-Joe3/templates/modules/widgets/asideWidget.html
在指定位置添加<span class="title-right_icon"></span>
首页文章卡片顶部添加
进入/themes/theme-Joe3/templates/index.html
在指定位置添加<span class="title-right_icon"></span>

mac操作栏css代码如下

/* 侧边栏的卡片添加一个仿mac操作栏 */
.joe_aside__item .title-right_icon {
    position: absolute;
    -webkit-border-radius: 50%;
    border-radius: 50%;
    background: #fc625d !important;
    width: 11px;
    height: 11px;
    box-shadow: 20px 0 #fdbc40, 40px 0 #35cd4b;
    float: right;
    right: 55px;
    top: 17px;
} 


/*文章目录mac操作栏*/
.toc-container .title-right_icon {
    position: absolute;
    -webkit-border-radius: 50%;
    border-radius: 50%;
    background: #fc625d !important;
    width: 11px;
    height: 11px;
    box-shadow: 20px 0 #fdbc40, 40px 0 #35cd4b;
    float: right;
    right: 55px;
    top: 17px;
}

/*首页文章卡片顶部mac操作栏*/
.joe_index__title-notice .title-right_icon {
    position: relative;
    -webkit-border-radius: 50%;
    border-radius: 50%;
    background: #fc625d !important;
    width: 11px;
    height: 11px;
    box-shadow: 20px 0 #fdbc40, 40px 0 #35cd4b;
    float: right;
    right: 550px;
}
1

评论区