Mini Mods - Tweet-This (vBulletin Style)

Hello,

*First of all, this modification works quite easily. Insert the code and follow the steps, when you click the link which will appear in the first thread at the top right a fader box will appear at the lower right page of your screen where you can connect to Twitter to tweet that page.

It is not 100% perfect, I think it might reflect better with an image though

This is more a modification that I have made to my board from a (Tweet-it) application:
http://pongsocket.com/tweet-it/ (I take no credit).

Step 1:

Admin Panel >> Style Manager >> Edit Templates >> Header

I added this to the top of my header file, it seems to work whatever position it is inserted:

<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js"></script>
<script type="text/javascript" src="http://tweet-it.s3.amazonaws.com/tweet-it.js"></script>

<script type="text/javascript">
	$(document).ready(function(){
		$(".tweet-this a").tweetIt({
			animate: "fade",
			header: "Tweet The Sparrow!"
		});
// Something else
			$("tr.openclose a").click(function(){ $(this).parents("tr").hide(); $("tr.closed").show(); });
	})
</script>

Step 2:

Admin Panel >> Advertising >> Manage Ads >> Add New Add >> (DropDown) Thread >> First Box

I titled mine "tweet", call it as you wish.

Ad HTML >> I suck at code so do bare with me - Perhaps someone can code this up for me a little better than I can, I do apologise:

<div style="float: left; padding: 0px 3px 0px 0px;"><img src="http://forums.speedysparrow.com/images/ads/arrow-retweet.png" /></div><div style="float: left; padding: 0px 25px 0px 0px;"><p class="tweet-this"><p class="tweet-this"><a href="javascript://">Tweet Thread!</a></p></div>

Configure the options below as you require and save.

That is it!

EDIT:

You can add this to your POSTBIT_LEGACY:

Find:

<a class="forwardpost" href="{vb:raw post.forwardlink}" rel="nofollow"><img src="{vb:stylevar imgdir_button}/reply_40b.png" alt="{vb:rawphrase forward_message}" /> {vb:rawphrase forward}</a></vb:if>

After Add:

<div style="float: right; padding: 0px 0px 0px 0px;"><p class="tweet-this"><p class="tweet-this"><a href="javascript://"><img src="http://forums.speedysparrow.com/images/retweet.png" />Re-Tweet This Topic!</a></p></div>

This will add it to your postbit, however, it does add to every thread, if anyone can re-adjust this it would be great.
================================================== ==============
You can edit the header code to change the name of the Tweet-Box Name ie.
Please excuse my bad coding, I am not a developer and this is my first experience with this so if anyone can re-code correctly please do so.

Test This:
http://forums.speedysparrow.com/show...rrow-Promotion

Select TWEET THREAD.
================================================== ==============


EDIT 09/07/10:

Use the following code to hide from PM's:

<vb:if condition="THIS_SCRIPT == 'showthread'">Code Here</vb:if>

Insert the code within and it should fix those Private Message issues.

Thank you,

Sean

[sticky]

Originally Posted by Sparrow-Sean

Thanks for updating Sticky. Glad you like it

I love it but one problem, it keeps asking me to link with my Twitter account? Why is that?

It seems it loses the link after a while and I have to do it over again.

[sticky]

Originally Posted by sticky

I love it but one problem, it keeps asking me to link with my Twitter account? Why is that?

It seems it loses the link after a while and I have to do it over again.

Any idea why it won't stay linked?