The Arcive of vBulletin Modifications Site.

[vB4.0.X] Submit to Twitter, Facebook and Digg · **Released**: 09-14-2010

This mod is an update for vB4.0.X from the modification Submit to Twitter, Facebook and Digg made by ericgtr...

This modification add a "button" in the thread (top menu) and allow the users to share it using Twitter, Facebook and Digg...See the screenshot for example

And here we go:
------------------------------------------------------------------------------------------------------------------

Open the SHOWTHREAD template and find:

Code:

<vb:if condition="$show['firstunreadlink']">

Add above:

Code:

<li class="popupmenu nohovermenu">
<h6><a class="popupctrl" href="javascript://"><blink><font style="background:#FC3" color="#000000">Share</font></blink></a></h6>
<ul class="popupbody popuphover"  style="background:#FFF">
<li><label>
<img class="inlineimg" src="images/facebook_share_icon.gif" alt="Share on Facebook" />
<script>function fbs_click() {u=location.href;t=document.title;window.open('http://www.facebook.com/sharer.php?u='+encodeURIComponent(u)+'&t='+encodeURIComponent(t),'sharer','toolbar=0,status=0,width=626,height=436');return false;}</script>
<a href="http://www.facebook.com/share.php?u=<url>" onclick="return fbs_click()" target="_blank" class="fb_share_link">Share on Facebook</a>
</label></li>
<li><label>
<img class="inlineimg" src="images/twitter_icon.gif" alt="Submit to Twitter" />
<script type="text/javascript">
    var twtTitle  = document.title;
    var twtUrl    = location.href;
    var maxLength = 140 - (twtUrl.length + 1);
    if (twtTitle.length > maxLength) {
    twtTitle = twtTitle.substr(0, (maxLength - 3))+'...';
    }
    var twtLink = 'http://twitter.com/home?status='+encodeURIComponent(twtTitle + ' ' + twtUrl);
    document.write('<a href="'+twtLink+'" target="_blank"'+'>Tweet This!<'+'/a>');</script>
</label></li>
<li><label>
<img class="inlineimg" src="images/digg_icon.gif" alt="Submit to Digg" /> 
<script src="http://widgets.digg.com/buttons.js" type="text/javascript"></script> <a class="DiggThisButton DiggCompact"></a>
</label></li>
</ul>
</li>

Add the files in attachment in the folder "images" of your style...

------------------------------------------------------------------------------------------------------------------

If you installed this hack please Click "Mark as Installed"

Enjoy!

NightLord · #2 09-15-2010, 02:49 PM

thanks again

demonfatal · #3 09-15-2010, 04:12 PM

You welcome! Just click Mark as Installed is you use it...

Ahmet Turan · #4 09-17-2010, 02:14 PM

thanks

chuckhodson · #5 09-20-2010, 03:52 AM

Works great man thanks.

Vanion · #6 09-20-2010, 12:45 PM

Works great. Thanks!

homanhtruong · #7 09-22-2010, 09:23 AM

Great Work. Thanks so much

VonDoom · #8 09-25-2010, 10:14 AM

Nice! Thanks

acezakj · #9 09-26-2010, 06:59 PM

Marked as installed anyway you could tell me how to change the colors to normal ?

demonfatal · #10 09-27-2010, 09:36 AM

Search for:

Code:

<blink><font style="background:#FC3" color="#000000">Share</font></blink>

Replace with:

Code:

<blink><font color="#000000">Share</font></blink>

= Color removed.

Or replace with:

Code:

<font color="#000000">Share</font>

= Color and blink effect removed.