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
Want create site? Find Free WordPress Themes and plugins.

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

Did you find apk for android? You can find new Free Android Games and apps.