Tiles Justified - Blox Themes

Creative Layers

Creative Layers are text or image boxes which can be customized via CSS and an appearence animation.

The X(left) and Y(top) position can be handed over with the style attribute in the layer itself.

The basic CSS for all caption should be added in your site's CSS because it depends strongly on your design. You find an example in the style.css of our item download. Classes caption_blue and caption_black. It is pretty simple CSS there.

Available animations for creative layers are (names are somewhat self explaining):

slideup
slideright
slidedown
slideleft
fadeup
faderight
fadedown
fadeleft
fade

01 Installing the component and a module

In Joomla go to 'Extensions'->'Extensions Manager.'

Install the com_paradigm_slider.zip and the mod_paradigm_slider.zip

After the install should appear "Paradigm Slider" components (under components menu), and a "Paradigm Slider" module (under Modules section)

02 Creating a slider, and add a slides in the component.

Go to 'Components'->'Paradigm Slider' component. You have 2 tabs - "Sliders" and "Slides."

Go to a "Sliders" tab, press on "NEW" button, give the slider a name and press on "Save" or "Apply".

After the slider has been created, you should create couple of slides.

The default image size is 1000x350, and a default thumb size is 90x50, sure you can use any image and thumb size.

Prepare your images, and upload them to "Images" folder via "media manager". Then go to a "Slides", Press on "New", and choose your images and a thumbs. Then press "Save". You has created a Slide. Now repeat the process couple of times, and add more slides.

03 Setting up the module.

* The module task is to put the slider on the html page. You can put more than one slider to the page, each slider has it's module with it's settings.
Go to "Extensions" -> "Modules Manager". Click on a module named: "Paradigm Slider".

In "General Settings" select a slider from the component. ( * Note, if no slider selected, the module will output demo slider )

Now select the module position (according your theme), a page when you want the slider, and save the module.

In this point the slider should appear on your website.