Hosting Joomla - Alojamiento para Joomla, blog y vídeos Joomla

NEW YORK +1.888.815.4203 BARCELONA +34.902.009.386
Viernes, 22 de Julio de 2011 21:10

Nuevo color en template JA Zeolite

por  Jhon Marreros Guzmán
Vota este articulo
(0 votos)

colorzeoliteEn el siguiente artículo veremos cómo agregar un nuevo color a los colores que tiene por defecto la plantilla de Ja Zeolite.

La plantilla de Ja Zeolite es una de las plantillas más populares, especial para tienda ya que trabaja integrada con virtuemart.

 

Demo JA Zeolite naranja

 

1- Cambiando el archivo xml

En el archivo /templates/ja_zeolite/templateDetails.xml , necesitamos agregar un nuevo color, en la línea 89 aproximadamente agregamos lo siguiente:

<option value="naranja">Naranja</option>

Es decir el color de ejemplo naranja, el código completo de la sección de colores del archivo xml se muestra en la siguiente imagen:

img1

 

2- Cambiando las imágenes del template

En la carpeta /templates/ja_zeolite/images/ , creamos una nueva carpeta con el nombre del color y subimos las imágenes previamente modificadas al color naranja.

Para realizar este trabajo nos basamos en las imágenes de una carpeta de color por defecto y utilizamos algún editor de imágenes (ver video al final del artículo).

 

3- Copiando el archivo de estilos

En la carpeta /templates/ja_zeolite/css/colors/ nos basamos en algún archivo de color y lo copiamos con el nombre naranja.css

img2

 

4- Modificando el archivo de estilos

Realizamos las modificaciones al archivo de estilos naranja.css, cambiando las rutas de las imágenes y cambiando los colores por los tonos de colores naranja. Para realizar este trabajo podemos usar algún editor que nos permita buscar y reemplazar texto rápidamente.

 

5- Seleccionamos el nuevo estilo 

Desde el gestor de plantillas ingresamos a la configuración de la plantilla ja_zeolite y seleccionamos el nuevo estilo definido.

img3

 

6- Resultado Final

imgfinal

 

En el siguiente video se explica de manera práctica cada uno de los puntos explicados anteriormente.

 

En el siguiente video se explica cómo editar las imágenes del template

 

Ultima modificacion el Viernes, 22 de Julio de 2011 21:38

¡Descubre nuestros Packs!


Pack Tienda Joomla

Pack Empresa Joomla

Pack Periódico o Revista Joomla

Testimonios de Clientes

Buscador Joomla

Cargando...

Webempresa en Facebook

Quieres estar al día en Joomla?
Haz clic en "Me gusta"


Canales Webempresa

Twitter_Facebook_Youtube_Feed_

Notícias Joomla en tu Email

noticias Joomla
Suscríbete Ahora!
Código:
Joomla : Hosting Joomla - Alo

Artículos en tu lector RSS

Suscríbete a nuestro Feed RSS

Servicios que ofrecemos para Joomla :
Hosting JoomlaHosting Joomla
Servidores Joomla especializados.
Soporte Joomla 24x7x365
hosting_joomla Reseller Joomla
Especial para Diseñadores Joomla. Olvídate del Hosting de tus Clientes
ayuda JoomlaAprende Joomla
Formación en Joomla 2.5, Virtuemart 2.0 y de las extensiones más populares
Desarrollo JoomlaPacks Joomla
Múltiples diseños profesionales.
Tu Web Joomla por 299€