Web design – Personalizzare la grafica degli articoli con i css

Posizionamento siti web – SEO joomla – modifica in h1
9 agosto 2010
Creazione siti web – visualizzazione della data – override
9 agosto 2010

Non sono molti i sistemi di pubblicazione online che permettono di impostare classi css differenziate per le notizie pubblicate in home, impostando ad esempio background alternati tra le intro, e permettendoci cosi la realizzazione di un web design molto personalizzato

La versione 1.5 permette questo e molto altro dato che gli sviluppatori si sono concentrati appunto sull’implementazione della personalizzazione grafica della struttura.
L’esempio che propongo utilizza la tecnica dell’override e non è molto difficile da implementare.

L’intento,dunque, è quello di riuscire ad ottenere layout diversi per le intro delle news pubblicate sul sito,il tutto in maniera automatica e gestibile dal foglio di stile.
Ci limiteremo ad impostare 3 stili diversi,uno dei quali predefinito,ma l’override può essere esteso con facilità
Abbiamo già visto nelle pagine immediatamente precedenti l’override del Com_content nel
template “Beez”,riprendiamo dunque il file interessato,default.php:
Riga inizio modifica: 18
Inseriamo la funzione array
•che cosa è un array:
Gli array non sono altro che contenitori dove poter stipare dati che
possiamo in seguito richiamare ed utilizzare.
Immaginiamo di avere a disposizione innumerevoli variabili che descrivono un comune oggetto
tutte numerate partendo dallo zero.
Il codice array inserito è questo
Alla riga 21

“leading”<?php echo $this->

params->get(‘pageclass_sfx’); ?>
<?php if ( $y != 3){
echo $css[$y];
}

else

{
echo $css[0];
}
?>“> In pratica, se il numero dello stile non è superiore al numero 2 , prende il numero dell’array, per
creare il nuovo stile, se è superiore al 2, la funzione, preleva come predefinito l’array 0, $css[0];
Nel foglio di stile:
.leading0 {
background: #edf5de;
border: 1px solid #dcf6ac;
}
.leading1 {
background: #c7ced4;
border: 1px solid #5f6f7c;
}

e questo il risultato ottenuto con questo semplice hack

L’esempio è banale,ma serve solo come riferimento,ci siamo limitati ad impostare dei background diversi per 3 news della intro,ma effettivamente le possibilità di intervenire per modificare il layout delle intro degli articoli sono parecchie.

Se cerchi degli esperti in joomla contattaci

Portfolio 2010