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

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

六六丶
2021-03-08 / 162 评论 / 22,887 阅读 / 收录检测中...
广告
温馨提示:
本文最后更新于2022年09月14日,已超过139天没有更新,若内容或图片失效,请留言反馈。

前言

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

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

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

紧急修复

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

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

image.png

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

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

image.png

成果展示

实现方法

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

结语

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

感谢 Nots 分享的代码。

代码下载

价格: 0.50 元
温馨提示:免登录付款后仅3天内可重复阅读隐藏内容(建议登录后支付),登录付款后可永久阅读隐藏内容! 付费可读 支付
663
打赏
gzh

评论 (162)

语录
图片
取消
  1. 头像
    93889561
    Windows 10 · Google Chrome

    画图

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

    画图

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

    1的

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

    wo hen xi huan

    回复
  5. 头像
    看看
    Windows 10 · QQ Browser

    房房房

    回复
  6. 头像
    zioarr
    Windows 10 · FireFox

    来了

    回复
  7. 头像
    九七
    Windows 10 · Google Chrome

    感谢博主的分享

    回复
  8. 头像
    Dal.
    Windows 7 · Google Chrome

    拿走了,谢谢啦

    回复
    1. 头像
      六六丶 作者
      Windows 7 · Google Chrome
      @ Dal.

      欢迎来访!

      回复
  9. 头像
    龙毅
    Windows 10 · Google Chrome

    1

    回复
  10. 头像
    执念博客
    Windows 10 · Google Chrome

    学习一下

    回复
  11. 头像
    牛逼
    Android · Google Chrome

    表情

    回复
  12. 头像
    飞飞飞飞飞
    Windows 10 · QQ Browser

    起飞

    回复
    1. 头像
      六六丶 作者
      Android · QQ Browser
      @ 飞飞飞飞飞

      欢迎!

      回复
  13. 头像
    Android · QQ Browser

    看一看

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

      欢迎!

      回复
  14. 头像
    45620903
    Android · QQ Browser

    表情

    回复
    1. 头像
      六六丶 作者
      Windows 7 · Google Chrome
      @ 45620903

      表情

      回复
  15. 头像
    111
    iPhone · Google Chrome

    妙啊

    回复
  16. 头像
    Zhous
    Android · QQ Browser

    看看看看看看

    回复
    1. 头像
      六六丶 作者
      Windows 7 · Google Chrome
      @ Zhous

      欢迎!

      回复
  17. 头像
    可乐云小站
    Windows 10 · Google Chrome

    666666666666666666666666

    回复
    1. 头像
      六六丶 作者
      Android · Google Chrome
      @ 可乐云小站

      欢迎欢迎!

      回复
  18. 头像
    妃妃
    Windows 10 · Google Chrome

    再次感谢

    回复
  19. 头像
    妃妃
    Android · Google Chrome

    感谢分享

    回复
    1. 头像
      六六丶 作者
      Windows 7 · Google Chrome
      @ 妃妃

      欢迎

      回复
  20. 头像
    妃妃
    Android · QQ Browser

    感谢分享

    回复
文章目录