小洋娱乐网-全网资源免费共享平台-www.wuiso.com-投稿奖励1-88元-免费建站平台
此处广告位可在后台设置
大家都在搜 辅助活动QQ飞车骗子
此处广告位可在后台设置

emlog 文章内页无插件实现快捷按钮工具

发布:邵先森2018-1-10 5:52分类: 网页素材 关键词: 浏览:257字数:2549 去评论(0)


首先在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/176059609" 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;}




正文到此结束

小洋娱乐网-版权声明

1  除非特别注明,文章均为小洋娱乐网原创,转载时请注明来源

2 <本站资源来自互联网搜集,如有侵权请联系我们删除>

百度已收录[点击提交]

3  本文标题:【emlog 文章内页无插件实现快捷按钮工具】
4  本文衔接:http://www.wuiso.top/post-920.html  [生成短网址]
 
相关文章

发表评论

电子邮件地址不会被公开。 必填项已用*标注

此处广告位可在后台设置
TOP