System template di Mambo/Joomla cukup simple, hanya membutuhkan sebuah file layout. Tetapi kalau Anda amati, mengapa tampilan situs yang menggunakan Mambo dan Joomla bisa hebat?

Salah dua rahasianya adalah penggunaan layout module bawaan Mambo/Joomla yang dikombinasikan dengan CSS (cascading style sheet). Module di Mambo/Joomla tidak mempunyai file tempale tersendiri, melainkan Mambo/Joomla telah menyediakan beberapa template di dalam Core-nya.

Template module dalam core dipilih ketika memanggil fungsi mosLoadModule() (dari file template) sebagai berikut:
dengan :

$position = posisi module
$style = jenis tampilan (style) module

Ada 5 buah style yang didukung yaitu:

style 0 : standard tabled output

<!--BEGIN MODULE GROUP-->

<!--BEGIN MODULE ITEM-->

<td valign="top">

<table cellpadding="0" cellspacing="0" class="moduletable<?php echo $moduleclass_sfx; ?>">

  <tr>

    <th valign="top">

      <!-- $title -->

    </th>

  </tr>

  <tr>

    <td>

      <!-- $content -->

    </td>

  </tr>

</table>

</td>

<!--END MODULE ITEM-->

<!--END MODULE GROUP-->

style 1 : standard tabled output (masih dibungkus table lagi)
——————————————————————–

<!--BEGIN MODULE GROUP-->

<table cellspacing="1" cellpadding="0" border="0" width="100%"><tr>

<!--BEGIN MODULE ITEM-->

<td valign="top">

  <table cellpadding="0" cellspacing="0" class="moduletable<?php echo $moduleclass_sfx; ?>">

    <tr>

      <th valign="top">

        <!-- $title -->

      </th>

    </tr>

    <tr>

      <td>

        <!-- $content -->

      </td>

    </tr>

  </table>

</td>

<!--END MODULE ITEM-->

</tr></table>

<!--END MODULE GROUP-->

style -1 : show a naked module - no wrapper and no title
——————————————————————–

<!--BEGIN MODULE GROUP-->

<!--BEGIN MODULE ITEM-->

    <!-- $content -->

<!--END MODULE ITEM-->

<!--END MODULE GROUP-->

style -2 : divs and font headder tags
——————————————————————–

<div class="moduletable<!-- $moduleclass_sfx-->">

  <h3>

      <!-- $title -->

  </h3>

      <!-- $content -->

</div>

style -3 : allows for rounded corners
——————————————————————–

<!--BEGIN MODULE GROUP-->

<!--BEGIN MODULE ITEM-->

<div class="module<!-- $moduleclass_sfx-->">

  <div>

    <div>

      <div>

    <h3><!-- $title --></h3>

            <!-- $content -->

      </div>

    </div>

  </div>

</div>

<!--END MODULE ITEM-->

<!--END MODULE GROUP-->

Agus Suhartono

This entry was posted on Wednesday, March 1st, 2006 at 11:11 am and is filed under Content Managemen System. You can follow any responses to this entry through the RSS 2.0 feed. You can leave a response, or trackback from your own site.