- J! Stuff
|Equinox Demo Content|
The demo for Equinox utilises a large stock of inline styling. 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 the general techniques used to further your understand and help you realise Equinox's true potential.
<div class="header" /> <div class="sample-header" /><p>RocketTheme Joomla Templates</p></div> </div> <a href="http://www.smartspidey.com/micronix/content/view/18/35/" class="readon">Read more...</a>The CSS classes to make this work are already located in the template by default. You can change the "sample-header.png" image to your own.
<a href="your_link" class="readon">Read More...</a>
The following outlines the processes we used:
In this demo, we chose to use faux moduling. This means that we "faked" the module positions available to speed up the process but creates the same output. For this, we have our module , example: Example Page Top Tier. This top tier module will take on the characteristics of using the modules from user2-5, if you are using Layout A. This is created in Admin > Modules > Site Modules > New. Also referred to as a custom module.
There is a white box at the bottom in which we insert the following:
<div style="border:1px solid #eee;"> <h3>Module Header</h3> Your module content would go here. </div>This is the basic HTML output of a module in Joomla, we are just using our manual way. style="border:1px solid #eee;" is what produces the thin grey border around our faux module. The extra code between the <div>...</div> is just our content.