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

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

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

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


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

8

打赏

海报

正在生成.....

评论 (56)

取消
  1. 头像
    634722366
    Android · Google Chrome
    沙发

    表情表情表情

    回复 删除 垃圾
  2. 头像
    我要赚钱
    Windows 10 · Google Chrome
    板凳

    我对楼主的敬仰犹如滔滔江水绵延不绝。

    回复 删除 垃圾
  3. 头像
    3233
    Windows 10 · FireFox
    地毯

    口口口口口口口kkkk表情

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

    表情

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

    看坎坎坷坷

    回复 删除 垃圾
  6. 头像
    阿洋
    Android · Google Chrome
    第6楼

    表情

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

    看看这个是啥

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

    来看看aaaaaa

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

    nice,太棒啦

    回复 删除 垃圾
  10. 头像
    ttxyy
    Linux · Google Chrome
    第10楼

    厉害厉害厉害

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

    6666牛逼

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

    感谢,看看那

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

    看看表情表情表情

    回复 删除 垃圾
  14. 头像
    一叶
    Windows 10 · FireFox
    第14楼

    感谢分享!

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

    感谢分享!

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

    感谢分享!

    回复 删除 垃圾
  17. 头像
    十一月
    Windows 7 · Google Chrome
    第17楼

    感谢分享。

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

    66666666看看nb

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

    六六六六六六head.php

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

    66666666666他

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

    撒大大 的我

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

    厉害了,表情

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

    6666,可以的表情

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

    666

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

    6666

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

    666

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

    666

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

    66666666666666

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

    66666

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

    直接666

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

    弟弟家

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

    3443

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

    对不

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

    看看

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

    6482

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

    别扭扭捏捏你好

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

    表情

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

    uuuu

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

    666

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

    感谢留言!

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

    画图

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

    6666666666

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

    牛逼啊

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

    哈哈哈

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

    哈哈哈哈

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

    ヾ(≧∇≦*)ゝ

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

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

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

    @@qq.com

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

    看看

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

    画图

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

    1

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

    手机就

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

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

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

      和这个类似

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

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

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

    可以呀!

    回复 删除 垃圾