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

[Xencored]

Originally Posted by ChopSuey

You can just add it into the showthread template.

Where abouts ive been looking for abit now :/

[Boko577]

Originally Posted by kall

Read This Post!

https://vborg.vbsupport.ru/showpost....98&postcount=6

Obviously I did that when I have it in my postbit legacy already! I need to know why it's not on the bar right.

[Fuhrmann]

Nice, tagged.

[Boko577]

Mine looks like this? Any way to bump it up???


http://grab.by/grabs/c01c7f6d95cef17...9766cd8959.png

[Veer]

Originally Posted by Boko577

Mine looks like this? Any way to bump it up???


http://grab.by/grabs/c01c7f6d95cef17...9766cd8959.png

same here

[Xencored]

Originally Posted by Veer

same here

Same here too ive tryed to move it up the other day didnt work tho :erm:

[Sparrow-Sean]

In your "posbit_legacy" file in edit templates scroll too the bottom and add:

<vb:if condition="THIS_SCRIPT == 'showthread'"><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/site_icons/forum.png" />Tweet Thread!</a></p></div></vb:if>

Be sure to change our address to an image on your site, the image I have chosen is from the board but it does not change effects like the others.

The above code, add it above:

******here******
</span>
<!-- </div> -->
</div>
</div>
<hr />
{vb:raw template_hook.postbit_end}

Good Luck

[Sparrow-Sean]

You might also need to fiddle with the padding settings outlined, though, otherwise it should work on all v4 boards.

[sticky]

Installed, awesome

[Sparrow-Sean]

Thanks for updating Sticky. Glad you like it