• 欢迎访问惊奇视角官网,如果您想和更多小伙伴一起探索可以点击☞ QQ群
  • 如果您觉得本站非常有看点,那么赶紧使用Ctrl+D 收藏惊奇视角吧
  • 惊奇视角留言板欢迎您来提出意见:点我留言

纯代码实现打赏分享代码

首先在 echo_log.php 合适位置添加如下

<div class="log_a"><span class="zd_1"><a href="#comments"> <i class="fa fa-comment"></i> 评论一下</a></span> <span class="zd_2"><a href="图片地址"><i class="fa fa-yen"></i> 赞助本博</a></span> <span class="zd_3"><a href="http://user.qzone.qq.com/89792606" target="_blank"> <i class="fa fa-android"></i> 关注空间</a></span> <span class="zd_4"><a href="http://wpa.qq.com/msgrd?v=3&uin=176059609&site=qq&menu=yes"> <i class="fa fa-qq"></i> 联系站长</a></span></div>

之后增加 CSS 样式

/*---文章页面自定义--*/
.log_a{text-align:center;width:100%;margin:30px auto 10px;height:45px;}
.log_a .zd_1{display: inline-block;color:#fff;background:#5cb85c;font-size:14px;padding:10px 20px;font-weight:bold;box-shadow: 0 0 4px 1px rgba(0,150,0,0.3);border-radius:4px;background-image: linear-gradient(45deg,rgba(255,255,255,.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.15) 50%,rgba(255,255,255,.15) 75%,transparent 75%,transparent);background-size:30px 30px;}
.log_a .zd_2{display: inline-block;margin-left:20px;color:#fff;background:#799ca9;padding:10px 20px;font-size:14px;font-weight:bold;box-shadow:0 0 4px 1px rgba(0,150,0,0.3);border-radius:4px;background-image: linear-gradient(45deg,rgba(255,255,255,.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.15) 50%,rgba(255,255,255,.15) 75%,transparent 75%,transparent);background-size:30px 30px;}
.log_a .zd_3{display: inline-block;margin-left:20px;color:#fff;background:#573b69;font-size:14px;padding:10px 20px;font-weight:bold;box-shadow: 0 0 4px 1px rgba(0,150,0,0.3);border-radius:4px;background-image: linear-gradient(45deg,rgba(255,255,255,.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.15) 50%,rgba(255,255,255,.15) 75%,transparent 75%,transparent);background-size:30px 30px;}
.log_a .zd_4{display: inline-block;margin-left:20px;color:#fff;background:#63A8DF;padding:10px 20px;font-size:14px;font-weight:bold;box-shadow:0 0 4px 1px rgba(0,150,0,0.3);border-radius:4px;background-image: linear-gradient(45deg,rgba(255,255,255,.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.15) 50%,rgba(255,255,255,.15) 75%,transparent 75%,transparent);background-size:30px 30px;}
.log_a .zd_1 a,.zd_2 a,.zd_3 a,.zd_4 a{color:#fff}
.zd_1:hover,.zd_2:hover,.zd_3:hover,.zd_4:hover{background:#00aff0;cursor:pointer;background-image: linear-gradient(45deg,rgba(255,255,255,.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.15) 50%,rgba(255,255,255,.15) 75%,transparent 75%,transparent);background-size:40px 40px;}

惊奇视角 , 版权所有丨如未注明 , 均为原创丨本网站采用BY-NC-SA协议进行授权 , 转载请注明出处纯代码实现打赏分享代码
喜欢 (0)
[89792606@qq.com]
分享 (0)
半袖青衫
关于作者:
猎奇全球未解之谜,探索宇宙奥秘,分享生活点点滴滴,自媒体运营,实时资讯
发表我的评论
取消评论
表情 贴图 居中 斜体 签到

Hi,您需要填写昵称和邮箱!

  • 昵称 (必填)
  • 邮箱 (必填)
  • 网址