Uploaded on

Convertir html y css en una plantilla de Joomla! 3 de 5 Taller de Creación de plantillas de Joomla! impartido el 28 de febrero 2010 por el Grupo de Usuarios de Joomla! Guatemala

Convertir html y css en una plantilla de Joomla! 3 de 5 Taller de Creación de plantillas de Joomla! impartido el 28 de febrero 2010 por el Grupo de Usuarios de Joomla! Guatemala

More in: Technology
  • Full Name Full Name Comment goes here.
    Are you sure you want to
    Your message goes here
    Be the first to comment
    Be the first to like this
No Downloads

Views

Total Views
1,760
On Slideshare
0
From Embeds
0
Number of Embeds
4

Actions

Shares
Downloads
32
Comments
0
Likes
0

Embeds 0

No embeds

Report content

Flagged as inappropriate Flag as inappropriate
Flag as inappropriate

Select your reason for flagging this presentation as inappropriate.

Cancel
    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

Transcript

  • 1. CONVERTIR HTML Y CSS EN UNA PLANTILLA JOOMLA! Joomla! 1.5 y 1.6
  • 2. PASO 1: CREAR UN HTML Y CSS BASE(utilizando las carpetas de Joomla! para una plantilla)
  • 3. PASO 2: INSTALAR LAPLANTILLA BASE EN JOOMLA!
  • 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. 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. PASO 3: INTRODUCIR LAS POSICIONES EN LA PLANTILLA
  • 7. PASO 4: CSSReferencia: http://www.nosolocodigo.com/css-cheatsheet- para-joomla-15
  • 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. 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. MENÚ EN 1.5 Y 1.6• div.moduletable_menu• ul.menu• li(class=”active” si está activo)
  • 11. MÓDULOS EN 1.5 Y 1.6• div.moduletable• Título: h3• Elementos: ul / li