子比主题美化-下载页面添加复制提取码功能

很多资源站中,分享一些资源的时候会设置提取码。对于子比目前是未设置单独填写提取码的位置,且因为用户需求不同,子比主题需要用户手动复制或输入提取码,免去了复制步骤,来实现这个复制...

jaysun 2022-10-19 563阅读 20评论
商品售价(¥):0 积分

很多资源站中,分享一些资源的时候会设置提取码。对于子比目前是未设置单独填写提取码的位置,且因为用户需求不同,子比主题需要用户手动复制或输入提取码,免去了复制步骤,来实现这个复制提取码的这个小功能,代码无需修改主题文件,均存放于自定义代码块,无需担心主题更新。

20220924164820.jpg

使用教程

1.CSS代码放置子比主题设置->全局&功能->自定义CSS样式中

/**密码复制**/
.but-download .badg{position:relative;cursor:pointer;}.but-download .badg::after{position:absolute;content:" ";width:0;height:0;top:-11px;left:50%;-webkit-transform:translateX(-50%);-moz-transform:translateX(-50%);-ms-transform:translateX(-50%);-o-transform:translateX(-50%);transform:translateX(-50%);border-top:10px solid rgb(236,235,235);border-left:5px solid transparent;border-right:5px solid transparent;-webkit-transition:.3s;-o-transition:.3s;-moz-transition:.3s;transition:.3s;opacity:0;}.but-download .badg::before{content:attr(data-before);position:absolute;width:100px;height:31px;top:-40px;left:50%;-webkit-transform:translateX(-50%);-moz-transform:translateX(-50%);-ms-transform:translateX(-50%);-o-transform:translateX(-50%);transform:translateX(-50%);font-size:14px;line-height:31px;border-radius:4px;color:#6c6a6a;background-color:rgb(236,235,235);text-align:center;-webkit-transition:.3s;-o-transition:.3s;-moz-transition:.3s;transition:.3s;opacity:0;}.but-download .badg:hover::after,.but-download .badg:hover::before{opacity:1;}

    2.JavaScript代码放置子比主题设置->全局&功能->自定义javascript代码中

隐藏内容
评论可见
前往评论


您需要 登录账户 后才能发表评论

发表评论

快捷回复: 表情:
AddoilApplauseBadlaughBombCoffeeFabulousFacepalmFecesFrownHeyhaInsidiousKeepFightingNoProbPigHeadShockedSinistersmileSlapSocialSweatTolaughWatermelonWittyWowYeahYellowdog
评论列表 (有 20 条评论,563人围观)
网友昵称:djntt
djntt V 普通用户 Google Chrome 108.0.0.0 Windows 10 x64 19楼
06-02 来自广东 回复
文章不错,写的很好!赞、狂赞、超赞、不得不赞、史上最赞!
网友昵称:tan231a
tan231a V 普通用户 Google Chrome 101.0.4951.64 Windows 10 x64 18楼
04-12 来自湖南 回复
文章不错,写的很好!赞、狂赞、超赞、不得不赞、史上最赞!
网友昵称:wwcc8087
wwcc8087 V 普通用户 Google Chrome 111.0.0.0 Windows 10 x64 17楼
03-23 来自四川 回复
赞、狂赞、超赞、不得不赞、史上最赞!
网友昵称:Blue
Blue V 普通用户 UC Browser 15.3.2.1222 Xiaomi 10 16楼
03-06 来自广东 回复
6666好
网友昵称:sujiuqingyi
sujiuqingyi V 普通用户 Sogou Explorer Windows 7 x64 15楼
02-27 来自山西 回复
文章不错,写的很好!赞、狂赞、超赞、不得不赞、史上最赞!
网友昵称:cheng
cheng V 普通用户 Firefox 110.0 Windows 10 x64 14楼
02-23 来自新疆 回复
文章不错,写的很好!
网友昵称:ac6666
ac6666 V 普通用户 Google Chrome 90.0.4430.91 Android 11 13楼
02-15 来自辽宁 回复
文章不错,写的很好!赞、狂赞、超赞、不得不赞、史上最赞!
网友昵称:zxcv25
zxcv25 V 普通用户 IBrowse r Huawei Browser 12楼
02-07 来自广东 回复
6666666666牛逼克拉斯的
网友昵称:la845099997
la845099997 V 普通用户 QQBrowser 11.5.5240.400 Windows 10 x64 11楼
02-04 来自广东 回复
文章不错,写的很好!
网友昵称:zkpengg
zkpengg V 普通用户 Google Chrome 109.0.0.0 Windows 10 x64 10楼
02-01 来自安徽 回复
感不错的文章
网友昵称:qianxun
qianxun V 普通用户 Google Chrome 109.0.0.0 Mac OS X 10.15.7 9楼
01-28 来自浙江 回复
bucuo bu错不错
网友昵称:903265202@qq.com
903265202@qq.com V 普通用户 Google Chrome 86.0.4240.198 Windows 10 x64 8楼
01-03 来自贵州 回复
bucuo bu错不错
网友昵称:云海丶2018
云海丶2018 V 普通用户 Google Chrome 108.0.0.0 Windows 10 x64 7楼
01-03 来自河南 回复
感不错的文章
网友昵称:云海丶2018
云海丶2018 V 普通用户 Google Chrome 108.0.0.0 Windows 10 x64 6楼
01-03 来自河南 回复
感谢分享
网友昵称:maoshe
maoshe V 普通用户 QQBrowser 11.4.5225.400 Windows 10 x64 地板
2022-12-23 来自广西 回复
文章不错,写的很好!

目录[+]

取消
微信二维码
微信二维码
支付宝二维码