Step 1 - Prepare the field

You should first decide where to add your new module position. Open template index.php and try to find a suitable place for your new module. For example under the main menu.

Step 2 - Add the code snippet in index.php

Please add following code snippet in previously determined space:

<jdoc:include type="modules" name="newposition" style="YJsgxhtml" />

module print attributes

• name= module position name.
• style= module chrome output which can be , YJsgxhtml ,Yjround, YJsgplain.

Step 3 - Add new module position to your templateDetails.xml file

Under this line in templateDetails.xml :

<position>user25</position>

Add this xml snippet:

<position>newposition</position>

YJsgxhtml module chrome output:

<div class="yjsquare modidMODULEID">
    <div class="h2_holder">
        <h2 class="module_title"> Title </h2>
    </div>
    <div class="yjsquare_in"> module content... </div>
</div>

Note that a space in module title will split your title and each part will be surrounded by a span.
This way you can additionally style the separated title.

YJsground module chrome output:

<div class="yjsquare modidMODULEID addround">
    <div class="h2_holder">
        <h2 class="module_title">
            <span class="title_split titlesplit0">Module</span>
            <span class="title_split titlesplit1">Title</span>
        </h2>
    </div>
    <div class="yjsquare_in"> module content... </div>
</div>

YJsgplain module chrome output:

<div class="yjplain modidMODULEID"> module content... </div>