Recomendados
Más contenido relacionado
La actualidad más candente
Similar a Convertir html y css en Joomla!
Similar a Convertir html y css en Joomla! (20)
Último
Último (15)
Convertir html y css en Joomla!
- 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 LA PLANTILLA BASE EN JOOMLA!
- 4. PLANTILLA BASE EN JOOMLA! 1.5 1.Instalar Joomla! 2.Crear la carpeta en templates, con los archivos requeridos 3.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.6 1.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 ZIP 4.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: CSS Referencia: 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
Notas del editor
- \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