找回密码
 立即注册
查看: 4861|回复: 3

阿文菌web导航页增加滚动条功能,加大容量

[复制链接]

10

主题

31

回帖

157

积分

初级渣柚V2

积分
157
发表于 2019-10-1 13:43:52 | 显示全部楼层 |阅读模式
本帖最后由 wenrijl 于 2019-10-2 01:42 编辑

自从前几个月进了垃圾佬圈子,完全无心工作,每天就想买买买,剩下的时间就是搞搞搞,特别大佬带我进了PT站以后,从不看电影的我热衷于刷电影电视剧,然而一个家庭一条线路的力量是渺小的,于是在我弟弟家和工作室各放了一台机器刷上传,三个位置通过蒲公英路由器组网,在任何位置都能随时管理!
家里设备比较多,台式机,卧室的htpc,Acer笔记本,Macbook air,手机等等,不同时间用不同设备登录,张大妈阿文菌分享的《折腾群晖笔记:使用群晖自带的web功能一分钟安装自己的导航页》让我可以在不同的设备都可以随时访问,而不用一个个添加收藏或者一次次手动输入地址。
微信图片_20191001125415.jpg
阿文菌张大妈教程

默认导航页第三排被遮挡,最多12个
2.png


然而碰上我这样的,一堆设备,登录页,Transmission管理页,各个网站页,路由器管理页。。。显然12个不够用,超出的会在下面看不到是什么内容
我想加个滚动条,有问题找百度,经过一番折腾终于暂时宣告成功

方法:
打开index.html
在<body>下增加一条<div>

<div style="height:768px; overflow:auto;">       内容滚动条高度768像素,我的Mac 高度768比较合适,可以根据自己屏幕增减
2.png

在结束位置,</body>加一个 </div> 结尾

1.png


然后打开css文件夹的style.css
搜索:height:900px,把900改成1600,整体页面提高到1600像素,总量更大
4.png

完成,看下效果
6.png
够用了吧,哈哈哈哈哈哈!搞定!

评分

参与人数 3渣金 +3 经验值 +65 收起 理由
锐角 + 3 很给力!
xxx + 50 很给力!
jakc + 15

查看全部评分

3

主题

22

回帖

360

积分

中级渣柚V1

积分
360
发表于 2019-10-1 14:49:34 | 显示全部楼层
不错啊,

2

主题

441

回帖

628

积分

中级渣柚V2

积分
628
发表于 2020-1-3 13:27:06 来自手机 | 显示全部楼层
路过学习一下

33

主题

412

回帖

1199

积分

中级渣柚V3

积分
1199
发表于 2020-1-4 20:42:18 | 显示全部楼层
试了下,下面有个大下巴
您需要登录后才可以回帖 登录 | 立即注册

本版积分规则

QQ|Archiver|手机版|小黑屋|矿渣社区 ( 黔ICP备2024020525号-1 )

GMT+8, 2024-6-28 13:32 , Processed in 0.054350 second(s), 5 queries , Redis On.

Powered by Discuz! X3.5

© 2001-2024 Discuz! Team.

快速回复 返回顶部 返回列表