喵喵博客志 记录喵喵美好生活
歌曲封面 未知作品
  • 歌曲封面ひこうき雲松任谷由実
  • 歌曲封面El Pueblo Unido Jamás Será Vencido (En Vivo)Quilapayun
  • 歌曲封面I wish来栖りん
  • 歌曲封面冬の花宮本浩次
  • 歌曲封面So Cute~Lopu$

萌ICP备20210005号

辽ICP备2021005644号

辽公网安备 21021102000984号

绯色之喵 @2009

十年之约计划 4 年 75 天 5 小时 42 分

Powered by Typecho & Sunny

2 online · 27 ms

Title

joe主题首页添加夹子装饰

绯色之喵

·

Article
⚠️ 本文最后更新于2022年11月13日,已经过了557天没有更新,若内容或图片失效,请留言反馈

前言

今天下午本来打算将博客搬到docker上,再整个内网穿透,可是整整一下午都不行,好难受,突然qq响起,一看是小伙伴新做的夹子样式,非常好看!

于是打算也整一个!虽然完成品看着很不错,但是我并不是非常满意,日后有可能就删掉了qaq

步骤

添加图片

定位到\usr\themes\Joe\assets\js\joe.index.min.js

在第大概28行添加

此处内容,需回复之后可见

添加样式

随便创建一个css,写入以下内容,记得要在include.php引用

此处内容,需回复之后可见

大功告成啦!!

图片样式

图片位置可以替换成自己喜欢的图片默认图片大小30x170,其中有图的中心内容30x130,上下留白各20px,以下素材可以自行替换
如果你有更好看的样式欢迎分享

样式图片作者链接
档案夹档案夹火喵/
猫猫爪猫爪HYTNHYTN.TOP
猫爪书签猫爪书签HYTNHYTN.TOP
现在已有 15 条评论,0 人点赞
Comment
发表
  1. 头像
    @
    kingkare
    大佬 这个有没有办法在js里面加一个后台判断开关啊 就是后台开启他就显示夹子关闭就不显示
    · Chrome

    👍

    💖

    💯

    💦

    😄

    🪙

    👍 0 💖 0 💯 0 💦 0 😄 0 🪙 0
    1. 头像
      @
      加开关的话是php的,不过既然自用的话,在自定义css那里加上 .jiazi{display:none} 就不会显示夹子了。想显示时把这行删掉或者注释掉就好了。
      · Chrome

      👍

      💖

      💯

      💦

      😄

      🪙

      👍 0 💖 0 💯 0 💦 0 😄 0 🪙 0
  2. 头像
    @
    kingkare
    感谢分享
    · Chrome

    👍

    💖

    💯

    💦

    😄

    🪙

    👍 0 💖 0 💯 0 💦 0 😄 0 🪙 0
  3. 头像
    @
    trap、
    感谢分享
    · Chrome

    👍

    💖

    💯

    💦

    😄

    🪙

    👍 0 💖 0 💯 0 💦 0 😄 0 🪙 0
  4. 头像
    @
    啭捔儚俖遇笕
    定位到JS PHP代码是加到哪个文件的?
    · QQ浏览器

    👍

    💖

    💯

    💦

    😄

    🪙

    👍 0 💖 0 💯 0 💦 0 😄 0 🪙 0
    1. 头像
      @
      之前写错了,就是js文件,已修改
      · Chrome

      👍

      💖

      💯

      💦

      😄

      🪙

      👍 0 💖 0 💯 0 💦 0 😄 0 🪙 0
  5. 头像
    @
    啭捔儚俖遇笕
    谢谢分享
    · QQ浏览器

    👍

    💖

    💯

    💦

    😄

    🪙

    👍 0 💖 0 💯 0 💦 0 😄 0 🪙 0
  6. 头像
    @
    XCATX
    大佬牛哇,继续学习
    · Chrome

    👍

    💖

    💯

    💦

    😄

    🪙

    👍 0 💖 0 💯 0 💦 0 😄 0 🪙 0
  7. 头像
    @
    kingkare
    大佬果然牛逼
    · Chrome

    👍

    💖

    💯

    💦

    😄

    🪙

    👍 0 💖 0 💯 0 💦 0 😄 0 🪙 0
  8. 头像
    @
    ZMR
    hh 来了
    · Chrome

    👍

    💖

    💯

    💦

    😄

    🪙

    👍 0 💖 0 💯 0 💦 0 😄 0 🪙 0
  9. 头像
    @
    真不错
    · Chrome

    👍

    💖

    💯

    💦

    😄

    🪙

    👍 0 💖 0 💯 0 💦 0 😄 0 🪙 0
    1. 头像
      @
      嘿嘿你的夹子串位置啦
      · Chrome

      👍

      💖

      💯

      💦

      😄

      🪙

      👍 0 💖 0 💯 0 💦 0 😄 0 🪙 0
      1. 头像
        @
        哦哦,已经解决了,感谢提醒::(太开心)
        · Chrome

        👍

        💖

        💯

        💦

        😄

        🪙

        👍 0 💖 0 💯 0 💦 0 😄 0 🪙 0
      2. 头像
        @
        呃,哪个文件呢?
        · Chrome

        👍

        💖

        💯

        💦

        😄

        🪙

        👍 0 💖 0 💯 0 💦 0 😄 0 🪙 0
  10. 头像
    @
    宿生
    看看
    · Chrome

    👍

    💖

    💯

    💦

    😄

    🪙

    👍 0 💖 0 💯 0 💦 0 😄 0 🪙 0
搜 索 消 息 足 迹
你还不曾留言过..
你还不曾留下足迹..
博主