PDA

View Full Version : Miscellaneous Hacks - Collapse Animation


winstone
01-14-2010, 10:00 PM
===============
This mod will not be updated anymore
please see https://vborg.vbsupport.ru/showthread.php?t=233425
===============


By using this mod you can add slide in and opacity effects to your regular collapse buttons anywhere in VB powered pages, even in custom mods

see demo: http://tinypic.com/player.php?v=29pxafp&s=6
(ignore the mouse pointer, it's because of my screen capture software)

How to install:
- upload the attached javascript file called "collapse_anime.js" to "clientscript" directory
- add JS include codes to the "headinclude" area of template of the pages you want this hack to function
note: if you want to make it global, add to the main "headinclude" template, tho if you do this, on forumdisplay page you will have two calls for YUI Animation

JS Include codes:
<script type="text/javascript" src="{vb:raw vboptions.bburl}/clientscript/yui/animation/animation-min.js?v={vb:raw vboptions.simpleversion}"></script>
<script type="text/javascript" src="{vb:raw vboptions.bburl}/clientscript/collapse_anime.js?v={vb:raw vboptions.simpleversion}"></script>

Troubleshooting Note
This file extends/overrides some functions of vbulletin-core.js file so make sure that JS Include codes are inserted after vbulleting-core.js file, otherwise things will break

Update Log
==============
Version 1.1
- Runs faster (smoother)
- Forum Categories are excluded now, effect applies to everything else including Forum Sidebar Blocks, CMS Blocks, Blog Blocks etc..

Version 1.2
- Runs much more smoother

Version 1.3
- Bug fixes, code cleanup

beduino
01-15-2010, 06:07 PM
Hi

thanks for the article

A question: you test with principal browsers?
Ie 7 and 8, Firefox, Chrome and Safari?

winstone
01-15-2010, 10:11 PM
Please refer to YUI supported browsers chart http://developer.yahoo.com/yui/articles/gbs/index.html

*YUI Animation utility has A-Grade support

beduino
01-16-2010, 10:11 AM
Thank you
All the best

Kolbi
01-16-2010, 10:16 AM
Does it need much ressources?

winstone
01-16-2010, 10:23 AM
Does it need much ressources?

javascript is only client side so it will only effect the viewer not the server, btw except the core YUI animation utility, the attached js file just overrides some default functions in vbulletin-core.js file, includes 2-3 lines of extra code

durdan1
01-16-2010, 08:00 PM
Can you expalain what you did to make it look like the demo? Is that a sidebar that goes in the forums? If so I love the way it looks ,but have no idea how to make it like that.

winstone
01-16-2010, 10:26 PM
it's the default sidebar in blogs, viewing it in IE, I didn't do anything extra

Mythotical
01-17-2010, 06:06 AM
Anyway to make this collapse the whole side bar instead of using on individual boxes in the sidebar?

winstone
01-17-2010, 11:48 PM
that requires a separate JS function or probably some template modifications, it's not something this mod been designed for