it-swarm.dev

Regola la risoluzione dello schermo

Sto cercando di regolare il corpo per ogni risoluzione dello schermo. Sto usando Joomla per sviluppare un sito Web e, come sapete, ha un modello predefinito con il proprio CSS. Quindi ho creato alcuni articoli che necessitano di un diverso file CSS, a causa degli stessi tag (ad esempio ul, li .. ecc.) E ho dovuto impostare il modello come componente (l'ho fatto semplicemente allegando "tmpl = component" alla fine dell'URL). Sfortunatamente questo è un problema perché se mi piacerebbe modificare il corpo in questi articoli non posso; infatti il ​​body tag è diventato "body contentpane" completamente diverso. Ho provato due modi diversi: prima di tutto ho impostato un modello specifico per ogni articolo ma non ha funzionato; quindi ho tentato di inserire un modello vuoto ma penso che non sia facile impostare tutti i dettagli grazie Grazie a tutti per l'attenzione !!

2
user2348092

Se il modello è impostato correttamente, quando si aggiunge una classe di pagina nella voce di menu, la si aggiunge alla pagina come classe di corpo. Quindi puoi semplicemente aggiungere extra CSS al tuo modello e prefissarlo con body.yourpageclass in modo che si carichi solo sulle pagine che hanno quella classe nella voce di menu.

Ecco un esempio: Pagina di viaggio personalizzata

Questa e le altre pagine di viaggio utilizzano una classe di pagine chiamata pagina di viaggio (visualizza la fonte e puoi vederla).

Ho usato qualcosa del genere quindi:

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

Il tuo codice varierà da questo, ma quel .rt-block è la casella del contenuto dell'articolo e volevo uno sfondo personalizzato SOLO sulle pagine di viaggio.

C'è anche un altro modo per farlo, ed è quello di codificare il tuo modello in modo che qualcosa di unico sia nel tag body sulla pagina. Il tema del razzo fa ciò con un interruttore nel modello in realtà. Puoi teoricamente modificare il modello in modo che la categoria di articoli venga caricata nel tag body in alto, permettendoti di utilizzare i CSS personalizzati su intere categorie.

2
Brian Peat

Per creare target specifici per il tuo CSS puoi fare eco a varie variabili di pagina in una classe sull'elemento body, dandoti un hook CSS altamente specifico per indirizzare i tuoi stili.

Nella parte superiore del tuo indice.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 sull'etichetta del corpo:

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

Ovviamente, non è necessario eseguire questa operazione per regolare l'elemento del corpo in base alla risoluzione dello schermo, per farlo è necessario solo alcune domande @ media nel css.

1
Seth Warburton

Joomla ha la possibilità di allegare una classe di pagine per ogni sito. Vai a Joomla Menu Manager e apri un punto Menu. Quindi cerca l'impostazione "Suffisso classe di pagina" e inserisci la tua classe CSS come "layout articolo piatto". Quindi puoi usare questa classe per progettare questa particolare pagina nel tuo CSS in questo modo:

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

oppure provi Sostituzioni modello:

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

1
Joomla Agency

nel file /templates/your_template/index.php puoi regolare il body tag per aggiungere le classi di cui potresti aver bisogno, con le media query puoi regolarlo in base alla risoluzione dello schermo.

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

se hai bisogno di layout diversi per varie pagine con l'aggiunta di ?tmpl=component puoi semplicemente creare un file component.php nella stessa directory (o qualsiasi nome purché corrisponda) per regolare il layout per quello.

1
Jordan Ramstad

Usando "tmpl = component" OR "tmpl = my_new_template_name" puoi avere molti schemi di layout diversi per il tuo sito web mettendo un file nella directory / templates/system/my_new_template_name. php. Se stai usando "tmpl = component" puoi modificare / templates/system/component.php secondo i tuoi requisiti. Fammi sapere se hai bisogno di maggiori indicazioni.

0
Pramod Kumar