如何在我的网站中使用我自己定制的Sharethis图像以及sharethis插件?

时间:2012-02-09 08:46:55

标签: javascript jquery social-networking sharethis

如何在我的网站上使用我自己定制的Sharethis图像以及sharethis插件?

我可以手动执行任何操作: -

<script type="text/javascript">var switchTo5x=true;</script><script type="text/javascript" src="http://localhost/website/js/share-this.js"></script>
<script type="text/javascript">stLight.options({publisher:'fbcd68c9-0a9c-4974-9ada-e106a30e9194'});</script>

我只想更改基本的绿色图标。

2 个答案:

答案 0 :(得分:7)

这已经documented on the ShareThis site了。在链接上使用“st_sharethis_custom”类。

<span class="st_sharethis_custom">ShareThis</span>

然后指定一个用于CSS的新图标。

.st_sharethis_custom{
    background: url("http://path/to/image/file") no-repeat scroll left top transparent;
    padding:0px 16px 0 0;
}

答案 1 :(得分:3)

更改此类的属性: -

<span class="st_sharethis_custom">ShareThis</span>

像这样更改CSS: -

.st_sharethis_custom{
    background: url("http://path/to/image/file") no-repeat scroll left top transparent;
    padding:0px 16px 0 0;
}

您也可以直接从Share This JS文件编辑img PNG: -

搜索: -

style.backgroundImage

将图片位置替换为您的自定义位置。