JoomlArt Demo Site

Mobile layout

There are 2 layout types for mobile. The first one is Tablet Portrait layout and Tablet Lanscape layout ( the Landscape layout is the Normal Layout). The mobile layout uses percentage (%) as unit to define width of the layout. The full width of the layout is 100%, from that, you can define width for each element in the template.

Mobile Landscape layout

Front-end Appearance

To define width of the layout, please navigate to: [your_site] / templates / ja_elastica / core / etc / layouts / default.xml. The file default.xml is to define width range of each layout.

Read more ...

Tablet layout

All layout

There are 2 layout types for tablet. The first one is Tablet Portrait layout and Tablet Lanscape layout ( the Landscape layout is the Normal Layout).

The Portrait layout uses 3 grids. The content block has width of 3 grids in both homepage and detail page so all modules will be displayed under the content block.

Read more ...

Normal layout

All layout

The normal layout uses 4 grids. In Homepage, the content block width = 2 grids. In Detail page mode, the content block width = 3 grids.

How the modules are changed when layout is changed from Wide layout to Normal layout?

The modules in the grid 5 (in Wide layout) will be moved to available grids in Normal layout [grid 3 and 4 or under the content block (in Homepage) and grid 4 or under the content block (in detail page)] in the order from left to right. The moved modules will be located under the modules already in the grids.

Read more ...

Wide layout

All layout

This layout is quite similar to the extra-wide layout, except the extra-column is removed.

To define width of the layout, please navigate to: [your_site] / templates / ja_elastica / core / etc / layouts / default.xml. The file default.xml is to define width range of each layout.

Read more ...

Extra-wide layout

All layout

There are 2 width size modes of the content block: in Homepage (considered as list page mode) and in detail page mode. In the Homepage, the width of the content block = 2 grids while in the detail page mode, the width of content block is 3 grids. The above image shows you the layout of homepage of our template --> content block = 2 grid.

Read more ...

 

Responsive Web Design

Sagittis interdum Ut semper tempus adipiscing Curabitur wisi eu at Cras. Id eros eu consequat quis fringilla volutpat urna ut Ut eu. A velit quam amet In urna ut Vivamus Lorem sed vitae. Tellus interdum Curabitur sollicitudin justo congue id nisl ac porta sociis. “lobortis eros ultrices tortor augue tristique.

Did you guys try out this responsive Joomla 2.5 web design?

_ about 3 hours ago
 

Badge top

Lacinia mollis leo wisi ridiculus sed pellentesque condimentum condimentum nunc tincidunt.

Template features

1. Responsive
Pellentesque auctor leo fringilla pulvinar.
2. Grid System
Pellentesque auctor leo fringilla pulvinar.
3. Multiple Block style
Pellentesque auctor leo fringilla pulvinar.
JA Elastica is our first responsive web design!

_ JoomlArt

 

Badge hot

Vitae vitae urna eros curabitur ipsum et eget lorem sem nibh. Dui nunc pharetra tincidunt urna nibh.
 

Badge new

Pellentesque sed aliquet mauris iaculis pretium dapibus porttitor. tincidunt sem quam Morbi nulla elit a tortor vitae.

Red module

 Sapien condimentum tellus ac In a eget molestie lacus et porttitor.

 

Our Gallery

 

My love song

Audio Etiam pellentesque magna id lacus imperdiet ac vulputate enim semper. Donec tincidunt.

Blue module

 Sapien condimentum tellus ac In a eget molestie lacus et porttitor facilisi.

Violet module

 Sapien condimentum tellus ac In a eget molestie lacus et porttitor.

Who's Online

We have 3 guests and no members online

Dark module

 Sapien condimentum tellus ac In a eget molestie lacus et porttitor.

Green module

Joomla Tutorial

How to Apply a Module Class Suffix in Joomla 2.5?

  1. Login to backend.
  2. Go to the Module Manager.
  3. Select the Module you want to edit.
  4. Type the Module Class Suffix into the parameters to the right.
  5. Save the Setting.
Loading ...