Dispersion // ipbfocus.com

[[R] NuclearGeneral]

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