Cómo Cambiar El Ancho De La Plantilla Joomla

Tabla de contenido:

Cómo Cambiar El Ancho De La Plantilla Joomla
Cómo Cambiar El Ancho De La Plantilla Joomla

Video: Cómo Cambiar El Ancho De La Plantilla Joomla

Video: Cómo Cambiar El Ancho De La Plantilla Joomla
Video: Modificar colores a cualquier plantilla Joomla 3x 2024, Noviembre
Anonim

Joomla es uno de los CMS más personalizables y fáciles de usar que existen. Al usar las capacidades de este sistema de administración de sitios, no solo puede llenar el sitio con varias funcionalidades, sino también cambiar su apariencia según las plantillas instaladas.

Cómo cambiar el ancho de la plantilla joomla
Cómo cambiar el ancho de la plantilla joomla

Instrucciones

Paso 1

Abra la página de inicio de su sitio. En el menú del navegador que está utilizando, seleccione la función de visualización del código fuente de la página. En Google Chrome, esta herramienta se encuentra en "Herramientas" - "Ver código fuente", en Firefox - "Desarrollo web" - "Fuente". Si está utilizando Opera, seleccione Ver - Herramientas de desarrollo - Código fuente para ver el código HTML.

Paso 2

Busque el identificador y vea todos los divs y sus nombres. Abra el archivo template.css de su plantilla con cualquier editor de texto y busque un bloque que establezca explícitamente el ancho. Por ejemplo, si es posterior, busque el bloque de nombre en el archivo de plantilla. Para simplificar la búsqueda, puede utilizar la función "Editar" - "Buscar" de la ventana del editor. Examine todos los divs enumerados en el código fuente de la página.

Paso 3

En el parámetro de ancho, ingrese el valor deseado en porcentaje o píxeles. Revise el resto de bloques que tengan el mismo ancho y cámbielos de la misma manera. Por ejemplo, si agregó 200 píxeles al ancho en la capa principal, entonces debe agregar los mismos 200 píxeles a otros bloques.

Paso 4

Después de completar los cambios, guarde el archivo y vea el resultado, edite template.css nuevamente si es necesario. Si usa imágenes como fondo de bloques en la plantilla, lo más probable es que tenga que cambiar su tamaño. Además, para cada div, puede establecer su propio color de fondo, que puede reemplazar la imagen monocromática. Si hay un logotipo en el diseño del sitio, puede estirarlo con cualquier editor gráfico. También puede utilizar sus propias imágenes en plantillas.

Recomendado: