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

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

jaysun 10-19 112阅读 3评论
商品售价(¥):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代码中

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


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

发表评论

快捷回复: 表情:
评论列表 (有 3 条评论,112人围观)
网友昵称:hostsir
hostsir V 普通用户 Google Chrome 107.0.0.0 Windows 10 x64 板凳
11-20 来自江苏 回复
感谢分享 Applause.png
网友昵称:a97284173
a97284173 V 普通用户 Firefox 107.0 Windows 10 x64 椅子
11-16 来自云南 回复
感谢分享 Applause.png
网友昵称:Yakito
Yakito V 普通用户 Google Chrome 107.0.0.0 Windows 10 x64 沙发
11-10 来自越南 回复
感谢分享 [Applause]

目录[+]

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