Dispersion by ipsfocus
Purchase this theme, and receive a free upgrade for IPS.Suite 4.x when it's released!
Dispersion features an animated gradient background image which is randomized on each page load and overlayed by an image of your choice. The gradient is both created and animated (in compatible browsers) using css and your visitors are given the option of using a greyscale background by clicking a simple toggle button. The header collapses on-scroll, and stays at the top of the screen for easy access.
"Settings" Template File
This skin includes a settings file allowing you to easily enable or disable features within the skin. This makes modifications and upgrades very simple since little code changes are required.
Animated gradient background
An animated gradient scrolls horizontally beneath your background image (which is a simple black & white jpg image reduced in opacity).
The position of the gradient background is randomized on each page load.
Members can choose to use a greyscale background instead of the rainbow effect by clicking a simple toggle button. Their choice is saved via cookies and remembered for their return visit.
Selection of background images
Dispersion comes with 7 premade background images to choose from which overlay your animated gradient. To make your own, simply create and upload a black & white jpg image!
The header is reduced in size and sticks to the top of your browser when the page is scrolled, resulting in easily accessible navigation.
Popular and useful links have been added and categorized in the footer, providing easy access to your Invision addons & social links.
Modified topic view
If enabled using the settings file, the topic page can be swapped to a horizontal design to focus your users attention on the content.
A customizable message is shown to guests, prompting them to either register or login to your forum.
Social buttons can be enabled/disabled allowing you to easily link to your social network pages (Facebook, Twitter, Youtube, Google+, Vimeo, Pinterest & Flickr)
Alternate social buttons
The size of the social buttons can be customized easily (small, medium & large), which helps save space if you enable multiple buttons.
Forum descriptions are be placed inside animated tooltips (and can be disabled using the Settings file), resulting in a cleaner layout.
HTML text as logo
The text logo is extremely easy to change by simply modifying the HTML text. If required, the text can be changed to a small image instead.
Individual forum icons
If enabled, you can customize the icons for each forum, allowing for easier identification. Easy to add your own, with instructions provided once purchased.
Grey-scale "no new" icons
Forum icons are converted to grey-scale using css filters in webkit browsers (Safari & Webkit) if there are no new posts in that forum. Other browsers simply reduce the icons opacity.
Want to see more? Check out the screenshots and live demo on IPSFocus!