Inicio Tutoriales Lecciones Cambiar el "header" de tu template - 3
Sep
13
2008
Cambiar el "header" de tu template - 3 Imprimir E-mail
Usar puntuación: / 7
MaloBueno 
Escrito por Administrator   

LECCION 3 SOBRE COMO CAMBIAR LA CABECERA DE TU WEB



- © copyright 'joomlatuto.com' - 2008 // Todos los derechos reservados. Se puede publicar cualquier artículo de 'joomlatuto.com' siempre que no se realice modificación alguna en él, y se indique de forma clara la autoría del mismo mediante un enlace (link) visible donde ubiques el artículo en tu web.No se podrá comerciar con ellos en modo alguno, debiendo ofrecerse en forma totalmente gratuíta.

-- Nueva lección en la que veremos la segunda parte de los cambios que estamos realizando en la cabecera del Template que hemos seleccionado como predeterminado para nuestra web.
-- Ya vimos en la lección anterior como dábamos nueva forma a lo que es la imagen de fondo, y hoy seguimos con los cambios y en esta ocasión vamos a crear un nuevo Título.

-- Al igual que hicimos en la primera parte, lo primero será encontrar la imagen que debemos modificar (o crear una nueva imagen con las mismas características en cuanto a tamaño, color de fondo, etc...).
-- En nuesto Pc. nos vamos a la carpeta donde tengamos los archivos descomprimidos de nuestra versión de Joomla (deberías tener ya instalada la versión 1.5.6), y buscaremos en /templates/ja_purity/images que será donde veamos entre otras:


buscamos la imagen del título


-- La imagen que debemos usar es la llamada logo.png, la cual voy a abrir con Adobe Photoshop:


abro con Photoshop la imagen


-- Podremos optar por modificar esta imagen haciendo los cambios que deseemos:


podemos modificar la imagen


-- Usando en este caso el tampón de clonar podríamos borrar el título y colocar el nuestro, dejando el logo de Joomla. También se podría cambiar ese logo por otro de nuestra peopia web...eso quedaría a nuestra mejor decisión. 

-- En mi caso, lo que voy a hacer es crear uno nuevo y lo diseño a mi gusto. Para ello lo primero que necesito es conocer el tamaño de la imagen original:


necesito saber el tamaño de la imagen original


-- Veo que tiene 350x80 pixel, así que creo una nueva imagen a la que daré precisamente esa medida:



-- Y seleccionando el bote de pintura, además de conocer el color de la imagen original con el uso del cuentagotas, procedo a rellenarla con dicho color.
-- Además debo seleccionar una fuente para el texto del título y el color de esa fuente. No es difícil si estás acostumbrado al manejo de Photoshop, aunque como ya dije en la lección anterior, si estás más habituado con otro programa como Fireworks, Picasa o cualquier otro para tratamiento de imágenes (incluso el Paint podría servirte), puedes realizar las operaciones que comento perfectamente.
-- Al final tendré:



-- Para no alargar en exceso esta lección de hoy, aquí dejamos este paso y en la siguiente lección (última del tutorial) ya vamos a concluir con el trabajo y tendremos el cambio de nuestra cabecera concluído. Hasta entonces.


Lecciones del tutorial:   << Inicio < Anterior lección 1 - lección 2 - lección 3 - lección 4 Siguiente >   Fin >>


<< Ir al índice con todas las lecciones Subir al principio de esta página >>

(TAGS: modificar cabecera template, diseño web, herramienta webmaster, manual joomla versión 1.5, cursos joomla)


-

 

Contenido web

  ○ Inicio
  ○ Tutoriales
     - Instalación Joomla 1.5
     - Instalar con navegador
     - Indice de lecciones
  ○ Videotutoriales
  ○ Descargas
     - Extensiones
     - Templates
     - Joomla 1.5
  ○ Taller práctico
  ○ Aprende practicando
  ○ Seguridad - SEO
     - Seguridad web
     - SEO
  ○ Quiero ser webmaster
  ○ Juegos flash
  ○ Galerías 
     - Libro
  ○ Glosario
  ○ Enlaces
  ○ Libro de invitados
  ○ Mapa del sitio
  ○ Demos
  ○ Privacidad
  ○ Joomla 1.0
  ○ Blog
  ○ Sitemap 
  ○ FAQs

Juega gratis

- © Copyright 2008 - joomlatuto.com - web creada con Joomla! 1.5 - Ver licencia (texto,imagenes y videotutoriales): >> Licencia Creative Commons <<< Licencia Creative Commons