『教程』给你的Typecho博客侧边栏加一个恋爱计时(修复夜间模式样式)
侧边栏壁纸
    love love love

  • 累计撰写 47 篇文章
  • 累计收到 939 条评论

『教程』给你的Typecho博客侧边栏加一个恋爱计时(修复夜间模式样式)

六六丶
2021-03-08 / 130 评论 / 2,473 阅读 / 正在检测是否收录...

前言

前几天在翻主页的时候,看到 Nots 分享了他和他女朋友的甜蜜日常。

然后注意到了他网站侧栏的小部件,有一个他和他女朋友恋爱的计时模块,很感兴趣

我刚好也想给自己女朋友制作一点小浪漫,所以就着手把他分享的代码搬了过来,做了一些优化

紧急修复

刚测试时发现夜间模式下,会直接透明显示,没有浮块显示

我估计是主题作者忘记给自定义模块设置背景色了,所以显示很不协调,就像这样

显示bug

所以我又调用了Joe主题的CSS样式,让这个模块会根据日间模式和夜间模式改变背景颜色,达到和其他模块样式统一

顺便修改了这个模块的文字颜色,夜间模式下不会再是一片漆黑了(PE端同时修复

修改bug

成果展示

实现方法

本教程仅适用于typecho且使用了Joe主题的小伙伴,其他主题或者博客的小伙伴请自行发挥你们的才能


结语

教程到此结束,祝各位早日找到心仪的另一半,幸福美满!

感谢 Nots 分享的代码。

627

打赏

评论 (130)

取消
  1. 头像
    阿正
    Windows 10 · QQ Browser

    博主牛啊6666666

    回复
  2. 头像
    蚊子有点疼
    Windows 10 · Google Chrome

    6666真棒!

    回复
  3. 头像
    520
    Android · QQ Browser

    ฅʕ•̫͡•ʔฅ你是银河馈赠给我的一颗糖

    回复
    1. 头像
      六六丶 作者
      Windows 10 · Google Chrome
      @ 520

      甜到了!

      回复
  4. 头像
    小七
    Windows 10 · Google Chrome

    再来看看,学习一下

    回复
    1. 头像
      六六丶 作者
      Android · Google Chrome
      @ 小七

      欢迎常来!

      回复
      1. 头像
        小七
        Windows 10 · Google Chrome
        @ 六六丶

        我把你的个人简介搬走了,嘿嘿

        回复
        1. 头像
          六六丶 作者
          Android · Google Chrome
          @ 小七

          这。。。是我未曾设想过的道路

          回复
  5. 头像
    小七
    Windows 10 · Google Chrome

    感谢大佬,带走了

    回复
  6. 头像
    1412
    iPhone · Safari

    Thí is intresting... 表情

    回复
  7. 头像
    93889561
    Windows 10 · Google Chrome

    画图

    回复
  8. 头像
    93889561
    Windows 10 · Google Chrome

    画图

    回复
  9. 头像
    12312
    Windows 10 · Google Chrome

    1的

    回复
  10. 头像
    球球
    Windows 10 · Google Chrome

    wo hen xi huan

    回复