Tecnología

Inicio

Cómo hacer que mi logotipo más grande en Joomla!

Joomla! muestra el contenido utilizando plantillas. El diseñador de las plantillas fija cada área de contenido en la plantilla a un tamaño específico. Algunas áreas pueden ampliar de forma automática, contrato o por completo colapso en función del contenido y lo que más se muestra en la página. La ubicación del logo del sitio puede ser fija o ajustable dependiendo de la intención del desarrollador. Usted puede tratar de aumentar el tamaño de la imagen del logotipo, pero si eso no funciona, tendrá que hacer un ajuste a su plantilla.

Instrucciones

1 Ir al menú de extensiones en el Joomla! back-end administrador y seleccione "Administrador de plantillas". Haga clic una vez en la plantilla por defecto para cargarlo.

2 Haga clic en la opción "Editar CSS" en el menú superior derecho. Haga clic una vez en el botón de selección junto a "template.css" en la lista de archivos CSS para editar. Haga clic en "Editar" para abrir el archivo para su edición.

3 Encuentre el lugar que define el área del logotipo de la plantilla. Esto generalmente se define como "Logo" en el archivo CSS. Si la definición logotipo contiene una "altura" y el estado "ancho" del tamaño de la zona se puede aumentar. Los estados suelen definir la altura y anchura en píxeles. Por ejemplo:

Anchura: 298px;

4 Comentario las dos líneas con /

y / en el comienzo y el final de las dos líneas. Pulse la tecla "Enter" después de la segunda línea para insertar una nueva línea. Por ejemplo:

/ Ancho: 298px; /

/ Altura: 75px; /

Esto preserva el código original en caso de que algo va mal y hay que deshacer los cambios. Usted puede simplemente eliminar las nuevas líneas creadas en el paso siguiente y luego retirar las marcas de comentario hecho en este paso.

5 Introduzca las nuevas líneas de código que definen la altura y la anchura de la imagen del logotipo. Por ejemplo:

Anchura: 500px;

altura: 100px;

6 Desplazarse por la pantalla hasta la parte superior y haga clic en "Guardar" en el menú. Haga clic en "Cancelar" para salir de la función de edición de CSS, a continuación, haga clic en "Guardar" de nuevo para salir de la edición de la plantilla. Haga clic en el enlace "Vista previa" en la parte superior derecha para ver su sitio web con el área del logotipo ampliada.

Consejos y advertencias

  • Esto funciona bien siempre y su logotipo no interfiere con otras áreas de contenido que esté utilizando.
  • Si no puede encontrar la definición del logotipo en el archivo template.css, intente buscar en otros archivos .css para ello.
  • La fabricación de su logotipo demasiado grande puede interferir con otro contenido o empujar el contenido principal de abajo de la página en la que no se ve. Si esto sucede, es posible que tenga que rediseñar su logotipo para adaptarse a un área más pequeña y reducir el tamaño de la imagen del logotipo.