Twitter - Scroll Animated Flash "Follow Us" Buttons

Twitter - Scroll Animated Flash "Follow Us" Buttons

Mod Version: 1.00, by stator

vB Version: 4.0.x	Rating: (7 votes - 4.86 average)	Installs: 34
Released: 22 Aug 2010	Last Update: Never	Downloads: 126
Not Supported Template Edits Code Changes Additional Files Re-usable Code

Description:

This add animated (Flash i.e. .swf) Follow us button to your forum home page.
This button is scrolling up or down as you scroll your page.

Demo: http://www.elib4vet.com

Installation:

1- Open FORUMHOME template.

If don't HOW, Follow this:
AdminCP --> Styles & Templates --> Search in Templates --> Write " forumhome " --> Click find --> Choose from the left list " FORUMHOME"

2- Find this: {vb:raw footer}

and paste the following code below it.

Code:

<div style='display:scroll;position:fixed;bottom:250px;right:0px;'>
<object type="application/x-shockwave-flash" data="http://www.YOURSITE.com/images/twibuttons/twitbutton_2.swf" width="150" height="100">
<param name="movie" value="http://www.YOURSITE.com/images/twibuttons/twitbutton_2.swf"></param>
<param name="allowscriptaccess" value="always"></param><param name="menu" value="false"></param>
<param name="wmode" value="transparent"></param><param name="flashvars" value="username=XXXXXX"></param>
<embed src="http://www.YOURSITE.com/images/twibuttons/twitbutton_2.swf" type="application/x-shockwave-flash" allowscriptaccess="always" width="150" height="100" menu="false" wmode="transparent" flashvars="username=XXXXXX"></embed>
</object>
</div>

Notes:

- You can change the position of display from right (as in the above code) to left.
- Change YOURSITE with your site name. (Take care it mentioned in the code 3 times).
- Write your twitter username (without @ )at twitter instead of XXXXXX. (Take care it mentioned in the code 2 times).
- You can choose from 10 different buttons, just change the no. of the button to that of the desired button. (Take care it mentioned in the code 3 times).
- You can control its size, through editing values of width="150" height="100"

- N.B.

If the scroll will make your users angery , you can fix the button at the top of your page just by changing the code as following:

from:

Code:

position:fixed

Code:

position:absolute

After making all the changes. Click SAVE to save your template.

For Side Blocks & Widgets:

Code:

<center>
<object type="application/x-shockwave-flash" data="http://www.YOURSITE.com/images/twibuttons/twitbutton_2.swf" width="150" height="100">
<param name="movie" value="http://www.YOURSITE.com/images/twibuttons/twitbutton_2.swf"></param>
<param name="allowscriptaccess" value="always"></param><param name="menu" value="false"></param>
<param name="wmode" value="transparent"></param><param name="flashvars" value="username=XXXXXX"></param>
<embed src="http://www.YOURSITE.com/images/twibuttons/twitbutton_2.swf" type="application/x-shockwave-flash" allowscriptaccess="always" width="150" height="100" menu="false" wmode="transparent" flashvars="username=XXXXXX"></embed>
</object>
</center>

3- Upload the attached folder (twibuttons) to: /images

To see different buttons

http://www.elib4vet.com/images/twibuttons/twitbutton_1.swf ### http://www.elib4vet.com/images/twibuttons/twitbutton_2.swf ### http://www.elib4vet.com/images/twibuttons/twitbutton_3.swf### http://www.elib4vet.com/images/twibuttons/twitbutton_4.swf ### http://www.elib4vet.com/images/twibuttons/twitbutton_5.swf

http://www.elib4vet.com/images/twibuttons/twitbutton_6.swf ### http://www.elib4vet.com/images/twibuttons/twitbutton_7.swf ### http://www.elib4vet.com/images/twibuttons/twitbutton_8.swf ### http://www.elib4vet.com/images/twibuttons/twitbutton_9.swf ### http://www.elib4vet.com/images/twibuttons/twitbutton_10.swf

Donot forget to: Mark As Installed

Download

Twitter - Scroll Animated Flash Follow Us Buttons.zip (254.0 KB, 184 downloads)

vBulletin LTS