• Share
  • Email
  • Embed
  • Like
  • Save
  • Private Content
Convertir html y css en Joomla!
 

Convertir html y css en Joomla!

on

  • 5,204 views

 

Statistics

Views

Total Views
5,204
Views on SlideShare
5,204
Embed Views
0

Actions

Likes
1
Downloads
48
Comments
0

0 Embeds 0

No embeds

Accessibility

Categories

Upload Details

Uploaded via as Apple Keynote

Usage Rights

© All Rights Reserved

Report content

Flagged as inappropriate Flag as inappropriate
Flag as inappropriate

Select your reason for flagging this presentation as inappropriate.

Cancel
  • Full Name Full Name Comment goes here.
    Are you sure you want to
    Your message goes here
    Processing…
Post Comment
Edit your comment
  • \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! Convertir html y css en Joomla! Presentation Transcript

  • 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.Cambiar el HTML base a index.php dejando las variables de Joomla!4.Aplicar la plantilla en Extensions / Template manager
  • 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
  • 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 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
  • 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
  • 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