it-swarm-es.tech

Ajustar resolución de pantalla

Estoy tratando de ajustar el cuerpo para cada resolución de pantalla. Estoy usando Joomla para desarrollar un sitio web y, como saben, tiene una plantilla predeterminada con su propio CSS. Luego creé algunos artículos que necesitan un archivo CSS diferente, debido a las mismas etiquetas (por ejemplo ul, li .. etc.) y debería configurar la plantilla como un componente (lo hice simplemente adjuntando "tmpl = component" al final de la URL). Desafortunadamente, es un problema porque si quisiera editar el cuerpo en estos artículos no puedo; De hecho, la etiqueta del cuerpo se ha convertido en un "panel de contenido corporal" que es completamente diferente. Intenté dos formas diferentes: en primer lugar, configuré una plantilla específica para cada artículo, pero no funcionó; Así que intenté insertar una plantilla en blanco, pero creo que no es fácil configurar todos los detalles. ¡Gracias a todos por la atención!

2
user2348092

Si su plantilla está configurada correctamente, cuando agrega una clase de página en el elemento del menú, la agrega a la página como una clase de cuerpo. Por lo tanto, puede agregar CSS adicional a su plantilla y agregarle el prefijo body.yourpageclass para que solo se cargue en las páginas que tienen esa clase en el elemento del menú.

Aquí hay un ejemplo: Página de viaje personalizada

Esta y las otras páginas de viaje utilizan una clase de página llamada página de viaje (vea la fuente y podrá verla).

Usé algo como esto entonces:

body.trip-page .box3.nohover .rt-block {background-image: url(../../../images/IMT/trip-page-overlay-plane.png);}

Su código variará de esto, pero ese bloque .rt es el cuadro de contenido del artículo y quería un fondo personalizado SOLO en las páginas de viaje.

También hay otra forma de hacer esto, y es codificar su propia plantilla para que haya algo único en esa etiqueta del cuerpo en la página. El tema Rocket hace esto con un interruptor en la plantilla en realidad. Teóricamente, podría modificar la plantilla para que la categoría del artículo se cargue en la etiqueta del cuerpo en la parte superior, lo que le permite usar CSS personalizado en categorías enteras.

2
Brian Peat

Para crear objetivos específicos para su CSS, puede hacer eco de varias variables de página en una clase en el elemento del cuerpo, lo que le proporciona un enlace CSS muy específico para orientar sus estilos.

En la parte superior de tu index.php:

<?php
$app = JFactory::getApplication();
// Detect the active variables
$option   = $app->input->getCmd('option', '');
$view     = $app->input->getCmd('view', '');
$layout   = $app->input->getCmd('layout', '');
$itemid   = $app->input->getCmd('Itemid', '');
?>

Y en la etiqueta del cuerpo:

<body class="<?php echo $option . " view-" . $view . " layout-" . $layout. " itemid-" . $itemid . "";?>">

Por supuesto, no necesita hacer esto para ajustar el elemento del cuerpo en función de la resolución de la pantalla, solo necesita algunas consultas @ media en su CSS para hacerlo.

1
Seth Warburton

Joomla tiene la capacidad de adjuntar una clase de página para cada sitio. Vaya al Administrador de menús de Joomla y abra un punto de Menú. Luego busque la configuración "Sufijo de clase de página" y coloque su propia clase css como "diseño de artículo plano". Luego puede usar esta clase para diseñar esta página en particular en su CSS de esta manera:

.falt-article-layout ul li {list-style: none;}

o intentas anulaciones de plantilla:

http://docs.joomla.org/How_to_override_the_output_from_the_Joomla!_core

1
Joomla Agency

en el archivo /templates/your_template/index.php puede ajustar la etiqueta del cuerpo para agregar las clases que pueda necesitar, con consultas de medios puede ajustarla en función de la resolución de la pantalla.

https://developer.mozilla.org/en-US/docs/Web/Guide/CSS/Media_queries

si necesita diferentes diseños para varias páginas con anexos ?tmpl=component puedes crear un archivo component.php en el mismo directorio (o cualquier nombre siempre que coincida) para ajustar el diseño para eso.

1
Jordan Ramstad

Al usar "tmpl = component" OR "tmpl = my_new_template_name" puede tener muchos esquemas de diseño diferentes para su sitio web colocando un archivo en el directorio / templates/system/my_new_template_name. php. Si está usando "tmpl = component", entonces puede modificar / templates/system/component.php según sus requisitos. Avíseme si necesita más orientación.

0
Pramod Kumar