1. 1/30Joomla 1.5: modificaciones enlas plantillas (II)

2. 2/301. Eliminar mensaje Bienvenidos a laportada 3. 3/30Lo que quiero hacerQueremos eliminar este mensaje 4. 4/30 Cmo lo hago? En Mens/ Men Principal, marcamos NO en Mostrar el ttulo de la pgina 5. 5/30Resultado 6. 6/302. Eliminar logo queacompaa alnombre del sitio 7. 7/30Lo que quiero hacerQueremos eliminar este logo 8. 8/30Cmo lo hago? La plantilla con la que estamos trabajando permite ocultarel logo desde su configuracin Para acceder a ello backend, Extensiones/ Gestor de plantillas,pinchamos sobre la plantilla Marcamos S en Hide Logo (ocultar logo) 9. 9/30Resultado 10. 10/303. Modificar imagende cabecera 11. 11/30Lo que quiero hacerQueremos modificar esta imagen 12. 12/30Cmo lo hago? Esta imagen est ubicada bajo la carpeta images denuestra template Simplemente renombramos esta imagen (para noperderla) Creamos una imagen a nuestro gusto, asegurndonos deque tiene el mismo nombre que la original IMPORTANTE: Asegrate tambin de que tieneexactamente el mismo tamao 13. 13/30 Cmo lo hago?Carpeta de imgenes de nuestra templateCopiamos aqu la imagen que nos interese justo con el mismo nombre que la original 14. 14/30Resultado 15. 15/30Resultado 16. 16/30 Resultado No he respetado el tamao de la imagen, ahora es msestrecha Vamos a hacer algunos cambios ms para mejorar elaspecto 17. 17/30 4. Reducir alto delrea de la imagen decabecera 18. 18/30 Lo que quiero hacerEliminar espacio sobrante 19. 19/30 Cmo lo hago? El css de mi plantilla es quien controla los anchos y altosde las reas en las que se divide mi sitio web En el sistema de archivos, bajo la carpeta templates de misitio Joomla, accedemos a la carpeta contenedora de laplantilla que tenemos seleccionada, y luego a la carpetacss Editamos el archivo template.css 20. 20/30 Cmo lo hago?Ruta css de la plantillaque estoyusando Fichero .css que debemos editar 21. 21/30 Cmo lo hago? Aspecto de template.css 22. 22/30 Cmo lo hago? Desde el navegador, mostramos el cdigo fuente denuestra pgina, e intentamos identificar qu regin es laque determina el alto de la imagen de cabecera 23. 23/30Cmo lo hago? Sospecho que es el div h_area el que contiene estaimagen de cabecera. En el fichero template.css, buscamos h_area y probamosa modificar su altura De 338px a 270px 24. 24/30ResultadoHemos eliminado el espacio de separacin 25. 25/30 Resultado No he respetado el tamao de la imagen, ahora es msestrecha Vamos a hacer algunos cambios ms para mejorar elaspecto 26. 26/30 5. Centrar el textodel nombre del sitio 27. 27/30Lo que quiero hacerCentrar el ttulo 28. 28/30Cmo lo hago? De nuevo tendremos que modificar el fichero template.css Desde el navegador, mostramos el cdigo fuente denuestra pgina, y localizamos dnde se muestra el ttulode mi sitio web. En mi caso, busco el texto Maru Design 29. 29/30Cmo lo hago? Abrimos nuestro fichero template.css, y buscamos la claselogo. Modificamos para que la alineacin del texto sea centrada Aadimos la lnea text-aling: center; 30. 30/30ResultadoEl texto aparece centrado