Posteado por:

Manualito para hacer templates Joomla en Dreamweaver


Hola amigos Taringeros, aca le dejo un manualito cosa que si como yo andan buscando como empezar a hacer sus propios templates para Joomla 1.5, esto les puede ayudar como a mi

Pequeño manual para hacer una plantilla para Joomla 1.5 en Dreamweaver

Para aplicar este manual necesitas instalar el Macromedia Dreamweaver y el Dreamweaver Template extension.

Para facilitar la creación de tu propio Template, usaremos de base los archivos del JavaBean, que está incluido en el Joomla, o cualquier template que tengan bajado.
Haz una copia del Template y renómbralo como Practica.
Abre la carpeta Practica.
*Cualquier Template que hagas en el futuro, requiere los mismo archivos.
Abre el archivo templateDetails.xml y modifica donde dice:

<name>JavaBean</name>
<creationDate>29/07/2004</creationDate>
<author>Firsta Yudith</author>
<copyright>This template is released under GNU/GPL License.</copyright>
<authorEmail>dr_first@yahoo.com</authorEmail>
<authorUrl>www.doengs.com</authorUrl>
<version>1.0</version>
<description>A fresh clean style, shows spirit of the company.</description>

que como podrás deducir, son los datos del Template y su creador. Guarda los cambios.
En el Dreamweaver, crea un nuevo documento en formato PHP.
*Para este momento ya debe estar instalado el Dreamweaver Template extension.
Colócate en el BODY y ahora vamos a crear la estructura.
Presiona Control + Alt + T y crea una tabla con borde 0, Cellpading 0, Cellspacing 0, tres Filas y tres Columnas.

A la celda central superior dale ancho 770.

No vamos a utilizar imágenes, eso lo practicas luego, sólo vamos a usar colores.
En la etiqueta BODY, asigna los márgenes a 0, para que no haya espacios en blanco a los lados de la página.

Borra todo lo que está sobre la etiqueta de cierre del HEAD.

Luego presiona la opción Insert Head Code.

En la celda del centro, crea una nueva tabla con tres columnas, una fila. A las celdas laterales de esta nueva tabla, dales ancho 150.

Colócate en la celda izquierda y en el área Codigo del Dreamweaver, presiona Insert Left Modules.

Colócate en la celda derecha y en el área Codigo del Dreamweaver, presiona Insert Right Modules.

Colócate en la celda central y en el área Codigo del Dreamweaver, presiona Insert Main Body.

Guarda el archivo como index.php del Template Practica.
Agregando sólo estos puntos ya el Template tiene forma.
Prueba los demás botones, que te permiten agregar la hora, un formulario de búsquedas, el footer, en fin, un montón de cosas que con sólo presionar un botón aparecerán.

EL diseño de los bloques laterales, colores, imágenes y otros, se definen en la hoja de estilo, que es el archivo template_css.css que está en la carpeta css del template.
Por ejemplo el onmouseover y onmouseout del bloque principal, se define en la clase a.mainlevel ---.
Esto lo dominarás por ensayo y error.
Cualquier duda al respecto en el Foro Joomla.
Psico

Bueno es lo mas sencillo y entendible que encontré espero les sirva gracias.
Compartir en:
  • Twitter
  • Delicious
  • Facebook
  • Digg
RSS con los comentarios de este post

13 Comentarios


#1 - El año pasado
umm se ve interesant pero mejor fuera si~no solo fuera texto sino tambien algunas imagenes para podernos hacer la vida un poco mas facil
#2 - El año pasado
donde bajo el el Dreamweaver Template extension.
#3 - El año pasado
Hola!! me darias una mano para entender que son bien los templades y como los puedo usar para armas mis sitios web?? Muchas gracias por tu aporte. Seguime Ayudando a entender mas.Saludos
#4 - El año pasado
Gracias por esta informacion, ando buscando todo lo relativo a Joomla, esto es un aporte mas.
#5 - El año pasado
escaso muy escaso cuando algo se explica que sea facil o explicas o no explias nada che no hay caps nada
#6 - El año pasado
a mi me sirvio mucho
#7 - El año pasado
dijo:

#2 - palotex Citar Comentario Mandale un mensaje | 08.10.2008 00:02:39 dijo: donde bajo el el Dreamweaver Template extension.




DONDE LO BAJAMOS
#8 - El año pasado
dijo:

#2 - palotex Citar Comentario Mandale un mensaje | 08.10.2008 00:02:39 dijo: donde bajo el el Dreamweaver Template extension.




DE ACA LO PODES BAJAR: http://www.taringa.net/posts/downloads/959760/Joomla-Dreamweaver-Template-Kit-2_0.html
#9 - El año pasado
Muy pobre el post.
#10 - El año pasado
Muchas gracias por la informacion, esperamos aortar mas a este tema.

Nadie esta obligado a poner y compartir aqui, por eso hay que agra¡decer y no criticar negativamente a los demas, sino esto estaria vacio.

eso pues
#11 - Hace 6 meses
gracias, muchas gracias.
#12 - Hace 6 meses
gracias
#13 - Hace 4 meses
buenisimo !!!!

Para poder comentar necesitas estar Registrado. O.. ya tenes usuario? Logueate!
Ir al cielo
API - Trabaja en Taringa! - Anuncie en T! - Protocolo - Contacto - Enlazanos - Mapa del sitio - Prensa - Denuncias - T! em Português
Términos y condiciones - Privacidad de datos