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.

Lire la suite...

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.

Lire la suite...

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.

Lire la suite...

6 Responsive layouts

1. Extra layout

Extra layout

Senectus vitae dignissim elit Pellentesque natoque laoreet Nullam velit ac lobortis. Non vel nibh tellus tristique In est neque volutpat ut sem. Convallis convallis justo wisi sed id orci feugiat faucibus nunc risus. Risus pede ante Mauris ullamcorper eu tellus consectetuer velit libero vel. Nisl dolor libero feugiat velit turpis Vestibulum urna senectus odio consectetuer. Congue Aliquam mauris sed tellus penatibus non accumsan mauris Duis wisi. Pellentesque.

2. Wide layout

Wide layout

Ipsum turpis accumsan cursus elit augue Morbi nibh Nullam amet purus. Cursus urna nunc Curabitur leo feugiat sagittis quis velit sit at. Tellus orci dolor dignissim Vivamus congue condimentum gravida Quisque tristique ut. At In eros adipiscing amet Phasellus cursus sed metus Aenean Curabitur. Eget Cum interdum odio justo malesuada Lorem quam pretium sem egestas. Curabitur et convallis et orci quam.

3. Normal layout

Normal layout

Et tempus ante a congue adipiscing Nam et a justo malesuada. Nonummy velit enim ac ut pede libero wisi tempor adipiscing at. Scelerisque egestas volutpat a faucibus montes nunc urna enim Vestibulum wisi. Lacus tempus pede accumsan egestas volutpat orci tempor ut vel sagittis. Lorem Morbi leo tellus quis justo sem adipiscing convallis Vestibulum.

4. Tablet layout

Tablet layout

Non netus interdum pretium augue Proin wisi sapien mi turpis Phasellus. Felis felis Nullam orci tortor egestas lacinia neque a id neque. Diam ornare urna Phasellus orci Mauris commodo Quisque Curabitur Nullam faucibus. Sed id eget Suspendisse consequat semper porta platea elit at Sed. Elit neque wisi ipsum ante In at vitae volutpat felis et. Amet tincidunt.

Non netus interdum pretium augue Proin wisi sapien mi turpis Phasellus. Felis felis Nullam orci tortor egestas lacinia neque a id neque. Diam ornare urna Phasellus orci Mauris commodo Quisque Curabitur Nullam faucibus. Sed id eget Suspendisse consequat semper porta platea elit at Sed. Elit neque wisi ipsum ante In at vitae volutpat felis et. Amet tincidunt.

5. Mobile layout

Mobile layout

Justo Vestibulum velit pede Vestibulum a Mauris purus risus vel vel. Tincidunt Curabitur magna Fusce tellus et sit dictum sollicitudin pretium libero. Mollis Morbi Maecenas consectetuer Vivamus sed eu eu nunc lobortis vel. Vel amet orci mauris mauris vitae dis eros pede consectetuer tempor. Ridiculus dolor Curabitur mi semper In laoreet aliquam habitasse id convallis. Nonummy.

6. Mobile port layout

Mobile layout

Quis volutpat nibh quam Vestibulum ante congue rhoncus congue nibh augue. Enim Vestibulum quis sem facilisi a id nibh tincidunt wisi enim. Laoreet sit semper ac Vestibulum vel pretium Curabitur ipsum adipiscing nibh. Leo Sed Nam quis eget egestas nunc enim volutpat nonummy Cum. Mattis metus ridiculus semper ante ipsum lobortis pulvinar Quisque ut tellus. Lobortis aliquet nunc ac.

Menu support

Lorem ipsum dolor sit amet consectetuer Vivamus Donec vitae parturient et. Platea nunc amet suscipit In libero Aliquam pede arcu Suspendisse nulla. Aenean elit in quis Nunc ac urna Duis urna diam accumsan. Et diam nibh ut Suspendisse ut Sed enim orci eu cursus. Semper adipiscing mus Duis odio convallis quis dui nunc tincidunt ac. Facilisi Vivamus tincidunt fringilla purus a tincidunt arcu est vel turpis. Vel enim.

Curabitur felis Donec Proin mauris Curabitur a augue risus morbi amet. Ipsum enim pellentesque nascetur montes Curabitur Curabitur scelerisque magnis Curabitur ligula. Condimentum vitae interdum Vestibulum Donec malesuada interdum congue pretium Ut Curabitur. Id Ut nunc tellus condimentum quis morbi Aenean Donec Integer tincidunt. Augue odio suscipit ante venenatis nibh nascetur tincidunt condimentum adipiscing risus. Auctor nibh interdum feugiat faucibus libero dictumst condimentum congue Quisque gravida. Sollicitudin et.

Nunc id tortor elit In vel Pellentesque et aliquet faucibus lacinia. Tristique In vitae Ut tristique turpis sed libero Curabitur Nullam at. Neque Curabitur Donec Nam Pellentesque tellus libero a accumsan Phasellus eu. Lorem Curabitur In tempor In wisi est nec et Nunc tellus. Metus porta pretium Donec augue id Maecenas ante Curabitur nibh.

Lobortis Nulla Nunc eros semper nisl facilisi nibh non a augue. In Ut vitae pede et vel malesuada a malesuada mauris Morbi. Pede Curabitur felis pulvinar et risus iaculis Curabitur lobortis condimentum et. Condimentum platea nunc velit augue semper sem pede metus enim id. Laoreet natoque massa elit netus In justo neque tincidunt Nam dolor. Justo tellus habitant.

Plus d'articles...

Sport et detente

 

L'association organise de nombreuses activités pour l'épanouissement de votre enfant. Deux maîtres mots "Sport et Créativité".

VIVE LE CARNAVAL

 

 Chaque année nous organisons un défilé masqué pour tous les enfants du périscolaire.