Joe主题自定义侧边栏模块统一样式以及多模块添加方法

Joe主题自定义侧边栏模块统一样式以及多模块添加方法

圣羊ちゃん
2021-11-26 / 39 评论 / 317 阅读 / 正在检测是否收录...

Joe主题在侧边栏方面提供了许许多多的内置模块,但供我们使用第三方代码的自定义模块却显得有些简陋,如果你直接将代码放入你会发现它和其它内置的模块显得格格不入(因为它并没有像内置模块有个白色框做为背景,它的背景是透明的),而且如果你有多个自定义模块的话因为没有分割也不好区分。
就像这样:
Test
那么今天圣羊就告诉你们一种Joe主题自定义侧边栏模块统一样式以及添加多个模块的方法,效果如图:
Test
话不多说,上代码


如果只有一个模块只需加上第一行代码即可,如果要添加更多模块以此类推就行了,这样添加侧边栏自定义模块就不会犯强迫症啦 表情

6

打赏

海报

正在生成.....

评论 (39)

取消
  1. 头像
    子染
    Windows 10 · Google Chrome
    沙发

    66666666看看nb

    回复 删除 垃圾
  2. 头像
    NetwrokZfh
    Windows 10 · Google Chrome
    板凳

    六六六六六六head.php

    回复 删除 垃圾
  3. 头像
    666
    Windows 10 · Google Chrome
    地毯

    66666666666他

    回复 删除 垃圾
  4. 头像
    问我
    Windows 10 · Google Chrome
    第4楼

    撒大大 的我

    回复 删除 垃圾
  5. 头像
    jacksen168
    Windows 10 · Google Chrome
    第5楼

    厉害了,表情

    回复 删除 垃圾
  6. 头像
    Windows 10 · Google Chrome
    第6楼

    6666,可以的表情

    回复 删除 垃圾
  7. 头像
    Ffc
    iPhone · Safari
    第7楼

    666

    回复 删除 垃圾
  8. 头像
    s
    Windows 10 · Google Chrome
    第8楼

    6666

    回复 删除 垃圾
  9. 头像
    星云
    Android Pie · Google Chrome
    第9楼

    666

    回复 删除 垃圾
  10. 头像
    m
    Windows X64 · Google Chrome
    第10楼

    666

    回复 删除 垃圾
  11. 头像
    精彩焘
    Windows 10 · Google Chrome
    第11楼

    66666666666666

    回复 删除 垃圾
  12. 头像
    执行程序
    Windows 7 · Google Chrome
    第12楼

    66666

    回复 删除 垃圾
  13. 头像
    Android Oreo · Google Chrome
    第13楼

    直接666

    回复 删除 垃圾
  14. 头像
    毒蛊博客
    Windows 7 · Google Chrome
    第14楼

    弟弟家

    回复 删除 垃圾
  15. 头像
    6776
    Android · QQ Browser
    第15楼

    3443

    回复 删除 垃圾
  16. 头像
    iPhone · QQ Browser
    第16楼

    对不

    回复 删除 垃圾
  17. 头像
    东方
    Windows 10 · Google Chrome
    第17楼

    看看

    回复 删除 垃圾
  18. 头像
    牛逼
    iPhone · QQ Browser
    第18楼

    6482

    回复 删除 垃圾
  19. 头像
    应该够
    Android · QQ Browser
    第19楼

    别扭扭捏捏你好

    回复 删除 垃圾
  20. 头像
    一只物块
    Windows 10 · Google Chrome
    第20楼

    表情

    回复 删除 垃圾
  21. 头像
    sun
    iPhone · QQ Browser
    第21楼

    uuuu

    回复 删除 垃圾
  22. 头像
    腾飞
    iPhone · QQ Browser
    第22楼

    666

    回复 删除 垃圾
  23. 头像
    阿迪王
    Windows 10 · Google Chrome
    第23楼

    感谢留言!

    回复 删除 垃圾
  24. 头像
    马化腾
    Windows 10 · Google Chrome
    第24楼

    画图

    回复 删除 垃圾
  25. 头像
    zzzzz
    Windows 7 · Google Chrome
    第25楼

    6666666666

    回复 删除 垃圾
  26. 头像
    XunZhiCloud
    Android Pie · QQ Browser
    第26楼

    牛逼啊

    回复 删除 垃圾
  27. 头像
    小郭博客
    Android · Google Chrome
    第27楼

    哈哈哈

    回复 删除 垃圾
  28. 头像
    panda
    Windows 10 · Google Chrome
    第28楼

    哈哈哈哈

    回复 删除 垃圾
  29. 头像
    永恒小站站长
    iPhone · QQ Browser
    第29楼

    ヾ(≧∇≦*)ゝ

    回复 删除 垃圾
  30. 头像
    圣羊ちゃん 作者
    Windows 10 · Google Chrome
    第30楼
    @

    评论已删除,请注意评论礼节

    回复 删除 垃圾
  31. 头像
    。。
    iPhone · QQ Browser
    第31楼

    @@qq.com

    回复 删除 垃圾
  32. 头像
    马化腾
    iPhone · QQ Browser
    第32楼

    看看

    回复 删除 垃圾
  33. 头像
    猕猴桃
    Windows 10 · QQ Browser
    第33楼

    画图

    回复 删除 垃圾
  34. 头像
    1
    Android · QQ Browser
    第34楼

    1

    回复 删除 垃圾
  35. 头像
    水木
    Android · QQ Browser
    第35楼

    手机就

    回复 删除 垃圾
    1. 头像
      圣羊ちゃん 作者
      Windows 10 · Google Chrome
      @ 水木

      手机端教程来了:https://www.sy-forever.cn/73.html

      回复 删除 垃圾
    2. 头像
      圣羊ちゃん 作者
      Windows 10 · Google Chrome
      @ 水木

      和这个类似

      回复 删除 垃圾
    3. 头像
      圣羊ちゃん 作者
      Windows 10 · Google Chrome
      @ 水木

      手机没有侧边栏,到是我有一种能在菜单栏里加入自定义模块的方法,我以后看看能否写教程

      回复 删除 垃圾
  36. 头像
    ZMR
    Windows 10 · Google Chrome
    第36楼

    可以呀!

    回复 删除 垃圾