You are here: Home arrow Joomla Web Design Tips arrow Banner Module Positions
Font resize: Increase SizeDecrease SizeReset font to default

Joomla Theme

Joomla Themes Web design Free Templates

Banner Module Positions

Have you every wanted to include a banner in your Joomla template then here is how you can do it.

1) Open the index.php file for your web design using notepad or another editor like dreamweaver.

2) Add the following code into the index.php file where you would like the banner module to appear.

   <div id="banner"><?php if (mosCountModules('banner')) { mosLoadModules('banner'); } ?></div>

3) Basically the above code will display the banner module on your site only if you have enabled it. If the module is not enabled then the banner will not appear.

4) You will also need to position the banner module so it appears in the centre or to the left or right. You can do this by including the following css code in your template_css.css file.

5) Open the template_css.css file and add the following code.

   #banner { float: right; padding: 25px 10px 0px 0px; margin: 0;

6) The above code is referencing the <div id="banner"> and applying a style to it. So in the CSS style element noted above you are saying the banner will float to the left ( or you can you right or centre ) and then you are adding some padding to it.

Hope this helps to include a banner module in your joomla theme plus how to position the module.

   

Powered by Joomla Tags

 
< Prev   Next >