2010-02-21 72 views
3

我想像它的一些JavaScript,但你怎麼有ShareThis小部件直接到電子郵件頁面就像Mashable?ShareThis定製

+4

如果您可以在您所談論的內容上發佈代碼示例和鏈接,這將會很有幫助。並不是每個人都與「分享這個小部件」合作。 – 2010-02-21 18:52:27

+2

我同意佩卡。我不知道ShareThis是什麼。 – Warty 2010-02-21 18:59:57

回答

2

嘗試改變<span class="st_sharethis"></span>

<span class="st_email_button" displayText="Email"></span> 

This link can help

0

我只是說ShareThis到彩盒。這是我的代碼。

在定義了$ wrap對象之後,在publicMethod.init函數內部的第360行將此添加到您的jquery.colorbox.js文件(解壓縮/未定義)。

// Add shareThis 
    $wrap.append(
     $div("ShareThis").append("<span class='st_facebook_large' ></span><span class='st_linkedin_large' ></span><span class='st_twitter_large' ></span><span class='st_stumbleupon_large' ></span><span class='st_gbuzz_large' ></span><span class='st_sharethis_large' ></span><span class='st_email_large' ></span>") 
    ); 

將此代碼添加到您的colorbox.css顯示一個顏色框模式時對齊垂直shareThis條到瀏覽器的左側。

/* Custom ShareThis Style by Dylan Valade of pinelakedesign.com */ 
#cboxShareThis { 
    background: #fff; 
    padding-top: 25px; 
    position: fixed; 
    left: 0; 
    top: 25px; 
    width: 40px; 
    z-index: 9999; } 

從sharethis.com獲得一個ShareThis按鈕,您將這樣的代碼粘貼到啓動colorbox的頁面中。

<script type="text/javascript">var switchTo5x=true;</script> 
<script type="text/javascript" src="http://w.sharethis.com/button/buttons.js"></script> 
<script type="text/javascript">stLight.options({publisher:'YOUR_UUID_GOES_HERE'});</script> 
+0

我試過你的代碼,並誠實不知道你在這裏試圖做什麼。每次調用colorbox時,都想顯示sharethis小部件?如果是這樣,那麼這個問題根本就不是這個問題。 – JM4 2011-09-23 15:46:58

+0

你是對的,這沒有回答這個問題。其中兩條評論提到不了解ShareThis的背景,所以我提供了一個例子。 – 2011-09-23 16:31:30