百度分享自定义图标，修改默认【更多】图片

最新推荐文章于 2021-10-27 22:18:18 发布

多来哈米

最新推荐文章于 2021-10-27 22:18:18 发布

阅读量2.5k

点赞数

分类专栏： js、前端

本文链接：https://blog.csdn.net/hgg923/article/details/53996093

版权

js、前端专栏收录该内容

57 篇文章 2 订阅

订阅专栏

篡改百度分享【更多】的图标，重点是覆盖样式bsd_more，着重介绍思路

<html>
<head></head>
<style>
.ico_share {width: 20px;height: 20px;background: url(https://ofmw931zf.qnssl.com/admin/portal/like.png) no-repeat;background-size: 100%}
	dl.funcList {display: block;margin: 80px auto;width: 320px;}
	dl.funcList dd {display: block;float: left;cursor: pointer;position: relative; width: 150px;margin-right: 20px;background: #16181a;text-align: center;font-size: 14px;color: #fff;border-radius: 30px;height: 60px;line-height: 60px}
	dl.funcList dd:last-child {margin-right: 0;background: #00c1e0}
	dl.funcList dd:last-child:hover {background: #26b6d9}
	dl.funcList dd a {display: block;color: #fff;}
	.bds_more {font-size: 14px;color: #fff !important;display: block;position: absolute;top:0;left: 0;z-index: 1;width: 150px !important;height: 60px !important;background: transparent !important;}

</style>

<body>
<dl class="funcList clr">
	<dd><a href="#"><span class="ico_like vm disline mr5"></span>收藏</a></dd>
	<dd>
		<a class="bds_more ds" data-cmd="more" href="#">
			<span class="ico_share vm disline mr5"></span>分享
			<div class="bdsharebuttonbox">
				<a class="bds_more" data-cmd="more" href="#">
				</a>
			</div>
		</a>
		<script>window._bd_share_config={"common":{"bdSnsKey":{},"bdText":"","bdMini":"2","bdMiniList":["weixin","sqq","tsina","fbook","qzone","renren","tqq","isohu","ty"],"bdPic":"","bdStyle":"1","bdSize":"32"},"share":{}};with(document)0[(getElementsByTagName('head')[0]||body).appendChild(createElement('script')).src='./static/api/js/share.js?v=89860593.js?cdnversion='+~(-new Date()/36e5)];</script>
	</dd>
</dl>
</body>
</html>

比如效果图：

多来哈米

关注

0
点赞
踩
1

收藏

觉得还不错? 一键收藏
打赏
0
评论
百度分享自定义图标，修改默认【更多】图片

篡改百度分享【更多】的图标，重点是覆盖样式bsd_more，着重介绍思路 .ico_share {width: 20px;height: 20px;background: url(https://ofmw931zf.qnssl.com/admin/portal/like.png) no-repeat;background-size: 100%} dl.funcList {display
复制链接

扫一扫