详情 评论 问答 符合二次元网站的文章版权声明(共两款)小柚子11月28日发布关注私信0497 版本一: <div class="article-copyright" style="background: linear-gradient(135deg, #f9d6e4, #e6f3ff); padding: 20px; border-radius: 12px; border: 2px solid #ff7eb9; margin: 20px 0; font-size: 14px; color: #555; position: relative; overflow: hidden;"> <!-- 二次元装饰图标 --> <span style="position: absolute; top: -10px; right: -10px; font-size: 50px; color: #ff7eb9; opacity: 0.2;">🎀</span> <span style="position: absolute; bottom: -10px; left: -10px; font-size: 50px; color: #ff7eb9; opacity: 0.2;">🌸</span> <p style="margin: 0; line-height: 1.6;"> <strong style="color: #ff7eb9; font-size: 16px;">📜 版权声明:</strong><br> 本文为原创文章,版权归 <a href="https://www.zibll.com" style="color: #ff7eb9; text-decoration: none; font-weight: bold;">子比主题</a> 所有。<br> 未经许可,禁止转载。如需转载,请联系作者并获得授权。<br> 授权方式:<a href="https://creativecommons.org/licenses/by-nc-sa/4.0/" style="color: #ff7eb9; text-decoration: none; font-weight: bold;">CC BY-NC-SA 4.0</a>(署名-非商业性使用-相同方式共享)。 </p> </div> 版本二:外观上没有较大区别,仅在黑夜模式下颜色更为柔和 <div class="article-copyright" style=" background: var(--copyright-bg, linear-gradient(135deg, #ffd1dc, #c1e1ff)); padding: 20px; border-radius: 16px; border: 3px solid var(--copyright-border, #ff7eb9); margin: 20px 0; font-size: 14px; color: var(--copyright-text, #333); position: relative; overflow: hidden; box-shadow: 0 4px 12px var(--copyright-shadow, rgba(255, 126, 185, 0.3)); transition: transform 0.3s ease, box-shadow 0.3s ease; "> <!-- 二次元装饰图标 --> <span style="position: absolute; top: -20px; right: -20px; font-size: 80px; color: var(--copyright-icon, #ff7eb9); opacity: 0.2; transform: rotate(30deg);">🎀</span> <span style="position: absolute; bottom: -20px; left: -20px; font-size: 80px; color: var(--copyright-icon, #ff7eb9); opacity: 0.2; transform: rotate(-30deg);">🌸</span> <!-- 动态悬浮效果 --> <div style="position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: radial-gradient(circle, var(--copyright-particle, rgba(255, 126, 185, 0.2)) 10%, transparent 10.01%); background-size: 20px 20px; animation: move 3s infinite linear;"></div> <!-- 版权声明内容 --> <div style="position: relative; z-index: 2;"> <strong style="color: var(--copyright-title, #ff7eb9); font-size: 18px; display: flex; align-items: center; gap: 8px; margin-bottom: 8px;"> <span style="font-size: 24px;">📜</span> 版权声明: </strong> <p style="margin: 0; line-height: 1.5; text-indent: 0;"> 本文为原创文章,版权归 <a href="https://www.zibll.com" style="color: var(--copyright-link, #ff7eb9); text-decoration: none; font-weight: bold;">子比主题</a> 所有。<br> 未经许可,禁止转载。如需转载,请联系作者并获得授权。<br> 授权方式:<a href="https://creativecommons.org/licenses/by-nc-sa/4.0/" style="color: var(--copyright-link, #ff7eb9); text-decoration: none; font-weight: bold;">CC BY-NC-SA 4.0</a>(署名-非商业性使用-相同方式共享)。 </p> </div> </div> <!-- 动态背景动画 --> <style> @keyframes move { 0% { background-position: 0 0; } 100% { background-position: 20px 20px; } } .article-copyright:hover { transform: translateY(-5px); box-shadow: 0 8px 20px var(--copyright-shadow-hover, rgba(255, 126, 185, 0.4)); } /* 日间模式样式 */ :root { --copyright-bg: linear-gradient(135deg, #ffd1dc, #c1e1ff); --copyright-border: #ff7eb9; --copyright-text: #333; --copyright-title: #ff7eb9; --copyright-link: #ff7eb9; --copyright-icon: #ff7eb9; --copyright-shadow: rgba(255, 126, 185, 0.3); --copyright-shadow-hover: rgba(255, 126, 185, 0.4); --copyright-particle: rgba(255, 126, 185, 0.2); } /* 夜间模式样式 */ [data-theme='dark'] { --copyright-bg: linear-gradient(135deg, #3a1f4a, #1a1a2e); --copyright-border: #ff7eb9; --copyright-text: #ddd; --copyright-title: #ff7eb9; --copyright-link: #ff7eb9; --copyright-icon: #ff7eb9; --copyright-shadow: rgba(255, 126, 185, 0.2); --copyright-shadow-hover: rgba(255, 126, 185, 0.3); --copyright-particle: rgba(255, 126, 185, 0.1); } </style> 文章很赞,支持一下吧~ 还没有人为TA充电 为TA充电 还没有人为TA充电 © 版权声明 版权声明 1 本站名称: 七九网单 2 本站网址:www.fengxue.cc 3 本网站的文章部分内容可能来源于网络,仅供大家学习与参考,如有侵权,请联系站长进行删除处理。 4 本站一切资源不代表本站立场,并不代表本站赞同其观点和对其真实性负责。 5 本站一律禁止以任何方式发布或转载任何违法的相关信息,访客发现请向站长举报。 6 本站附件资源、教程等内容如因时效原因失效或不可用,请评论区留言或联系站长及时更新。 THE END子比美化 喜欢就支持一下吧点赞7打赏 分享QQ空间微博QQ好友复制链接收藏如何下载资源?您可以通过搜索或浏览分类列表来找到您期望下载的资源。随后点击资源介绍页右侧的下载链接按钮,依据提示信息进行操作即可。是否需要充值才能下载?大部分资源可积分免费下载,为了维持网站的运行小部分资源须付费才能下载。下载的资源是否有版权?本站提供的下载资源均为网络搜集,仅供个人学习和交流使用。对于版权问题,请用户自行判断并承担相应责任。 上一篇 子比底部页脚美化 下一篇 自定义网页鼠标右键菜单 新增粘贴功能 评论 抢沙发 请登录后发表评论 登录 注册 暂无评论内容