Bienvenido, Invitado
Nombre de Usuario: Contraseña:
  • Página:
  • 1
  • 2
  • 3

TEMA: Necesito un template como el de www.finning.cl

Necesito un template como el de www.finning.cl 6 años 2 meses antes #2881

  • ciborg
  • Avatar de ciborg
  • Fuera de línea
  • Fresh Boarder
  • Mensajes: 7
  • Karma: 0
Estimados
Ando buscando como hacer algo parecido a la pagina de finning.cl, es decir, con el menu horizontal normal, con el buscar tal como aparece en la pagina y lo mas importante con el menu que está arriba del buscar.

Alguien me puede orientar como hacerlo, ya que eh intentado por todos lados y no puedo hacerlo, ni con artisteer lo puedo lograr.

Alguien q me ayude porfa!!!


Gracias Amigos
El tema ha sido cerrado.

Re: Necesito un template como el de www.finning.cl 6 años 2 meses antes #2882

  • willin
  • Avatar de willin
  • Fuera de línea
  • Administrator
  • Cuidado! Ya no estoy solo...
  • Mensajes: 1897
  • Gracias recibidas 44
  • Karma: 67
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,
Guillermo Bravo
Administrador
Foro Joomla Chile
El tema ha sido cerrado.
Los siguientes usuarios han agradecido: gigi_catred




Re: Necesito un template como el de www.finning.cl 6 años 2 meses antes #2883

  • conde_mr
  • Avatar de conde_mr
  • Fuera de línea
  • Fresh Boarder
  • Mensajes: 2
  • Karma: 0
hola,

Necesito saber como hacer un webmail desde joomla. He visto que unos usan OSE Webmail component for Joomla 2.0, lo descarge e instale pero no tengo idea como configurarlo. Tambien dicen que es muy buen el Qvarnis Mail Client (Qmail). Pero tampoco se como se instala o configura. Pueden hacer una ayuda por favor.

Muchas gracias
El tema ha sido cerrado.




Re: Necesito un template como el de www.finning.cl 6 años 2 meses antes #2886

  • willin
  • Avatar de willin
  • Fuera de línea
  • Administrator
  • Cuidado! Ya no estoy solo...
  • Mensajes: 1897
  • Gracias recibidas 44
  • Karma: 67
Estimado,

Este post se trataba de como insertar nuevas posiciones en un template, específicamente uno desarrollado con artisteer. La respuesta respecto al webmail te la puse en el otro post, puedes verla directamente desde este link.

Con respecto al tema de las nuevas posiciones, avísame como te fué para dar por cerrado el tema.

Atento a tus comentarios, recibe un cordial saludo,

P.S. En todo caso, revísate este tema completo, en el, con el colega Giov vimos las alternativas de webmail y las limitaciones a la misma.
Guillermo Bravo
Administrador
Foro Joomla Chile
El tema ha sido cerrado.

Re: Necesito un template como el de www.finning.cl 6 años 2 meses antes #2928

  • ciborg
  • Avatar de ciborg
  • Fuera de línea
  • Fresh Boarder
  • Mensajes: 7
  • Karma: 0
Estimado toi LLegando de las vacaciones de fiestas patrias.
Lo voy a hacer hoy y mañana te cuento como me fue... de ante mano se agradece montones la paciencia amigo.
muchas gracias!!!
El tema ha sido cerrado.

Re: Necesito un template como el de www.finning.cl 6 años 2 meses antes #2929

  • willin
  • Avatar de willin
  • Fuera de línea
  • Administrator
  • Cuidado! Ya no estoy solo...
  • Mensajes: 1897
  • Gracias recibidas 44
  • Karma: 67
Estimado,

Estaré a la espera de tus comentarios.

Recibe un cordial saludo,
Guillermo Bravo
Administrador
Foro Joomla Chile
El tema ha sido cerrado.
  • Página:
  • 1
  • 2
  • 3
Moderadores: FeDoo, willin
Tiempo de carga de la página: 1.141 segundos
Gracias a Foro Kunena