
<p><br />1. Available module designs.</p>
<p><img class="border_img" src="images/sample/module-suffixes.png" alt="" border="0" /></p>
<p><br /><strong>Suffix name:</strong> color1-ms<br /><strong>Suffix name:</strong> color2-ms<br /><strong>Suffix name:</strong> color3-ms<br /><strong>Suffix name:</strong> small-title-ms<br /><strong>Suffix name:</strong> large-title-ms<br /><strong>Suffix name:</strong> border-bottom-ms</p>
<p><br />2. Use the suffix for a menu module if you want to get the following view for menu.</p>
<p><br /><img class="border_img" src="images/sample/colormenu-ms.png" alt="" border="0" /></p>
<p><br /><strong>Suffix name:</strong> color-menu-ms</p>
<p><br /><img class="border_img" src="images/sample/materialmenu-ms.png" alt="" border="0" /></p>
<p><br /><strong>Suffix name:</strong> material-menu-ms</p>
<p><br />3. Use the suffix for menu item if you want to get the following view for "Post an ad" item.</p>
<p><br /><img class="border_img" src="images/sample/button-ms.png" alt="" border="0" /></p>
<p><br /><strong>Suffix name:</strong> button-ms</p>
<p><br />4. Use the suffix for module if you want to display icon boxes.</p>
<p><br /><img class="border_img" src="images/sample/iconbox-ms.png" alt="" border="0" /></p>
<p><br /><strong>Suffix name:</strong> iconbox1-ms jmico-laptop<br /><strong>Suffix name:</strong> iconbox2-ms jmico-home<br /><strong>Suffix name:</strong> iconbox3-ms jmico-futbol-o<br /><strong>Suffix name:</strong> iconbox4-ms jmico-shopping-bag</p>
<p>You can use any FontAwesome icon. For example, if you want to use: <strong>fa fa-laptop</strong>, you should enter the suffix: <strong>jmico-laptop</strong>. The same rule applies to all FontAwesome icons.</p>
<p><br />5. Use the suffix if you want remove top/right/bottom/left/all margin of module.</p>
<p><br /><strong>Suffix name:</strong> margin-top-ms<br /><strong>Suffix name:</strong> margin-right-ms<br /><strong>Suffix name:</strong> margin-bottom-ms<br /><strong>Suffix name:</strong> margin-left-ms<br /><strong>Suffix name:</strong> margin-ms</p>
<p><br />6. Use the suffix for a DJ-Classifieds Search module if you want to get the following view.</p>
<p><br /><img class="border_img" src="images/sample/search-ms-locationcategory-ms.jpg" alt="" border="0" /></p>
<p><br /><strong>Suffix name:</strong> search-ms locationcategory-ms</p>
<p><br />7. Use the suffix for a DJ-Classifieds Items module if you want to get the following view of the module items.</p>
<p><br /><img class="border_img" src="images/sample/items-boxed-ms.jpg" alt="" border="0" /></p>
<p><br /><strong>Suffix name:</strong> items-boxed-ms</p>
<p><br />8. Use the suffix for a custom HTML module if you want to get the following view.</p>
<p><br /><img class="border_img" src="images/sample/see-all-ms.jpg" alt="" border="0" /></p>
<p><br /><strong>Suffix name:</strong> see-all-ms</p>
<p><br />9. Use the suffix for a DJ-Classifieds Regions module if you want to get the following view.</p>
<p><br /><img class="border_img" src="images/sample/regions-ms.jpg" alt="" border="0" /></p>
<p><br /><strong>Suffix name:</strong> regions-ms col4</p>
<p><br />You can also display other number of columns if needed:</p>
<p><strong>Suffix name:</strong> col2</p>
<p><strong>Suffix name:</strong> col3</p>
<p><strong>Suffix name:</strong> col5</p>
<p><br />10. Use the suffix for a DJ-MediaTools Album module if you want to get the following view of the navigation arrows.</p>
<p><br /><img class="border_img" src="images/sample/top-right-nav-ms.jpg" alt="" border="0" /></p>
<p><br /><strong>Suffix name:</strong> top-right-nav-ms</p>
<p><br />You can also display the navigation on other positions:</p>
<p><strong>Suffix name:</strong> top-left-nav-ms</p>
<p><strong>Suffix name:</strong> bot-left-nav-ms</p>
<p><strong>Suffix name:</strong> bot-right-nav-ms</p>
<p><br />11. Use the suffix for a DJ-MediaTools Album module if you want to get the following view of the navigation arrows.</p>
<p><br /><img class="border_img" src="images/sample/arrows-nav-ms.jpg" alt="" border="0" /></p>
<p><br /><strong>Suffix name:</strong> arrows-nav-ms</p>
<p><br />12. Additional and very useful suffix to make your modules height the same.<br />You just have to put a suffix at a module configuration to get the specified module height. <br /><br />See here the screenshot:</p>
<p><img class="border_img" src="images/sample/height1.jpg" alt="" border="0" /></p>
<p><strong>_mod300</strong> means that your module will be of 300 pixels high.<br /><br />If you need to mix suffixes, remember to put that suffix at the end and add space between suffixes, see the example:</p>
<p><img src="images/sample/height2.jpg" alt="" border="0" /></p>