Joe主题自定义侧边栏模块统一样式以及多模块添加方法
登录
标签云
侧边栏壁纸
博主昵称
圣羊ちゃん

  • 累计撰写 206 篇文章
  • 累计收到 449 条评论
技术教程

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

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

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


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

8

打赏

海报

正在生成.....
技术教程
本文作者： 圣羊ちゃん
本文链接： https://www.sy-forever.cn/70.html
文章转载：
声明： 本文版权内容属于 圣羊ちゃん 转载请标明出处
相关推荐
手机本地部署轻量化ChatGLM2-6b语言Ai模型
手机本地部署轻量化ChatGLM2-6b语言Ai模型
 Jsdelivr又崩溃？分享几个其它的反代
Jsdelivr又崩溃？分享几个其它的反代
 宝塔面板Cloudreve网盘框架搭建教程
宝塔面板Cloudreve网盘框架搭建教程
 Joe主题非本地代码下载
Joe主题非本地代码下载

评论 (53)

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

    表情

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

    看坎坎坷坷

    回复 删除 垃圾
  3. 头像
    阿洋
    Android · Google Chrome
    地毯

    表情

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

    看看这个是啥

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

    来看看aaaaaa

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

    nice，太棒啦

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

    厉害厉害厉害

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

    6666牛逼

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

    感谢，看看那

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

    看看表情表情表情

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

    感谢分享！

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

    感谢分享！

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

    感谢分享！

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

    感谢分享。

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

    66666666看看nb

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

    六六六六六六head.php

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

    66666666666他

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

    撒大大 的我

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

    厉害了,表情

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

    6666，可以的表情

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

    666

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

    6666

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

    666

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

    666

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

    66666666666666

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

    66666

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

    直接666

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

    弟弟家

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

    3443

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

    对不

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

    看看

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

    6482

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

    别扭扭捏捏你好

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

    表情

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

    uuuu

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

    666

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

    感谢留言！

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

    画图

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

    6666666666

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

    牛逼啊

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

    哈哈哈

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

    哈哈哈哈

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

    ヾ(≧∇≦*)ゝ

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

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

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

    @@qq.com

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

    看看

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

    画图

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

    1

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

    手机就

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

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

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

      和这个类似

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

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

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

    可以呀！

    回复 删除 垃圾