Typecho Joe主题 侧边栏添加仿mac操作栏

本站一直致力追寻对 Typecho 博客系统 Joe 主题的美化，为了不让博客美化过度只是增加了一些实用功能，并对 Joe 主题进行优化修复，赋予它新的生命力。
这不今天 ‌UP主 （艾霂Mr.）又带来了新的力作，很可能大家在别的主题或者其他系统都见过它，虽然不是很实用但是绝对会为您的博客带来眼前一亮的感觉！没错今天为大家带来的就是，给侧边栏添加仿mac操作栏🍵

效果展示

Mac样式CSS代码

/*侧边栏添加Mac样式*/
.aimac {
    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;
} 

修改侧边栏模板

侧边栏模板在 Typecho 根目录这个文件： /usr/themes/Joe/public/aside.php
在每个侧边栏标题后面加个 <span> </span> 标签并且设置样式名和你添加的一致，我这里叫 aimac

<span class="aimac"></span>

具体添加位置看下图：（其它侧边栏类似）