Tuesday, May 23, 2017
Register

top_2

This is the default top_2 module style.

top_1

This is the default top_1 module style.

top_row_1

This is the default top_row_1 module style.

Lorem ipsum dolor sit amet proeml ae consectetur. Lorem ipsum dolor sit amet, consectetur ad estmele ipiscing elit donec. Donec sit amet nibh. Viva lacer donec a mus non arcu. Lorem ipsum dolor sit amet proeml ae consectetur.Phasellus sit amet enim non mauris varius.

top_row_2

This is the default top_row_2 module style.

Lorem ipsum dolor sit amet proeml ae consectetur. Lorem ipsum dolor sit amet, consectetur ad estmele ipiscing elit donec. Donec sit amet nibh. Viva lacer donec a mus non arcu. Lorem ipsum dolor sit amet proeml ae consectetur.Phasellus sit amet enim non mauris varius.

top_row_3

This is the default top_row_3 module style.

Lorem ipsum dolor sit amet proeml ae consectetur. Lorem ipsum dolor sit amet, consectetur ad estmele ipiscing elit donec. Donec sit amet nibh. Viva lacer donec a mus non arcu. Lorem ipsum dolor sit amet proeml ae consectetur.Phasellus sit amet enim non mauris varius.

top_row_4

This is the default top_row_4 module style.

Lorem ipsum dolor sit amet proeml ae consectetur. Lorem ipsum dolor sit amet, consectetur ad estmele ipiscing elit donec. Donec sit amet nibh. Viva lacer donec a mus non arcu. Lorem ipsum dolor sit amet proeml ae consectetur.Phasellus sit amet enim non mauris varius.

above_body_1

This is the default above_body_1 module style.

above_body_2

This is the default above_body_2 module style.

above_body_3

This is the default above_body_3 module style.

above_body_4

This is the default above_body_4 module style.

ab 5

This is the default above body 5 module style.

ab 6

This is the default above body 6 module style.

ab 7

This is the default above body 7 module style.

ab 8

This is the default above body 8 module style.
Home  >  Tutorials  >  Setting Up Module Styles
Module Positions and Styles PDF Print E-mail
Written by Administrator   
Wednesday, 05 December 2007 13:16

On this page you will see all the module styles and module positions available plus how to setup each of them.

All modules are fully collapsible!

How to install and setup module styles:

  1. Download any module you wish to publish to your site.
  2. In the backend of Joomla navigate to the menu item Extensions/Install Uninstall


  3. Browse for the module's install file and click Upload File & Install.
  4. Once the module has be installed navigate to the menu item Extensions/Module Manager (same menu as above)
  5. Find the Module just installed and click on it's title.
  6. Change any parameters that you wish and be sure to set it to published and publish it to your desired module position.
  7. To apply a module style simply fill in the module class suffix field with any of this template's included module styles. This parameter setting is found under Module Parameters on the right side of the screen.


  8. Assign what pages you would like the module to appear on and finally click Save.


 

Last Updated on Thursday, 10 June 2010 15:46
 

bb 1

This is the default below body 1 module style.

bb 2

This is the default below body 2 module style.

bb 3

This is the default below body 3 module style.

bb 4

This is the default below body 4 module style.

left

This is the default left module style.

below_body_5

This is the default below_body_5 module style.

below_body_6

This is the default below_body_6 module style.

below_body_7

This is the default below_body_7 module style.

below_body_8

This is the default below_body_8 module style.

bottom_row_1

This is the default bottom_row_1 module style.

Lorem ipsum dolor sit amet proeml ae consectetur. Lorem ipsum dolor sit amet, consectetur ad estmele ipiscing elit donec. Donec sit amet nibh. Viva lacer donec a mus non arcu. Lorem ipsum dolor sit amet proeml ae consectetur.Phasellus sit amet enim non mauris varius.

bottom_row_2

This is the default bottom_row_2 module style.

Lorem ipsum dolor sit amet proeml ae consectetur. Lorem ipsum dolor sit amet, consectetur ad estmele ipiscing elit donec. Donec sit amet nibh. Viva lacer donec a mus non arcu. Lorem ipsum dolor sit amet proeml ae consectetur.Phasellus sit amet enim non mauris varius.

bottom_row_3

This is the default bottom_row_3 module style.

Lorem ipsum dolor sit amet proeml ae consectetur. Lorem ipsum dolor sit amet, consectetur ad estmele ipiscing elit donec. Donec sit amet nibh. Viva lacer donec a mus non arcu. Lorem ipsum dolor sit amet proeml ae consectetur.Phasellus sit amet enim non mauris varius.

bottom_row_4

This is the default bottom_row_4 module style.

Lorem ipsum dolor sit amet proeml ae consectetur. Lorem ipsum dolor sit amet, consectetur ad estmele ipiscing elit donec. Donec sit amet nibh. Viva lacer donec a mus non arcu. Lorem ipsum dolor sit amet proeml ae consectetur.Phasellus sit amet enim non mauris varius.

debug

This is the default debug module style.