github项目链接:https://github.com/Jhamende/Cute-File-Browser
Demo: https://hamende.eu/FileBrowserDemo/
在此基础上我调了个蓝色主题:http://wget.treesky.link/
蓝色主题下载:http://wget.treesky.link/Cute-File-Browse-blue.tar.gz
使用方法:解压到网站目录后,Cute File Browser会默认显示您 Home & depot 文件夹里存储的文件。
调色方法:
/images/background.jpg #背景图
/assets/css/styles.css #颜色分布:
1 2 3 4 5 6 7 8 |
24行背景色 61行Home字体显示颜色 177行文件框背景色 193行选中文件框的反应色 205行文件名颜色 219行文件大小显示颜色 328行默认文件夹的颜色 627行导航栏颜色 |
自定义图标:
1 |
Example: Folder: /Home/Lorem Ipsum/ will get icon /images/icons/Home/Lorem.ipsum.png |
如遇国内网络显示不出文件,国外网络正常情况下:
index.php第43行 将 https://code.jquery.com/jquery-3.2.1.js 替换成国内CDN或者自己的。
1 2 3 |
http://depot.treesky.link/cdn/cute/jquery-3.2.1.js http://depot.treesky.link/cdn/cute/jquery-2.2.4.js http://depot.treesky.link/cdn/cute/jquery-1.11.0.min.js |
原创文章,作者:discovery,如若转载,请注明出处:https://www.pingzz.com/jiaocheng/wangzhan/357.html