2012-02-09 6 views
2

自分のカスタマイズしたSharethisイメージを自分のウェブサイトの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> 

私はちょうど他の基本的な緑色のアイコンは何も変更しないようにしたいです。

答えて

3

変更このクラスのプロパティ: - :

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

また、あなたはこのファイルをJS共有から直接IMG PNGを編集することができます - このような

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

変更CSSを -

検索対象: -

style.backgroundImage 

イメージロケーションをカスタムロケーションに置き換えます。

6

これはすでに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; 
} 
関連する問題