The demo for Meridian utilises a large stock of custom code and styling to make the most of every content item and show what Meridian can do. This basically means that the HTML used in the custom modules and content have customisations which employ the characteristics of the template to make the "perfect" content.

This demo content section will take you through some of the content areas and general techniques used to further your understanding and help you realise the true potential of Meridian. If you would like to quickly deploy a replica of our Meridian demo for a new Joomla site, be sure to check out our RocketLauncher package.

Showcase

The following statement produces the showcase effect as seen on the frontpage, which is using RokCandy syntax:

[showcase readon="Read More" img1="images/stories/demo/showcase2.jpg" title1="FUENTE ANTIX™" text1="Chrome Lens <br />Color:VR32 Red <br />Iridium" url1="#" label1="Read More" img2="images/stories/demo/showcase3.jpg" title2="PROPAGANDA HIJINX®" text2="Chrome Lens <br />Color:VR32 Black <br />SKU-089-98-76" url2="#" label2="Read More"]Meridian is the latest release for 2009 and does not disappoint. It is equipped with a fantastic array of features such as support for RokTabs and RokAjaxSearch. Elegance, usability and professionalism are the core elements of the theme. [/showcase]

Tabbed Content

The following statement produces the tabbed content as seen in RokTabs, which is using RokCandy syntax:

[feature-tab img="images/stories/demo/tab1.jpg" url="#" label="Drive" readon="Read More"][span class=highlight-bold]Meridian, the epitome of elegance, usability and form.[/span] The template is a conservative approach, with low image counts and complexity with the vast majority of styling and structure emanating from CSS, resulting in a professional / business design, perfect for a plethora of different purposes.[/feature-tab]

Connect with us

The following statement produces the content in the Connect with us module, which is using RokCandy syntax:

Visit us on:
<br />

[connect line1="Twitter" line2="linkedin" line3="Flickr" line4="Facebook" /]

Article Row : Frontpage Main1 module

The following statement produces the content effect in main1 of the frontpage, which is using RokCandy syntax:

[feature img="images/stories/demo/main1.jpg" url="#" label="Listen" title="RTL Support" readon="Read More"]Meridian is the first of our templates to offer native RTL (right-to-left) support for the template. Simply load up a RTL language in Joomla to load the RTL code from the template. International support has never been easier.[/feature]

[feature img="images/stories/demo/main2.jpg" url="#" label="Look" title="RokCandy Extensions" readon="Read More"]The popular RokCandy extension provides an essential feature to any Joomla site, allowing you to quickly and efficiently insert complicated and functional code, perfect for amateurs and professionals alike.[/feature]

[feature img="images/stories/demo/main3.jpg" url="#" label="Read" title="Tabbed Module" readon="Read More"]The standalone module provides you with a highly functional presentable feature that showcases your content in tabbed format along with the facility for automation or manual interaction from the user.[/feature]

Extra Content

The following statement produces the content effect in component area of the frontpage, which is using RokCandy syntax:

[feature2 img="images/stories/demo/product1.jpg" title="RokAjaxSearch" label="Read More"]A powerful and functional standalone module that expands on the search facility of Joomla, utilising the wondrous power of Mootools javascript effects.[/feature2]

[feature2 img="images/stories/demo/product2.jpg" title="Light & Dark" label="Read More"]Meridian has 4 inbuilt styles, these are light, blue, beige and dark. The former 3 are all lighter themes with the latter being the opposing darker style.[/feature2]

[feature2 img="images/stories/demo/product3.jpg" title="Color Chooser" label="Read More"]The prolific template feature, the Color Chooser, is present in this template, in a form matching the conservative style of the template, allowing for rapid changes of style and colour. [/feature2]

[feature2 img="images/stories/demo/product4.jpg" title="Multiple Dropdown Menu" label="Read More"]A new prominent feature of our sophisticated dropdown menu is the multiple column facility, allowing multiple columns to appear in the menu, as compared to the typical singular variant.[/feature2]

Video

The following statement produces the video showcase as seen on Logo Tutorial page, which is using RokCandy syntax:

[video url="images/video/logo.mov" title="RokCandy Video Tutorial" img="images/stories/logo-editing-video.jpg" header="RokCandy Video Tutorial" label="Watch Now!"]Learn how to edit the template logo using Adobe Fireworks.[/video]

Read More Buttons

Read more buttons are automatically generated for content items that use the intro and main text option. However, you can easily insert them manually as witnessed on this demo. Use the following code:

[readon url="insert link here"]Read More...[/readon]