Jump to content


Welcome to DevFuse Forums


Sign In  Log in with Facebook

Create Account
Welcome to DevFuse Forums, like most online communities you must register to view or post in our community, but don't worry this is a simple free process that requires minimal information for you to signup. Be apart of DevFuse Forums by signing in or creating an account.
  • Start new topics and reply to others
  • Subscribe to topics and forums to get email updates
  • Get your own profile page and make new friends
  • Send personal messages to other members.
 
Guest Message by DevFuse

(View All Products)Featured Products

  • Donations


    Help fund your forum with donations, setup goals and track member donations. Offer rewards for members donating.
  • Timeslips


    Have your members submit their race times and share with others.
  • Videos


    Allows your members to submit their own videos for community viewing. Support is included for all the major video sites.
  • Forms


    Build your own forms for your members without coding experience. Support included for pm, email and topics.
  • Collections


    Build a community database of items for your members. Full features custom fields included.

Photo

[IPS] Dispersion // ipbfocus.com


This topic has been archived. This means that you cannot reply to this topic.
No replies to this topic

#1 News Bot

News Bot

    Dedicated Member

  • Members
  • PipPipPipPipPip
  • 1,909 posts
  • IP.Board Version:N/A

Posted 24 June 2014 - 10:46 PM

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

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.
 

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).
 

screenshot2.jpg

Randomized gradient
The position of the gradient background is randomized on each page load.
 

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.
 

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!
 

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.
 

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.
 
 
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.
 

screenshotGuest.jpg

Guest message
A customizable message is shown to guests, prompting them to either register or login to your forum.
 

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)
 

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.
 

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.
 

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.
 

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.
 

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 Resource