ejemplos

Ejemplo Y - Panel Colapsable

This is an example of a module published to the drop_down row. This row contains 6 modules. To enable the drop down simple publish any module to any of the drop_down_x positions.

Open Panel
  • Register

Ejemplo 1

This is the custom_1 position with the class -transparent_dark applied. It is designed to be 100% of the this area's width. There is also a custom_2 position that will appear in the upper right corner of this area, but should only be used if custom_1 is taller than custom_2.

Ejemplo 18 -transparent_light

This is the -transparent_light module style and can be applied to most most module positions. This module is intended to be used over a background image since it is transparent, because this module is shown on a white background it will not show transparent.

Ejemplo 3

This is the custom_3 position. It is designed to be 100% of the this area's width.

Ejemplo 4

This is an example of a module published to the top_row_2 row. This row contains 6 modules, read below for a full description.

Ejemplo 5

This is an example of a module published to the top_row_3 row. This row contains 6 modules, read below for a full description.

Jefatura de Obras Publicas

    • Download the installation package from our download section.
    • Once the download is complete go to the backend of Joomla.
    • Navigate through your menu system to Extensions/Extensions Manager.

                    

      • Once at the installation screen click the browse button and navigate to where you downloaded the template file.
      • Once you have the file selected click 'Upload File and Install'

The template is now installed, now let's set it as the default template:

      • Navigate through your menu system to Extensions/Template Manager.
      • Find the radio button next to the newly installed template.
      • Click on the Default button at the top right of the screen and you're done!

 

Youbute

 

 Fan  Page 

Ejemplo Z - Right Inset

This is an example of a module published to the right_inset position. There is also a left_inset position and many others, be sure to read the full description.

Ejemplo 6

This is an example of a module published to the right position. There are also left, insets, rows, etc. positions and many others, be sure to read the full description. This is the default style that will appear for most module positions in the white body area.

Ejemplo 7 - Colores Dinamicos

To use a dynamic color for a module title simply enter any hex color code along with any module class suffix you would like use into the module class field of any module:

Examples:
BF1FAE
-dark 058B0F
-transparent_dark D69E16
-no_padding A81111

You must enter the suffix exactly as shown with a space after the suffix. If you are not using a class suffix simply enter the hex color only. This can be applied to any module class above.

Ejemplo 8 - no_padding

This is the -no_padding module style and can be applied to most most module positions.

Twitter 

Sigueme en

Acceder a la página web de la Epmapaped

Publicidad

LO ESTAMOS LOGRANDO

OBRAS PARA EL PUEBLO

TRABAJANDO PARA CAMBIAR LA HISTORIA 

LAS OBRAS CAMBIAN LA IMAGEN DEL PUEBLO 

 

Ejemplo 9 - none

This is the -none module style and can be applied to most most module positions.

Ejemplo 10 - oscuro

This is the -dark module style and can be applied to most most module positions.

Ejemplo 11 - subrayado

This is the -underlined1 module style and can be applied to most most module positions.

Ejemplo 12 - subrayado

This is the -underlined2 module style and can be applied to most most module positions.

Ejemplo 13 - subrayado

This is the -underlined3 module style and can be applied to most most module positions.

Ejemplo 14 -highlight1_hover

This is the -highlight1_hover module style and can be applied to most most module positions. Hover over this module to see its effect.

Ejemplo 15 -highlight2_hover

This is the -highlight2_hover module style and can be applied to most most module positions. Hover over this module to see its effect.

Ejemplo 16 -transparent_dark

This is the -transparent_dark module style and can be applied to most most module positions. This module is intended to be used over a background image since it is transparent, because this module is shown on a white background it will not show transparent.

Ejemplo 17 -transparent_dark_extra_padding

This is the -transparent_dark_extra_padding module style and can be applied to most most module positions. This module is intended to be used over a background image since it is transparent, because this module is shown on a white background it will not show transparent.

Ejemplo 19 -transparent_light_extra_padding

This is the -transparent_light_extra_padding module style and can be applied to most most module positions. This module is intended to be used over a background image since it is transparent, because this module is shown on a white background it will not show transparent.

Ejemplo 20 - Bottom Row1 Modules

This is an example of a module published to the bottom_row_1 row. This row contains 6 modules, read above for a full description.

Ejemplo 21 - Bottom Row2 Modules

This is an example of a module published to the bottom_row_2 row. This row contains 6 modules, read above for a full description.

                                

Ejemplo 22 - Custom 4

This is the custom_4 position. It is designed to be 100% of the this area's width.

Ejemplo X - S5 Tab Show

  • The Top Features

    Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ut vitae commodo lectus, non dignissim ante. Fusce lobortis justo nulla, convallis aliquet nulla semper vel. Integer blandit egestas libero et malesuada. Curabitur sem turpis, tincidunt.

    Google Fonts Enabled

    Aliquam metus justo, ultricies sit amet lacinia eu, scelerisque nec purus. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per ipsum lorem inceptos.

    Hide Content and Modules

    Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos. Nunc porttitor mollis massa, id ultricies purus malesuada lorem ipsum vitae.

    Lazy Load Images Enabled

    Vivamus luctus velit sit amet fringilla adipiscing. Morbi at accumsan massa, ut elementum velit. Suspendisse non risus sem. Phasellus viverra lectus erat, sit amet viverra lacus.
  • High Speed And Flexible

    Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ut vitae commodo lectus, non dignissim ante. Fusce lobortis justo nulla, convallis aliquet nulla semper vel. Integer blandit egestas libero et malesuada. Curabitur sem turpis, tincidunt.

    Hide Content and Modules

    Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos. Nunc porttitor mollis massa, id ultricies purus malesuada lorem ipsum vitae.

    Lazy Load Images Enabled

    Vivamus luctus velit sit amet fringilla adipiscing. Morbi at accumsan massa, ut elementum velit. Suspendisse non risus sem. Phasellus viverra lectus erat, sit amet viverra lacus.

    Google Fonts Enabled

    Aliquam metus justo, ultricies sit amet lacinia eu, scelerisque nec purus. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per ipsum lorem inceptos.
  • The Top Features

    Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ut vitae commodo lectus, non dignissim ante. Fusce lobortis justo nulla, convallis aliquet nulla semper vel. Integer blandit egestas libero et malesuada. Curabitur sem turpis, tincidunt.

    Google Fonts Enabled

    Aliquam metus justo, ultricies sit amet lacinia eu, scelerisque nec purus. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per ipsum lorem inceptos.

    Hide Content and Modules

    Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos. Nunc porttitor mollis massa, id ultricies purus malesuada lorem ipsum vitae.

    Lazy Load Images Enabled

    Vivamus luctus velit sit amet fringilla adipiscing. Morbi at accumsan massa, ut elementum velit. Suspendisse non risus sem. Phasellus viverra lectus erat, sit amet viverra lacus.

Ejemplo 23 - Custom 5

This is the custom_5 position with the class -transparent_dark applied. It is designed to be 100% of the this area's width.

Ejemplo 24 - Bottom Row 3

This is an example of a module published to the bottom_row_3 row with the class -transparent_dark applied. This row contains 6 modules, read above for a full description.