Modificare l'aspetto della data in Joomla 1.6

Home

Giu | 11 29 Mercoledì

	Modificare l'aspetto della data in Joomla 1.6
Autore : tonicopi » Questo articolo è stato letto: 8280 volte »

Qualche giorno fa abbiamo scritto questo articolo che spiega come modificare l'aspetto della data in Joomla! 1.5. Adesso vediamo come fare altrettanto in Joomla! 1.6...

Lo spunto per la modifica era venuto da un articolo pubblicato in Joomla! community magazine. Purtroppo però il codice pubblicato in quell'articolo funzionava solo per la versione 1.5 di Joomla!.

Diverse segnalazioni e solleciti alla rivista affinchè venisse corretto il pacchiano errore non hanno avuto esito. Ecco però che, grazie all'aiuto dei ragazzi della Kreatif Multimedia, siamo venuti a capo della soluzione del problema.

Va intanto subito precisato che il primo dei due metodi suggerito nel precedente articolo non funziona per la 1.6.
Possiamo quindi modificare l'aspetto grafico della data in Joomla! 1.6 unicamente usando il metodo dell'override.

Si deve pertanto copiare il file:

components/com_content/views/article/tmpl/default.php

dentro la cartella html (se non c'è createla) del proprio template:

templates/tuo_template/html/com_content/article/default.php

Quindi si deve cercare questa porzione di codice:

<?php if ($params->get('show_create_date')) : ?>
    <dd class="create">
    <?php echo JText::sprintf('COM_CONTENT_CREATED_DATE_ON', 
JHtml::_('date',$this->item->created, JText::_('DATE_FORMAT_LC2'))); ?>
    </dd>
<?php endif; ?>

e sostituirla con questo:

<?php if ($params->get('show_create_date') | 1) :?>
<dd class="create">
    <div class="dateWrap">    
        <span class="day">
            <?php echo JHtml::_('date',$this->item->created, "d"); ?>
        </span>
        <span class="month">
            <?php echo JHtml::_('date',$this->item->created, "M"); ?>
        </span>
        <span class="year">
            <?php echo JHtml::_('date',$this->item->created, "Y"); ?>
        </span>
    </div>    
</dd>
<?php endif; ?>

In questo modo non abbiamo fatto altro che aggiungere i tag span con la classe propria per giorno, mese ed anno che potremo quindi formattare con i css. Se inseriremo queste regole:

.dateWrap {
background: #282F36;
height: 250px;
width: 200px;
float: left;
color: #fff;
margin: 0 15px 0 0;
}
.day {
font-size: 11em;
display: block;
text-align: center;
padding-top:5px;
margin-bottom: 0px;
background: #fafafa;
color: #282F36;
padding-bottom: 0px;
font-family: helvetica, arial, san-serif;
}
.month {
display: block;
text-align: center;
font-size: 3em;
margin-bottom: 0px;
font-family: helvetica, arial, san-serif;
}
.year {
display: block;
text-align: center;
font-size: 3em;
font-family: helvetica, arial, san-serif;
}

override data

Otterremo questo risultato che vedete nell'immagine di sinistra, del tutto simile a quello che avevamo ottenuto in Joomla! 1.5.

data joomla

Ovviamente basterà armarsi di un po' di pazienza e realizzeremo un layout per la data del tutto personalizzato, come è stato fatto anche per joomla.it che, se non l'avete ancora notato, è questa piccolina e carina qui pubblicata a destra che vedete da qualche giorno comparire in testa ai nostri articoli.

Qui potete vedere una demo dell'override della data in joomla 1.6.
Ho usato il template di default beez_20 così tutti possono fare tranquillamente delle prove giocando con il codice qui pubblicato.

Buon ridisegno delle vostre date!

Articolo scritto da tonicopi - Joomla Css Zen Garden

Commenta questo articolo sul forum

< Prec.		Succ. >

Modificare l'aspetto della data in Joomla 1.6

Vedi anche:

10/06/2011 17:42 - Come cambiare l'aspetto della data nel nostro sito Joomla!

Articoli più recenti:

03/08/2011 20:05 - Una galleria in due minuti.
01/08/2011 09:40 - Costruiamo una sezione FAQ con Joomla!
25/07/2011 09:39 - Effetto... otturatore!
15/07/2011 07:14 - Piccola guida all'uso del Suffisso classe CSS menu
14/07/2011 09:01 - Select list dipendenti con Joomla 1.6
13/07/2011 12:03 - Come spostare e modificare il FONTSIZE
11/07/2011 09:08 - Editare file remoti utilizzando solo Notepad++
09/07/2011 12:27 - Creare i tuoi QR code in un sito Joomla.
05/07/2011 08:27 - Joomla! 1.7 - Divisione o scissione?
01/07/2011 11:00 - Gestione contatti e form - Joomla! 1.6/1.7

<< Articolo precedente

Ricerca su Joomla.it

...per il tuo dispositivo mobile