Estimado,
En Artisteer (Excelente software por lo demás, uno de mis favoritos)... En Artisteer el menú principal o "main menu" viene en la posición "User3" y puedes tener un header sobre o bajo el "User3". Si consideramos que quieres algo similar a Finning, entonces debieras tener un template compuesto desde arriba hacia abajo por un header y luego el menú.
Luego, lo que tu buscas es poder incluir además un menú sobre el header y además poder incluir un cuadro de búsqueda dentro del header, al extremo derecho... Entonces para lograr eso, deberás modificar 3 elementos de tu template desarrollado con Artisteer:
1.- templateDetails.xml
2.- index.php
3.- template.css
Partiremos por el templateDetails.xml, si miras en su interior, usando el notepad, NUNCA word o alguno similar, verás que una parte de su estructura tiene las siguientes líneas:
<positions>
<position>banner1</position>
<position>banner2</position>
<position>banner3</position>
<position>banner4</position>
<position>banner5</position>
<position>banner6</position>
<position>bottom1</position>
<position>bottom2</position>
<position>bottom3</position>
<position>breadcrumb</position>
<position>copyright</position>
<position>left</position>
<position>right</position>
<position>syndicate</position>
<position>top1</position>
<position>top2</position>
<position>top3</position>
<position>user1</position>
<position>user2</position>
<position>user3</position>
<position>user4</position>
<position>user5</position>
</positions>
Luego, lo que haremos será agregar las 2 posiciones adicionales que necesitamos, las que llamaremos por ejemplo "Menu_Superior" y "Buscador", agregamos ambas posiciones a nuestro templateDetails.xml y nos quedará de la siguiente forma:
<positions>
<position>banner1</position>
<position>banner2</position>
<position>banner3</position>
<position>banner4</position>
<position>banner5</position>
<position>banner6</position>
<position>bottom1</position>
<position>bottom2</position>
<position>bottom3</position>
<position>breadcrumb</position>
<position>copyright</position>
<position>left</position>
<position>right</position>
<position>syndicate</position>
<position>top1</position>
<position>top2</position>
<position>top3</position>
<position>user1</position>
<position>user2</position>
<position>user3</position>
<position>user4</position>
<position>user5</position>
<position>Menu_Superior</position>
<position>Buscador</position>
</positions>
Si te fijas, lo que hicimos fue agregar 2 líneas a las posiciones en las que creamos las 2 nuevas posiciones que son las que necesitamos.
Ahora, debemos modificar el template.php, al abrirlo con tu notepad, verás que en su interior contiene unas líneas que indican lo siguiente:
<div id="art-main">
<div class="art-sheet">
<div class="art-sheet-tl"></div>
<div class="art-sheet-tr"></div>
<div class="art-sheet-bl"></div>
<div class="art-sheet-br"></div>
<div class="art-sheet-tc"></div>
<div class="art-sheet-bc"></div>
<div class="art-sheet-cl"></div>
<div class="art-sheet-cr"></div>
<div class="art-sheet-cc"></div>
<div class="art-sheet-body">
<div class="art-header">
<div class="art-header-jpeg"></div>
<div class="art-logo">
<h1 id="name-text" class="art-logo-name"><a href="/">Headline</a></h1>
<div id="slogan-text" class="art-logo-text">Slogan text</div>
</div>
</div>
Ahora lo que haremos será agregar las posiciones al template para que aparezcan justo en el lugar que necesitamos, para agregaremos 2 líneas de código que son las siguientes:
<jdoc:include type="modules" name="Menu_Superior" style="art-block" />
<div id="Buscador"><jdoc:include type="modules" name="Buscador" style="art-block" /></div></div>
En donde la primera línea incluirá el Menú Superior que deseas agregar y la segunda línea incluirá el buscador que deseas agregar, estás líneas de código debes agregarla al template.php en la forma en que te muestro a continuación:
<div id="art-main">
<div class="art-sheet">
<div class="art-sheet-tl"></div>
<div class="art-sheet-tr"></div>
<div class="art-sheet-bl"></div>
<div class="art-sheet-br"></div>
<div class="art-sheet-tc"></div>
<div class="art-sheet-bc"></div>
<div class="art-sheet-cl"></div>
<div class="art-sheet-cr"></div>
<div class="art-sheet-cc"></div>
<div class="art-sheet-body">
<jdoc:include type="modules" name="Menu_Superior" style="art-block" />
<div class="art-header">
<div class="art-header-jpeg"><div id="Buscador"><jdoc:include type="modules" name="Buscador" style="art-block" /></div></div>
<div class="art-logo">
<h1 id="name-text" class="art-logo-name"><a href="/">Headline</a></h1>
<div id="slogan-text" class="art-logo-text">Slogan text</div>
</div>
</div>
Por último debemos crear el estilo para la caja de búsqueda, para eso deberás abrir tu template.css y agregar al final de la hoja las siguientes líneas:
#Buscador
{
float: right;
width: 380px;
height: 142px;
margin: -9px 10px 10px 10px;
}
Ahora bien, es importante que te fijes en los espacios en blanco entre las líneas de código y mantengas la misma extructura, así mismo recuerda que después del último "}" no puede exisitir ningún espacio, en eso debes tener bastante cuidado.
Con esos pasos seguidos al pie de la letra, conseguirás incluir tanto un menú sbre el header y una caja de búsqueda al interior y a la derecha del header.
Luego, desde el administrador de módulos de tu Joomla! creas un nuevo módulo "Buscar", es de los que viene por defecto y lo instalas en la posición "Buscador", lo mismo con el menú superior, lo instalas en la posición "Menú Superior"
Por último, comentarte que por razones de alineación, el sistema de menú de artisteer no te funcionará en tu nueva plantilla como módulo de menú propiamente tal, así es que cuando vayas a agregar el menú desde tu administrador de módulos, lo que deberás hacer es crear un módulo html en el que escribirás los items de menú y le agregarás el vinculo a las páginas de manera manual, pues agregándolo como un módulo menú de Joomla!, este te quedará alineado a la izquierda de la plantilla y no a la derecha. Ahora bien, si quieres que te quede alineado a la izquierda y no a la derecha, entonces crea el módulo menú, pero recuerda darle compatibilidad horizontal desde los parámetros del mismo.
Atento a tus comentarios, recibe un cordial saludo,