Template Afterburner2 Joomla 2.5.8

antonio45

Template Afterburner2 Joomla 2.5.8

Buongiorno, allora il mio problema è:

uso il template afterburner2 e joomla 2.5.8

vorrei personalizzare gli sfondi dei moduli e dei titoli dei moduli.

fino ad ora non sono riuscito.

ringrazio e auguro buona giornata e buon lavoro

fda

Ciao Antonio45 e benvenuto sul ForumGT.

Procedi così:

Vai nel backend di Joomla, apri il modulo al quale vuoi applicare lo stile personalizzato, apri il tab Advanced Options e inserisci il nome che hai scelto per la classe in Module Class Suffix, quindi fai clic su Salva.
Scrivi in un css il tuo stile personalizzato per la classe tenendo conto della struttura del template (vedi sotto).

Esempio di come si presenta nella demo del template Afterburner2 il modulo custom "Demo Information":


<div class="rt-block">
  <div class="module-surround">
    <div class="module-title">
      <h2 class="title">Demo Information</h2>
    </div>
    <div class="module-content">
      <div class="custom">
        <p class="rt-border-bottom largepaddingbottom">All demo content is for <strong>sample</strong> purposes only, intended to a live site. Any content images are the copyright of RocketTheme, or their respective rights holders, and cannot be used without prior permission. A <strong>RocketLauncher</strong> is available, which allows you to mimic this demo.</p>
        <div class="clear">&nbsp;</div>
      </div>
    </div>
  </div>
</div>

Seguendo i passi sopra chiamando la classe classe_modulo, lo stesso modulo si presenterà così:


<div class="rt-block classe_modulo">
  <div class="module-surround">
    <div class="module-title">
      <h2 class="title">Demo Information</h2>
    </div>
    <div class="module-content">
      <div class="customclasse_modulo">
        <p class="rt-border-bottom largepaddingbottom">All demo content is for <strong>sample</strong> purposes only, intended to a live site. Any content images are the copyright of RocketTheme, or their respective rights holders, and cannot be used without prior permission. A <strong>RocketLauncher</strong> is available, which allows you to mimic this demo.</p>
        <div class="clear">&nbsp;</div>
      </div>
    </div>
  </div>
</div>

Rettifica.

Conoscendo la struttura del template del modulo puoi applicare stili con quest'unica classe classe_modulo grazie alle gerarchie di CSS.

L'effetto della classe lo vedi alle righe 1 e 7. Pensavo fosse un bug ma non ne sono sicuro. Se il primo div dipende dal template prescelto, il secondo deriva dal mod_custom che fa parte del core di Joomla.

Anche non facendo alcun override, puoi applicare stili usando entrambe le classi classe_modulo e customclasse_modulo.

Facci sapere se incontri difficoltà con l'applicazione dello stile.

fda

Confermo, nel template del mod_custom del core di Joomla! 2.5.28 la classe di default *custom *è attaccata alla classe che si inserisce, a me sembra un bug e ci metterei uno spazio in override:


<?php
/**
 * @package		Joomla.Site
 * @subpackage	mod_custom
 * @copyright	Copyright (C) 2005 - 2014 Open Source Matters, Inc. All rights reserved.
 * @license		GNU General Public License version 2 or later; see LICENSE.txt
 */


// no direct access
defined('_JEXEC') or die;
?>




<div class="custom<?php echo $moduleclass_sfx ?>" <?php if ($params->get('backgroundimage')): ?> style="background-image:url(<?php echo $params->get('backgroundimage');?>)"<?php endif;?> >
	<?php echo $module->content;?>
</div>

antonio45

chiedo scusa, ma nel frattempo ho pensato che il template gantry fosse più completo. però anche per questo template il procedimento dovrebbe essere simile giusto?

fda

La procedura di aggiunta della classe al modulo da backend vale per qualunque sito Joomla, l'effetto potrebbe cambiare da template a template, ma questo è un problema di stile che vai a definire via css. Procedi pure.

Il Gantry è il framework di RocketTheme per Joomla e WordPress giunto alla 5 versione: gantry.org
Non l'ho ancora provato in questa versione non ancora stabile, facci sapere come ti trovi.