The Arcive of Official vBulletin Modifications Site.It is not a VB3 engine, just a parsed copy! |
|
Twitter Anywhere in Postbit and bbcode Details »» | |||||||||||||||||||||||||||||||||||
Hi Guys,
Nice Twitter mod here for you today. It involves creating an anywhere app on the twitter website which then can be used on your forums, it basically involves a custom profile field which the user will put there Twitter username in and then it will be shown in the postbit but with a mouseover popup displaying information about their Twitter account, i've also worked out some bbcode for it so it can be used in posts. To show it a bit better i've attached a couple of screenshots before we get into the install details, Postbit: bbcode: Like the look of it? Then read on for install instructions! First off before we do anything we need to create the app on twitter. Step 1 - Go to https://dev.twitter.com/anywhere/apps/new Step 2 - Fill out the app details, how to fill it out: Application Name - Your Website Name Application Website - Your Forum URL Callback URL - Your Forum URL Default Access Type - Read & Write Step 3 - After filling out the captcha and accepting the terms you will be provided with a block of code which will look something like this: HTML Code:
<script src="http://platform.twitter.com/anywhere.js?id=your-API-Key&v=1"> </script> <script type="text/javascript"> twttr.anywhere(function(twitter) { twitter.hovercards(); }); </script> Step 4 - Open template - headinclude and paste in your code from Twitter at the top of the template, again make sure you do not copy the <head> tags. Save. ------- Ok, we now have the app all setup, now all we need to do is set everything up on your forum. Step 1 - User profile fields -> Add new user profile field: Profile Field Type - Single-Line Text Box Title - Twitter Description - Insert your Twitter Username. Field Searchable on Members List - NO Show on Members List - NO Step 2 - Open Template - Postbit Templates -> postbit or postbit_legacy (depends on your forum layout postbit is the horizontal postbit and postbit legacy is the vertical postbit) Find - HTML Code:
<dt>{vb:rawphrase 'posts'}</dt> <dd>{vb:raw post.posts}</dd> HTML Code:
<vb:if condition="$post['field##']"> <dt>Twitter</dt><dd>@<a target ="blank" class="twitter-anywhere-user" href="http://twitter.com/{vb:raw post.field##}">{vb:raw post.field##}</a></dd> </vb:if> And that's it for your postbit! For the bbcode see below: ------------------ Step 1 - Custom BB Codes -> Add New BB Code Title - Twitter Anywhere BB Code Tag Name - twitter Replacement - HTML Code:
<a target ="blank" class="twitter-anywhere-user" href="http://twitter.com/{param}">{param}</a> Example - @[twitter]Twitter[/twitter] Use {option} - No Disable BB Code Within This BB Code - Yes Disable Smilies Within This BB Code - Yes Disable Word Wrapping Within This BB Code - Yes Disable Automatic Link Parsing Within This BB Code - Yes You can add an icon at your own discretion. And that's it! Any questions or issues just post in here. All screenshots are below. Enjoy! And remember to mark as installed for future updates and support! Boydy Screenshots
Show Your Support
|
Comments |
#2
|
||||
|
||||
Nice looking mod, I'll take a look at this tonight if I remember
[high]* Brandon Sheley tags this mod[/high] |
#3
|
||||
|
||||
Great !!!
I will try it ) Thank you |
#4
|
||||
|
||||
thnx
|
#5
|
||||
|
||||
Installed, looking good and very useful!
|
#6
|
||||
|
||||
Thanks people, remember to mark installed though!
|
#7
|
|||
|
|||
Awesome mod thnx!
|
#8
|
|||
|
|||
How can i do this for vb 3.8.x ?
|
#9
|
|||
|
|||
great mod, thanks
|
#10
|
||||
|
||||
Great !!!
|
Thread Tools | |
|
|
X vBulletin 3.8.12 by vBS Debug Information | |
---|---|
|
|
More Information | |
Template Usage:
Phrase Groups Available:
|
Included Files:
Hooks Called:
|