CONVERTIR HTML Y CSS EN UNA PLANTILLA JOOMLA!        Joomla! 1.5 y 1.6
PASO 1: CREAR UN HTML Y        CSS BASE(utilizando las carpetas de Joomla! para una plantilla)
PASO 2: INSTALAR LAPLANTILLA BASE EN JOOMLA!
PLANTILLA BASE EN JOOMLA!           1.51.Instalar Joomla!2.Crear la carpeta en templates, con los archivos requeridos3.Cam...
PLANTILLA BASE EN JOOMLA!           1.61.Instalar Joomla!2.Cambiar el HTML base a index.php dejando las variables de Jooml...
PASO 3: INTRODUCIR LAS   POSICIONES EN LA      PLANTILLA
PASO 4: CSSReferencia: http://www.nosolocodigo.com/css-cheatsheet-                    para-joomla-15
CSS DEL CONTENIDO             PRINCIPAL EN 1.5• Título      de componente:      • Contenido                               ...
CSS DEL CONTENIDO             PRINCIPAL EN 1.6• Título   de componente: h1   • Información:                               ...
MENÚ EN 1.5 Y 1.6• div.moduletable_menu• ul.menu• li(class=”active” si está  activo)
MÓDULOS EN 1.5 Y 1.6• div.moduletable• Título: h3• Elementos: ul   / li
Upcoming SlideShare
Loading in …5
×

Convertir html y css en Joomla!

6,781 views

Published on

Published in: Technology, Design
0 Comments
2 Likes
Statistics
Notes
  • Be the first to comment

No Downloads
Views
Total views
6,781
On SlideShare
0
From Embeds
0
Number of Embeds
1
Actions
Shares
0
Downloads
60
Comments
0
Likes
2
Embeds 0
No embeds

No notes for slide
  • \n
  • Expectativa del cliente escogido: Cultura Android Guatemala\nEn este punto, mostrar la el template base (template.html) de la carpeta 01 - Maquetación Base\nMostrar las posiciones de módulos y componentes que se configurarán\n
  • No es necesario mostrar nada\n
  • Mostrar la carpeta y el archivo XML generado (02 - base Joomla! / 1.5)\nMostrar el Template manager antes de subir la carpeta\nSubir la carpeta y aplicar la plantilla, mostrar el resultado final\n
  • Mostrar la carpeta y el archivo XML generado (02 - base Joomla! / 1.6)\nMostrar el Template manager antes de instalar la plantilla\nInstalar y aplicar la plantilla, mostrar el resultado final\n
  • Introducir las posiciones menu, right y footer, así como el contenido (component)\nResultado final como “03 - Posiciones” (1.5 y 1.6 respectivamente)\nTips necesarios: hablar de la configuración de los artículos\n
  • \n
  • Resultado final como “04 - CSS Contenido” / 1.5\n\n
  • Resultado final como “04 - CSS Contenido” / 1.6\nNotar diferencias entre tablas 1.5 y divs 1.6\n
  • Resultado final como “05 - CSS Menús” / (1.5 y 1.6)\n\n
  • Resultado final como “06 - CSS Módulos” / (1.5 y 1.6)\n\n
  • Convertir html y css en Joomla!

    1. 1. CONVERTIR HTML Y CSS EN UNA PLANTILLA JOOMLA! Joomla! 1.5 y 1.6
    2. 2. PASO 1: CREAR UN HTML Y CSS BASE(utilizando las carpetas de Joomla! para una plantilla)
    3. 3. PASO 2: INSTALAR LAPLANTILLA BASE EN JOOMLA!
    4. 4. PLANTILLA BASE EN JOOMLA! 1.51.Instalar Joomla!2.Crear la carpeta en templates, con los archivos requeridos3.Cambiar el HTML base a index.php dejando las variables de Joomla!4.Aplicar la plantilla en Extensions / Template manager
    5. 5. PLANTILLA BASE EN JOOMLA! 1.61.Instalar Joomla!2.Cambiar el HTML base a index.php dejando las variables de Joomla!3.Crear la estructura base de la carpeta (incluyendo el XML) y guardarla en un ZIP4.Instalar la plantilla en Extensions / Extension manager (sólo la primera vez es necesario instalar)5.Aplicar la plantilla en Extensions / Template manager
    6. 6. PASO 3: INTRODUCIR LAS POSICIONES EN LA PLANTILLA
    7. 7. PASO 4: CSSReferencia: http://www.nosolocodigo.com/css-cheatsheet- para-joomla-15
    8. 8. CSS DEL CONTENIDO PRINCIPAL EN 1.5• Título de componente: • Contenido de artículo: div.componentheadin table.contentpaneope g n• Contenido: table.blog • Autor: span.small• Título de artículo: • Fecha: td.createdate td.contentheading
    9. 9. CSS DEL CONTENIDO PRINCIPAL EN 1.6• Título de componente: h1 • Información: dl.article-info• Contenido: div.blog • dt.article-info-term• Título de artículo: h2 • dd.category-name • dd.published • dd.createdby
    10. 10. MENÚ EN 1.5 Y 1.6• div.moduletable_menu• ul.menu• li(class=”active” si está activo)
    11. 11. MÓDULOS EN 1.5 Y 1.6• div.moduletable• Título: h3• Elementos: ul / li

    ×