侧边栏壁纸
博主头像
福福不服博主等级

孩子会穿过大雨,去懂人间的道理。

  • 累计撰写 77 篇文章
  • 累计创建 91 个标签
  • 累计收到 0 条评论

目 录CONTENT

文章目录

halo2博客:joe3主题侧边栏添加仿mac操作栏

Monster
2023-08-29 / 0 评论 / 9 点赞 / 182 阅读 / 1797 字 / 正在检测是否收录...
温馨提示:
请确保在评论和互动中保持礼貌和尊重。避免使用侮辱性、歧视性或攻击性语言。我们鼓励建设性的讨论和意见交流。

效果Mac样式

在后台--主题--自定义--自定义CSS--添加下面的样式

.cblmac {
    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;
} 

修改侧边栏模板

除了”最新文章“侧边栏,其它侧边栏模板都在这个文件:/themes/theme-Joe3/templates/modules/widgets/asideWidget.html

在每个侧边栏标题后面加个span标签并且设置样式名和你添加的一致,我这里叫cblmac

<span class="cblmac"></span>

注意“标签云”的侧边栏后面默认有个更多的超链接跳转,我这里为了统一美观,就把“更多”给注释掉了

最新文章侧边栏路径:/themes/theme-Joe3/templates/modules/macro/latest.html

同样在后面追加个span标签

<span class="text">最新文章</span>
<span class="cblmac"></span>

文章详情页面侧边栏修改

"相关文章"侧边栏路径(内容页面内的侧边栏):/themes/theme-Joe3/templates/modules/macro/relate.html

"文章目录"侧边栏路径:/themes/theme-Joe3/templates/modules/common/aside_post.html

保存没生效的话可以把halo2重启一下

9
  1. 支付宝打赏

    qrcode alipay
  2. 微信打赏

    qrcode weixin
  3. QQ打赏

    qrcode qq

评论区