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

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

Jaysun 2022-10-19 1.27 K阅读 26评论

温馨提示:这篇文章已超过516天没有更新,请注意相关的内容是否还可用!

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

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
评论列表 (有 26 条评论,1269人围观)
网友昵称:shijia8866
shijia8866 V 普通用户 Google Chrome 90.0.4430.61 OPPO 25楼
02-08 来自江苏 回复
谢谢分享
网友昵称:dongdongyouxi
dongdongyouxi V 钻石VIP Google Chrome 120.0.6099.230 Samsung W2019 24楼
01-25 来自河北 回复
我喜欢你。做我女朋友好不好
网友昵称:virtual2
virtual2 V 普通用户 Google Chrome 120.0.0.0 Windows 10 x64 23楼
01-09 来自浙江 回复
感谢分享不错
网友昵称:chenxm6605
chenxm6605 V 普通用户 Google Chrome 120.0.0.0 Windows 10 x64 22楼
01-08 来自浙江 回复
感谢大佬分享!
网友昵称:whoareyou1
whoareyou1 V 普通用户 Google Chrome 119.0.6045.160 Windows 10 x64 21楼
01-07 来自江苏 回复
不懂怎么破?文章不错,写的很好!
网友昵称:shaop
shaop V 普通用户 Google Chrome 114.0.0.0 Windows 10 x64 20楼
2023-07-01 来自河南 回复
文章不错,写的很好!emmmmm……看不懂怎么破?文章不错,写的很好!
网友昵称:djntt
djntt V 普通用户 Google Chrome 108.0.0.0 Windows 10 x64 19楼
2023-06-02 来自广东 回复
文章不错,写的很好!赞、狂赞、超赞、不得不赞、史上最赞!
网友昵称:tan231a
tan231a V 普通用户 Google Chrome 101.0.4951.64 Windows 10 x64 18楼
2023-04-12 来自湖南 回复
文章不错,写的很好!赞、狂赞、超赞、不得不赞、史上最赞!
网友昵称:wwcc8087
wwcc8087 V 普通用户 Google Chrome 111.0.0.0 Windows 10 x64 17楼
2023-03-23 来自四川 回复
赞、狂赞、超赞、不得不赞、史上最赞!
网友昵称:Blue
Blue V 普通用户 UC Browser 15.3.2.1222 Xiaomi 10 16楼
2023-03-06 来自广东 回复
6666好

目录[+]

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