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

[Bacon Butty]

Looks Brilliant thanks Sean.

[Crow]

Checking it out now, thanks

[Bacon Butty]

I've actually added it to my postbit;



Before I put it live, I'm hoping someone anyone verify that this is actually secure.

[Sparrow-Sean]

Originally Posted by Bacon Butty

I've actually added it to my postbit;



Before I put it live, I'm hoping someone anyone verify that this is actually secure.

Hello Bacon Butty,

Thank you for your help

Can you tell me how you got it down there?

I am not very clever with all of this since it is my first official release.

Cheers,

Sean

[Bacon Butty]

I'm not the best either mate. What I done was;

Open Postbit;

Find

&nbsp;<a class="report" href="{vb:raw post.reportlink}" rel="nofollow" title="{vb:rawphrase report_bad_post}"><!-- <img src="{vb:stylevar imgdir_button}/report-40b.png" alt="{vb:rawphrase report_bad_post}" /> -->&nbsp;</a> &nbsp;
					</vb:if>

Underneath, put;

<div style="float: right; padding: 0px 5px 0px 0px;"><p class="tweet-this"><a href="javascript://"><img src="/images/misc/arrow-retweet.png" />Tweet Post!</a></p></div>

Though, I'm needing to find a condition to remove it from PMs as 'Tweet This' is showing under PMs. Can anyone tell me how to remove this from view in PM's?

I'm also assuming it might be an idea to put jquery.min.js, and tweet-it.js on your own server.

[Sparrow-Sean]

Just noticed the "Tweet Thread" in Private Messaging.

Should of put more thought into my modification

I have added it into my site now, however, I had to add it another way then above but the same way in essence.

Hopefully others can pitch in for better code

[paramegsoft]

very useful

thanks man

[Sparrow-Sean]

Originally Posted by paramegsoft

very useful

thanks man

It is a good modification, just needs some enhancements in which I hope the community can update on

As pointed out it does add in to PM's which I want to some how remove as well

Thanks for Installing.

[Boko577]

Bump! Cause I really wanna see the code improved. I hope there is a way to remove the Tweet button from postbit when in a PM or in any post. I just want it at the top in the first post (thread)