Header 1

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Etiam imperdiet sagittis sapien, sit amet placerat lacus ultricies ultrices. Phasellus viverra commodo nulla, eget scelerisque lectus consectetur et. Curabitur commodo lectus nec lectus porta vestibulum. Pellentesque in rutrum nisl. Proin purus augue, volutpat a mattis id, mattis quis ligula. Nulla facilisi. Vestibulum tincidunt velit faucibus erat congue non viverra nulla pharetra. Suspendisse potenti. Ut est felis, volutpat luctus porta quis, tincidunt sed lorem. Mauris fringilla mollis turpis, et blandit eros interdum id. Fusce ultricies leo ac urna ultricies rhoncus. Nulla facilisi. Etiam consectetur elit eu arcu volutpat interdum. Duis ac sapien ipsum. Sed facilisis, magna in aliquet blandit, justo tellus tincidunt urna, at malesuada turpis odio non nulla. Mauris fringilla, purus sit amet gravida tincidunt, ex velit lobortis dolor, eu congue lacus mauris nec nunc. Proin rhoncus, lacus eget convallis consequat, tellus purus sagittis lorem, nec feugiat leo eros ac quam. Mauris ut orci nec augue tristique sollicitudin.

Top1-1

Default module

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Etiam imperdiet sagittis sapien, sit amet placerat lacus ultricies ultrices.

Top1-2

Module suffix:
color1-ms

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Etiam imperdiet sagittis sapien, sit amet placerat lacus ultricies ultrices.

Top1-3

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Etiam imperdiet sagittis sapien, sit amet placerat lacus ultricies ultrices.

Top1-4

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Etiam imperdiet sagittis sapien, sit amet placerat lacus ultricies ultrices.

Top2-1

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Etiam imperdiet sagittis sapien, sit amet placerat lacus ultricies ultrices.

Top2-2

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Etiam imperdiet sagittis sapien, sit amet placerat lacus ultricies ultrices.

Top2-3

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Etiam imperdiet sagittis sapien, sit amet placerat lacus ultricies ultrices.

Top2-4

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Etiam imperdiet sagittis sapien, sit amet placerat lacus ultricies ultrices.

Top3-1

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Etiam imperdiet sagittis sapien, sit amet placerat lacus ultricies ultrices.

Top3-2

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Etiam imperdiet sagittis sapien, sit amet placerat lacus ultricies ultrices.

Top3-3

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Etiam imperdiet sagittis sapien, sit amet placerat lacus ultricies ultrices.

Top3-4

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Etiam imperdiet sagittis sapien, sit amet placerat lacus ultricies ultrices.

Content-top

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Etiam imperdiet sagittis sapien, sit amet placerat lacus ultricies ultrices. Aliquam id nunc turpis. In et blandit arcu. Donec pharetra, mauris id consectetur pretium, eros nisl pharetra urna, ut pellentesque magna mi a leo.

條件搜尋

There are additional module designs available that you can control by entering a correct suffix name as a module parameter.
If you need to mix suffixes then separate classes with some space.


1. Available module designs.



Suffix name: color1-ms


2. Use the suffix for menu item if you want to get the following view for "Post an ad" item.



Suffix name: button-ms


3. Use the suffix if you want remove top/right/bottom/left/all margin of module.


Suffix name: margin-top-ms
Suffix name: margin-right-ms
Suffix name: margin-bottom-ms
Suffix name: margin-left-ms
Suffix name: margin-ms


4. Use the suffix for a module if you want to get the following view.



Suffix name: phone-ms


5. Use the suffix for a header module if you want to get the following view.



Suffix name: pull-down-ms


6. Use the suffix for a DJ-Classifieds Search module if you want to get the following view.


Suffix name: search-compact-ms



7. Use the suffix for a DJ-Classifieds Items module if you want to get the following view of the module items.



Suffix name: items-inline-ms


8. Use the suffix for a DJ-Classifieds Regions module if you want to get the following view.



Suffix name: regions-ms col4


You can also display other number of columns if needed:

Suffix name: col2

Suffix name: col3

Suffix name: col5


9. Use the suffix for a Joomla menu module if you want to get the following view.



Suffix name: horizontal-ms


10. Use the suffix for a DJ-Classifieds Maps module if you want to display the menu module without spaces like on thehome page of demo site.


Suffix name: maps-ms


11. Additional and very useful suffix to make your modules height the same.
You just have to put a suffix at a module configuration to get the specified module height.

See here the screenshot:

_mod300 means that your module will be of 300 pixels high.

Content-Bottom

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Etiam imperdiet sagittis sapien, sit amet placerat lacus ultricies ultrices. Aliquam id nunc turpis. In et blandit arcu. Donec pharetra, mauris id consectetur pretium, eros nisl pharetra urna, ut pellentesque magna mi a leo.

Bottom1-1

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Etiam imperdiet sagittis sapien, sit amet placerat lacus ultricies ultrices.

Bottom1-2

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Etiam imperdiet sagittis sapien, sit amet placerat lacus ultricies ultrices.

Bottom1-3

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Etiam imperdiet sagittis sapien, sit amet placerat lacus ultricies ultrices.

Bottom1-4

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Etiam imperdiet sagittis sapien, sit amet placerat lacus ultricies ultrices.

Bottom2-1

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Etiam imperdiet sagittis sapien, sit amet placerat lacus ultricies ultrices.

Bottom2-2

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Etiam imperdiet sagittis sapien, sit amet placerat lacus ultricies ultrices.

Bottom2-3

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Etiam imperdiet sagittis sapien, sit amet placerat lacus ultricies ultrices.

Bottom2-4

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Etiam imperdiet sagittis sapien, sit amet placerat lacus ultricies ultrices.

Bottom3-1

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Etiam imperdiet sagittis sapien, sit amet placerat lacus ultricies ultrices.

Bottom3-2

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Etiam imperdiet sagittis sapien, sit amet placerat lacus ultricies ultrices.

Bottom3-3

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Etiam imperdiet sagittis sapien, sit amet placerat lacus ultricies ultrices.

Bottom3-4

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Etiam imperdiet sagittis sapien, sit amet placerat lacus ultricies ultrices.

Bottom4-1

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Etiam imperdiet sagittis sapien, sit amet placerat lacus ultricies ultrices.

Bottom4-2

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Etiam imperdiet sagittis sapien, sit amet placerat lacus ultricies ultrices.

Bottom4-3

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Etiam imperdiet sagittis sapien, sit amet placerat lacus ultricies ultrices.

Bottom4-4

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Etiam imperdiet sagittis sapien, sit amet placerat lacus ultricies ultrices.