Modificaremos el index.php, dentro de las etiqueta de comienzo y fin del “body”, para que nos quede como siguiente:

<!-- Comienzo del borde -->
<div id="borde">
    <!-- Comienzo del Contenedor -->
    <div id="contenedor">
        <!-- Comienzo de la cabecera -->
        <div id="header">
            <!-- Aquí no ponemos texto puesto que usamos una imagen -->
        </div>
        <!-- Fin de la cabecera -->
        <!-- Comiendo de la barra de navegación o menú -->
        <div id="navegador">
            <jdoc:include type="modules" name="user3" style="xhtml" />
        </div>
        <!-- Fin de la barra de navegación -->
        <!-- Comienzo del cuerpo -->
        <div id="cuerpo">
            <jdoc:include type="component" />
        </div>
        <!-- Fin del cuerpo -->
        <!-- Comienzo de la barra lateral -->
        <div id="lateral">
            <jdoc:include type="modules" name="right" style="xhtml" />
        </div>
        <!-- Fin de la barra lateral -->
        <!-- Comiendo del pie de página -->
        <div id="pie">
            <a href="http://www.solojoomla.com">Tutorial para SoloJoomla</a> by <a href="http://www.moatsoft.com.ar">MoatSoft </a>
        </div>
        <!-- Fin del pie de página -->
    </div>
    <!-- Fin del contenedor -->
</div>
<!-- Fin del borde -->

Las declaraciones más importantes de Jooma son las siguientes:

< jdoc:include type="head">
Como dijimos se coloca una sola vez y dentro de las etiquetas “head”

< jdoc:include type="component">
Esta declaración es la llamada a los contenidos propiamente dichos que están en la base de datos. Se utiliza una sola vez dentro del cuerpo o “body” de nuestro index.

< jdoc:include type="message">
Esta declaración se utiliza para mostrar errores de petición a la base de datos. Solo se puede ubicar en un solo lugar del template que querramos y una sola vez. En el caso de nuestro template, no está contemplada su ubicación por lo que aparecería en un archivo index.html generado “al vuelo”.

< jdoc:include type="module" name="breadcrumbs">
Esta declaración del módulo “breadcrumbs” es la que nos brinda la posición dentro de la web donde estamos actualmente. En el caso de nuestra web no lo contemplamos pero se la vamos a incorporar puesto que es muy sencillo.

<div id="borde">
    <!-- Comienzo del Contenedor -->
    <div id="bread">
        <jdoc:include type="module" name="breadcrumbs" />
    </div>
    <div id="contenedor">
        <!-- Comienzo de la cabecera -->
    ..........................................

Redactado por :

tuxmerlin