Sharethis Customization

I imagine its a bit of javascript but how do you have the ShareThis widget go strai开发者_高级运维ght to the email page like on Mashable?

Try changing <span class="st_sharethis"></span> to

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

This link can help

I just added ShareThis to Colorbox. Here is my code.

Add this to your jquery.colorbox.js file (uncompresses/unminified) around line 360 inside the publicMethod.init function just after the $wrap object is defined.

// 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>")
    );

Add this code to your colorbox.css to align a vertical shareThis bar to left side of the browser when a colorbox modal is displayed.

/* 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; }

Get a ShareThis button from sharethis.com and you'll paste code like this into the pages that launch the 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>