Following we will detail for you how to create a new module position in the header area of your template. This can be usefull when you wish to add a banner or language switcher to the header area of your site.
First of all locate the following line of code in your templates index.php (../templates/[YourTemplate]/index.php)..
<?php require("php/layouts/header.php"); ?>
Directly before this code paste the following..
<div id="newmodule"> <jdoc:include type="modules" name="newmodule" /> </div>
This will add a module position called newmodule in the header area of your template.
Next we must give the module position some styling to set the positions dimensions, location etc. To do so add the following to the Custom CSS field of your templates parameters..
#header { position: relative; } #newmodule { height:50px; margin:0; padding:0; position: absolute; right:20px; top:10px; width:200px; z-index:99; }
The above styling will create your module position to the top right of your header area. You can edit this CSS to your own taste in particular top, left. height & width under #newmodule. We gave the position absolute positioning relative to the containing #header div. In most cases the top property will be the distance between the top of your module position and the top of the browser window. The right property will be the distance between the right of your module position and the right of the wrapper area of your header. You may also wish to add other properties like color, font-family, background etc.
Other elements can be styled within your new module position by using the same #newmodule selector. An example may be something like..#newmodule h3 { font-size: 18px; color: #CCCCCC; }
And that should be it. You'll find the position won't be listed in the positions dropdown within your modules parameters so simply type it in to create (newmodule).