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

原创 2017年01月03日 17:15:37



篡改百度分享【更多】的图标,重点是覆盖样式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>



比如效果图:




                    

百度分享自定义分享案例

1、参考文档:http://share.baidu.com/code/advance#config-share 2、自定义案例 Document /* .bdshareb...

Delphi7高级应用开发随书源码

  • 2003年04月30日 00:00
  • 676KB
  • 下载

百度分享代码--一键分享Baidu Share BEGIN

http://share.baidu.com/code/advance 一、概述 百度分享代码已升级到2.0,本页将介绍新版百度分享的安装配置方法,请点击左侧列表查看相关章节。 二、代码结构 ...

百度分享如何自定义分享url和内容?

百度分享默认分享的是当前页的url,但也可以在同一个页面中分享多个不同的url,仅需进行如下简单的配置。 默认的代码如下: 其实是有很多隐藏的参数的: 'bdDes':'...
  • slpond
  • slpond
  • 2016年11月23日 23:03
  • 624

一小段JS代码实现静态页面点击数的自动更新(使用AJAX)

script language="javascript">var xmlHttp;if (window.ActiveXObject){   xmlHttp=new ActiveXObject("Mic...
  • viaivi
  • viaivi
  • 2008年01月04日 12:34
  • 389

通过JS解析手机浏览器UA标志中的各种设备信息

通过获取手机浏览器的UA标志后,对UA字符串进行解析出手机的各种基本信息。 /* * @name Operating System * @desc Currently is only to us...

为bootstrap添加更多自定义图标

为 Bootstrap 添加更多自定义图标 Twitter Bootstrap 真是前端开发的瑞士军刀,作为基于 HTML,CSS 和JavaScript 的简洁灵活的前...

为 Bootstrap 添加更多自定义图标

转  http://www.lovelucy.info/custom-icons-for-twitter-bootstrap.html

自定义图标的百度分享插件

  • 2017年01月03日 13:26
  • 15KB
  • 下载

android 百度地图自定义圆,更改默认图标等常用方法

总结了一下百度地图常用的方法(前提是集成百度地图环境成功): 1:定位到已经经纬度,只需要改变LatLng的参数即可。有两种方法:方法1://定义Maker坐标点 LatLng po...
内容举报
返回顶部
收藏助手
不良信息举报
您举报文章:百度分享自定义图标,修改默认【更多】图片
举报原因:
原因补充:

(最多只允许输入30个字)