GameDaddy wrote:First thing you'll want to do is go to the
templateDetails.xml and add your new position. Simply insert a line about here in the code:
Code: Select all
<positions>
<position>left</position>
<position>right</position>
<position>top</position>
<position>mynewpositionhere</position>
</positions>
Next, you'll want to go to the
Module Manager and map one of your modules to your new position. Just as an example, in the
Rhuk Milkyway template the
Newsflash module is mapped to the
top position... which in that template is inserted at the top of the index.php file next to the logo which also is mapped to the Top position in the
Index.php file.
Just to clear up this confusion, With the
Rhuk Milkyway template, the logo and the top module is actually loaded into the template by the
index.php with the following css & command:
Code: Select all
<div id="logo"></div>
<jdoc:include type="modules" name="top" />
</div>
When you go to
Extensions > Module Manager and look for the top module, you won't find it. You won't find it in the plugins either. This is because the
Top module is actually part of the Joomla! core code.
The css for the div id
logo loads the actual logo image from the
template.css style sheet while the newsflash items are loaded by the top module, which is invisible being a part of the Joomla! core and all.
Instead of using css to load our logo, we are going to replace that
Top module with a completely new module that only displays our logo graphic... ready?
First use the media manager in the control panel and upload the image you want to use for your logo. Next we are going to create a Module that holds that image.
Extensions > Module Manager > New
choose the
Custom HTML option by selecting the radio button.
Title: topper
Position: mynewpositionhere
Scroll down a bit until you see Custom Output... go to the bottom of that. See your Image button? Click it. This will load the media manager and allow you to place an image in the module, in your case, choose your logo.
Insert your logo by clicking the logo file and clicking insert from the upper right of the now opened media manager.
Apply and
Save your changes.
Finally, we are going to add the code that serves up the logo image with your template, Open up the
index.php file
Extensions > Template Manager > YourTemplate > Edit > EditHTML
and add the following code where ever you want this module (and your logo) to appear:
Code: Select all
<jdoc:include type="modules" name="topper" />
Apply and
Save your changes.
Preview your work!
If you are actually doing this using the
Rhuk Milkyway template for example, you need to remember to disable the newsflash module and remove the Jdoc statement that loads the
Top module.
Cheers!