The demo for Akiraka utilises a large stock of custom code and styling to make the most of every content item and show what Akiraka 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 Akiraka. If you would like to quickly deploy a replica of our Akiraka demo for a new Joomla site, be sure to check out our RocketLauncher package.
The following statement produces the showcase effect as seen on the frontpage, which is using RokCandy syntax:-
[showcase]<em>Experience</em> the all new Akiraka template from RocketTheme. Akiraka features a <em>100% fully transparent design</em> with total color control allowing you to easily customize your site's colors with a <em>dynamic color chooser</em> without needing to open an image editor.[/showcase]
The following statement produces the highlight (showcase2-4 area) effect as seen on the frontpage, which is using RokCandy syntax:-
[feature img="images/front-3.jpg" line1="At the Bar" line2="Important Drinks" /]
[feature img="images/front-4.jpg" line1="From the Kitchen" line2="Cooking" /]
[feature img="images/front-5.jpg" line1="Authentic Cuisine" line2="Our Dishes" /]
The following statement produces the highlight (mainbody area) effect as seen on the frontpage, which is using RokCandy syntax:-
[article url="index.php?option=com_content&view=article&id=64&Itemid=89" img="images/stories/content1.jpg" line1="You Choose" line2="Unlimited Colours" /]
The following statement produces the video showcase as seen on the various sub pages, which is using RokCandy syntax:-
[video url="images/video/rokcandy.mov" title="RokCandy Video Tutorial" img="images/stories/logo-editing-video.jpg" header="RokCandy Video Tutorial" label="Watch Now!"]Learn how to configure and utilise the RokCandy Component with this detailed video tutorial.[/video]
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]