Dispersion by ipbfocus
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.
Skin features
http://www.ipbfocus.com/premade/dispersion/screenshotSettings.jpg
"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.
http://www.ipbfocus.com/premade/dispersion/screenshot1.jpg
Animated gradient background
An animated gradient scrolls horizontally beneath your background image (which is a simple black & white jpg image reduced in opacity).
http://www.ipbfocus.com/premade/dispersion/screenshot2.jpg
Randomized gradient
The position of the gradient background is randomized on each page load.
http://www.ipbfocus.com/premade/dispersion/screenshot12.jpg
Greyscale background
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.
http://www.ipbfocus.com/premade/dispersion/screenshot14.jpg
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!
http://www.ipbfocus.com/premade/dispersion/screenshot3.jpg
Collapsible header
The header is reduced in size and sticks to the top of your browser when the page is scrolled, resulting in easily accessible navigation.
http://www.ipbfocus.com/premade/dispersion/screenshot13.jpg
Mega Footer
Popular and useful links have been added and categorized in the footer, providing easy access to your Invision addons & social links.
http://www.ipbfocus.com/premade/dispersion/screenshot6.jpg
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.
http://www.ipbfocus.com/premade/dispersion/screenshotGuest.jpg
Guest message
A customizable message is shown to guests, prompting them to either register or login to your forum.
http://www.ipbfocus.com/premade/dispersion/screenshotSocial2.jpg
Social buttons
Social buttons can be enabled/disabled allowing you to easily link to your social network pages (Facebook, Twitter, Youtube, Google+, Vimeo, Pinterest & Flickr)
http://www.ipbfocus.com/premade/dispersion/screenshotSocial.jpg
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.
http://www.ipbfocus.com/premade/dispersion/screenshot8.jpg
Optional Tooltips
Forum descriptions are be placed inside animated tooltips (and can be disabled using the Settings file), resulting in a cleaner layout.
http://www.ipbfocus.com/premade/dispersion/screenshot9.jpg
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.
http://www.ipbfocus.com/premade/dispersion/screenshot10.jpg
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.
http://www.ipbfocus.com/premade/dispersion/screenshot11.jpg
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 IPBFocus!
View the full article at IPS Resources