0
Welcome Guest! Login
0 items Join Now

Our Valentine's Day Sale is coming to an end, but it's not too late to save big! It's your last chance to save 50% on themes and 35% on memberships!
motionmailapp.com

Ricochet: Tips and Tricks

Your Guide to Using the Ricochet Style for phpBB.


Introduction

The Ricochet design for phpBB comes with several features that set it apart from other phpBB styles. We have outlined some tips and tricks to help you make the most of the style below.

Animation

The animated elements that trigger as you scroll down the page are handled via classes applied to HTML elements, icons etc. You can access Ricochet's main settings area by navigating to Admin > Styles > Ricochet. From here, you will want to select the Imageset Editor tab where you can find the Forum Icons settings. In these fields, you can enter the tag of the animation(s) you wish to use. You can find a list (as well as visual examples) of these animation classes here.

In our demo, we used the following in the three Forum Icons field.

Option Setting
Forum fa fa-folder-open-o wow zoomIn
Forum Linked fa fa-unlink wow zoomIn
Forum Locked fa fa-folder-o wow zoomIn

The class name wow zoomIn sets the animation of each component to zoom in. The wow portion is the prefix, and zoomIn is the name of the animation. The fa fa-(name) classes set the Font Awesome icon used for each component.

SideSlider

The SideSlider adds additional space for content outside of the main style area. There are several options available for configuring the SideSlider feature, such as the toggle or whether it is fixed or slides into view. The position is perfect for extra content or advertisements.

You can configure the SideSlider's text, background color, and set it to either dynamic or static by navigating to Admin > Styles > Ricochet > Settings and toggling the features there.


Found errors? Think you can improve this documentation? Please edit this page. You can also view the history of this page.