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

  • 累计撰写 60 篇文章
  • 累计收到 1,157 条评论

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

六六丶
2021-03-08 / 139 评论 / 6,386 阅读 / 正在检测是否收录...
广告

前言

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

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

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

紧急修复

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

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

显示bug

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

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

修改bug

成果展示

实现方法

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


代码下载

PC端: PC端代码
PE端: PE端代码

结语

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

感谢 Nots 分享的代码。

642

打赏

评论 (139)

取消
  1. 头像
    尘世闲游
    Windows 10 · Google Chrome

    学习学习

    回复 待审 垃圾
  2. 头像
    666
    Windows 10 · Google Chrome

    666

    回复 待审 垃圾
  3. 头像
    guxing
    Linux · Google Chrome

    画图

    回复 待审 垃圾
  4. 头像
    248*97452
    Windows 7 · Google Chrome

    画图

    回复 待审 垃圾
  5. 头像
    123131313
    Windows 10 · Google Chrome

    一波拿走

    回复 待审 垃圾
  6. 头像
    蘑菇
    Windows 10 · QQ Browser

    拿走i啦!!!

    回复 待审 垃圾
  7. 头像
    Android · QQ Browser

    感谢博主!

    回复 待审 垃圾
  8. 头像
    bage
    Android · QQ Browser

    666

    回复 待审 垃圾
  9. 头像
    haun
    Android · QQ Browser

    博主66666

    回复 待审 垃圾
  10. 头像
    阿正
    Windows 10 · QQ Browser

    博主牛啊6666666

    回复 待审 垃圾