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

本站一直，致力追寻对Typecho博客Joe主题的美化和优化，这里 UP主 承诺为了不让博客美化过度只增加一些实用功能，并对Joe主题BUG进行优化修复，赋予它新的生命力！
这不今天 ‌UP主 又带来了新的力作，很可能大家在别的主题或者其他系统都见过它，虽然不是很实用，但是绝对会为您的博客带来眼前一亮的感觉！今天为大家带来的是，给侧边栏添加仿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 这个文件（只有PC端才有侧边栏哟！）
在每个侧边栏标题后面加一个 <span> </span> 标签，并且设置样式名和你添加的一致，我这里统一为 aimac ，代码如下：

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

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