[Typecho]给joe主题的自定义链接添加垂直滚动容器
温馨提示:
本文最后更新于2025年05月03日,已超过534天未更新,内容或图片可能失效。
原因是这样的:今天访问网站的时候发现推荐的自定义链接那里展示不完全我在后台设置的链接,随后我就打开了ai,让它给主题添加了css,一个垂直滑动的容器。
修改前演示图片

如何修改?
打开你服务器面板,在Joe/assets/ css 中创建一个名字为:joe.tuijian.min.css的文件,粘贴以下代码:
.joe_dropdown__menu{max-height:400px;overflow-y:auto;scrollbar-width:thin;scrollbar-color:var(--main) transparent}.joe_dropdown__menu::-webkit-scrollbar{width:6px}.joe_dropdown__menu::-webkit-scrollbar-thumb{background:var(--main);border-radius:3px}引入以上创建好的代码
<link href="/usr/themes/Joe/assets/css/joe.tuijian.min.css" rel="stylesheet">引入位置
usr/themes/Joe/public/ include.php

修改后展示

总结
通过css完成垂直滚动容器,让被遮挡的链接得到展示,提高访客的友好交互!
版权属于:
宗同学
作品采用:
《署名-非商业性使用-相同方式共享 4.0 国际 (CC BY-NC-SA 4.0)》许可协议授权
评论