Emlog文章内页添加快捷按钮源码【无需插件】 - 影课教学网



Emlog文章内页添加快捷按钮源码【无需插件】

作者: yingke

全网最全的网络资源分享网站

手机扫码查看

标签:

emlog文章内页

特别声明:本站资源分别为免费资源、查看密码或解压密码资源、三个级别VIP会员资源。本站所有发布的内容都是安全,请放心下载!本站不可能所有资源都可以商业用途,原创或部分除外!如:商业用途请联系原作者购买正版。与本站无关!若侵犯到您的权益,请联系本站删除,我们将及时处理!

影课小房

 

之前用过的都是带插件的,这里分享一下 代码添加方法

效果图:

Emlog 文章内页添加快捷按钮源码【无需插件】


教程:

 

建议使用 Notepad++ 来操作以下步骤、(也算是废话)

1、打开 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/826420361" target="_blank"> <i class="fa fa-android"></i> 关注空间</a></span> 
 <span class="zd_4"><a href="http://wpa.qq.com/msgrd?v=3&uin=826420361&site=qq&menu=yes" > <i class="fa fa-qq"></i> 联系站长</a></span>
</div>

2、打开 style.css 把下面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;

 

 

搜一下

分享到:
打赏
转载请注明出处

作者: yingke, 转载或复制请以 超链接形式 并注明出处 影课教学网
原文地址: 《Emlog文章内页添加快捷按钮源码【无需插件】》 发布于2020-10-9

评论

切换注册

登录

忘记密码?

您也可以使用第三方帐号快捷登录

切换登录

注册

Emlog文章内页添加快捷按钮源码【无需插件】

长按图片转发给朋友

觉得文章有用就打赏一下文章作者

支付宝扫一扫打赏

微信扫一扫打赏