ti-enxame.com

Ajustar a resolução da tela

Estou tentando ajustar o corpo para cada resolução de tela. Estou usando o Joomla para desenvolver um site e, como você sabe, ele tem um modelo padrão com seu próprio CSS. Então eu criei alguns artigos que precisam de um arquivo CSS diferente, por causa das mesmas tags (por exemplo, ul, li .. etc) e devo definir o modelo como componente (fiz isso simplesmente anexando "tmpl = component" no final do URL). Infelizmente, isso é um problema, porque se eu gostaria de editar o corpo nesses artigos, não posso; Na verdade, a tag body se tornou "body contentpane" completamente diferente. Tentei de duas maneiras diferentes: antes de tudo, defini um modelo específico para cada artigo, mas não funcionou; então tentei inserir um modelo em branco, mas acho que não é fácil configurar todos os detalhes disso. Obrigado a todos pela atenção !!

2
user2348092

Se o seu modelo estiver configurado corretamente, quando você adiciona uma classe de página no item de menu, ele a adiciona à página como uma classe de corpo. Assim, você pode adicionar css extra ao seu modelo e prefixá-lo com body.yourpageclass, para que ele seja carregado apenas nas páginas que possuem essa classe no item de menu.

Aqui está um exemplo: Página de viagem personalizada

Esta e as outras páginas de viagem usam uma classe de página chamada página de viagem (veja a fonte e você pode vê-la).

Eu usei algo assim então:

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

Seu código varia disso, mas esse bloco .rt é a caixa de conteúdo do artigo e eu queria apenas um plano de fundo personalizado nas páginas de viagem.

Também há outra maneira de fazer isso: codificar seu próprio modelo para que algo único esteja nessa tag do corpo na página. O tema Rocket faz isso com uma opção no modelo, na verdade. Teoricamente, você pode modificar o modelo para que a categoria do artigo seja carregada na tag body na parte superior, permitindo o uso de CSS personalizado em categorias inteiras.

2
Brian Peat

Para criar destinos específicos para o seu css, você pode repetir várias variáveis ​​de página em uma classe no elemento body, fornecendo um gancho css altamente específico para o qual direcionar seus estilos.

Na parte superior do seu 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', '');
?>

E na etiqueta do corpo:

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

Obviamente, você não precisa fazer isso para ajustar o elemento do corpo com base na resolução da tela, apenas algumas consultas @ media em seu css para fazer isso.

1
Seth Warburton

O Joomla tem a capacidade de anexar uma classe de página para cada site. Vá para o Gerenciador de menus do Joomla e abra um ponto de menu. Em seguida, procure a configuração "Sufixo da classe de página" e coloque sua própria classe css como "layout de artigo simples". Então você pode usar esta classe para criar esta página específica em seu css assim:

.falt-article-layout ul li {estilo da lista: nenhum;}

ou você tenta Substituições de modelo:

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

1
Joomla Agency

no arquivo /templates/your_template/index.php você pode ajustar a etiqueta do corpo para adicionar as classes de que precisa, com consultas à mídia, você pode ajustá-la com base na resolução da tela.

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

se você precisar de layouts diferentes para várias páginas anexando ?tmpl=component você pode apenas criar um arquivo component.php no mesmo diretório (ou qualquer nome, desde que corresponda) para ajustar o layout para isso.

1
Jordan Ramstad

Usando "tmpl = component" OR "tmpl = my_new_template_name", você pode ter muitos esquemas de layout diferentes para o seu site colocando um arquivo no diretório / templates/system/my_new_template_name. php. Se você estiver usando "tmpl = component", poderá modificar / templates/system/component.php conforme seus requisitos. Informe-me se precisar de mais orientações.

0
Pramod Kumar