子比主题美化-下载文件时加一个版权/免责声明

温馨提示:本文最后更新于2024-02-06 05:39:59,某些文章具有时效性,若有错误或已失效,请在下方留言。

介绍

很多网站上的文件是通过网络收集得来的。为了防止可能出现的法律问题,大家一般会在文件中标明版权信息。今天,我要和大家分享的是如何提升用户体验,让点击下载后弹出的版权信息展示得更美观!

截图

图片[1]-子比主题美化-下载文件时加一个版权/免责声明-清舟网教程

图片[2]-子比主题美化-下载文件时加一个版权/免责声明-清舟网

 

先找到主题文件编辑器,然后找到pages/download.php

把西面的代码粘贴到<?php之前,不然报错哦

//版权提示弹窗
<div class="web_notice" style="
position: fixed;
top: 0;
left: 0;
width: 100%;
height: 100%;
background: rgba(0,0,0,0.3);
z-index: 99999;
">
<div style="
position: fixed;
top: 50%;
left: 50%;
width: 350px;
background: #FFF;
transform: translate(-50%, -50%);
border-radius: 40px;
padding: 25px 20px;
">
<h3 style="
font-weight: bold;
text-align: center;
font-size: 30px;
margin-top: 10px;
margin-bottom: 15px;
">免责声明</h3>
<div style="
font-size: 16px;
margin-top: 26px;
line-height: 30px;
color: #999;
">相关内容均来自网络收集与网友提供,任何涉及商业盈利目的的均不得使用,否则产生的一切后果将由您自己承担!
本平台资源仅供个人学习交流,测试使用,请勿用于任何盈利商业用途。<br>版权争议与本站无关。您必须在下载后的24个小时之内,从您的电脑或手机中彻底删除下载内容。如果您喜欢该程序和内容,请支持正版,购买注册,得到更好的正版服务。我们非常重视版权问题,如有侵权请邮件(1234567@qq.com)与我们联系。敬请谅解!</div>
<div style="display: flex;justify-content: space-between;margin-top: 45px;">
<a style="display: block;
background: #98a3ff;
color: #FFF;
text-align: center;
font-weight: bold;
font-size: 19px;
line-height: 60px;
margin-right: 10px;
border-radius: 32px;
width: 45%;
" onclick="javascript:document.querySelector('.web_notice').remove()">我同意</a>
<a style="display: block; background: #f5f5f5; color: #333; text-align: center; font-weight: bold; font-size: 19px; line-height: 60px ;margin-left: 10px; border-radius: 32px; width: 45%;" href="<?php echo get_bloginfo('url').'/'.$post_id.'.html'; ?>" onclick="redirectToLink()">不同意</a>
</div>
</div>
</div>

 

 

查看完整教程

安装教程和相关工具都放在QQ群了,如需下载可以进群

© 版权声明
THE END
喜欢就支持一下吧
点赞5捐助 分享
评论 抢沙发

请登录后发表评论

    暂无评论内容