『原创』『教程』给你的Typecho博客侧边栏加一个恋爱计时(修复夜间模式样式)
Brains - 灵感乌托邦
『原创』『教程』给你的Typecho博客侧边栏加一个恋爱计时(修复夜间模式样式)
六六丶
2021-03-08 / 158 评论 / 10,986 阅读 / 正在检测是否收录...
广告

前言

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

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

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

紧急修复

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

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

image.png

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

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

image.png

成果展示

实现方法

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


结语

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

感谢 Nots 分享的代码。

代码下载

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

评论 (158)

取消
  1. 头像
    lolo
    Windows 10 · Google Chrome

    Thanks for share to us! QQ

    回复 待审 垃圾
  2. 头像
    lala
    Android · Google Chrome

    我买了Chevereto的V4,但是我没找到在哪里激活,你会不会弄这个图床

    回复 待审 垃圾
    1. 头像
      六六丶 作者
      Android · Google Chrome
      @ lala

      没玩过这个图床,你去看看官方文档吧

      回复 待审 垃圾
  3. 头像
    lala
    Android · Google Chrome

    我网站图床用我家nas搭建的,华硕的nas昨晚全挂了,被勒索病毒攻击了,哎,华硕ns官网也挂了

    回复 待审 垃圾
    1. 头像
      六六丶 作者
      Windows 7 · Google Chrome
      @ lala

      小电视太惨了,那你图片还在吗?可以备份出来放到其他图床上呀

      回复 待审 垃圾
      1. 头像
        lala
        Android · Google Chrome
        @ 六六丶

        没,图片我都没备份

        回复 待审 垃圾
        1. 头像
          六六丶 作者
          Windows 7 · Google Chrome
          @ lala

          那太惨了,虽然我之前也是这样,我把所有图片都放在了github,结果账号被封了,所有图片全部没了,申诉请求拷贝仓库内容也没有被同意,所以只能重新截图找图QQ

          回复 待审 垃圾
          1. 头像
            lala
            Android · Google Chrome
            @ 六六丶

            现在好啦,我换了一台服务器,稳定了,不过真的累死了,被折腾惨了

            回复 待审 垃圾
            1. 头像
              六六丶 作者
              Windows 10 · Google Chrome
              @ lala

              用的云服务器还是NAS呀

              回复 待审 垃圾
              1. 头像
                lala
                Android · Google Chrome
                @ 六六丶

                用的nas,12.5M的图片加载只需要371msQQ

                回复 待审 垃圾
          2. 头像
            lala
            Android · Google Chrome
            @ 六六丶

            你咋不搞一个本地nas呢,这样的话加在特别快诶,家庭带宽高

            回复 待审 垃圾
            1. 头像
              六六丶 作者
              Windows 10 · Google Chrome
              @ lala

              内网穿透麻烦,IPv6没申请到QQ

              回复 待审 垃圾
              1. 头像
                lala
                Android · Google Chrome
                @ 六六丶

                电信的ipv4也挺好申请的啊

                回复 待审 垃圾
                1. 头像
                  六六丶 作者
                  Windows 10 · Google Chrome
                  @ lala

                  IPv4要穿透的嘛

                  回复 待审 垃圾
              2. 头像
                lala
                Android · Google Chrome
                @ 六六丶

                电信的ipv4也挺好申请的啊

                回复 待审 垃圾
                1. 头像
                  lala
                  Android · Google Chrome
                  @ lala

                  刚刚你网站进不去,公网ipv4不用穿透啊,我就用的公网ipv4

                  回复 待审 垃圾
                  1. 头像
                    六六丶 作者
                    Windows 10 · Google Chrome
                    @ lala

                    我在修BUG和加功能,我空了试试nasQQ

                    回复 待审 垃圾
                    1. 头像
                      lala
                      Android · Google Chrome
                      @ 六六丶

                      可以的,网络这一块儿,不懂得可以问我,我玩儿nas也很久很久了表情

                      回复 待审 垃圾
  4. 头像
    flower
    iPhone · Safari

    来了来了

    回复 待审 垃圾
  5. 头像
    尘世闲游
    Windows 10 · Google Chrome

    学习学习

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

    666

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

    画图

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

    画图

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

    一波拿走

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

    拿走i啦!!!

    回复 待审 垃圾