Stai visitando l'archivio per Lezione 4.

Miglioriamo la vista degli archivi

15 Maggio 2011 in Foglio di stile, Lezione 4

pagina archivi

Visualizzazione archivi prima della cura

Chi di voi non ha ancora provveduto si dovrebbe ritrovare con una visualizzazione un po’ discutibile degli archivi.

Guardiamo, ad esempio, cosa capita agli archivi delle circolari di marzo: la data e il titolo della circolare sono un po’ troppo grandi e in grassetto e questo stona (a  mio parere) un po’, soprattutto se confrontiamo la vista “Archivi” con quella delle ultime circolari. Quest’ultima appare decisamente più leggera: la ritengo preferibile.

pagina circolari

Visualizzazione circolari

Lascio a chi è interessato di comprendere il motivo della diversa visualizzzione (vi instrado dicendo di controllare i livelli di titoli) e mi limito a fornirvi il codice da inserire nel file style.css per equiparare le due visualizzazioni:

h3.piccino {
font-size: 0.95em;
font-weight: normal;
line-height: 1.4em;
margin: 0.75em 0 0.25em;
}

 

Nuova pagina archivi

Visualizzazione archivi dopo la cura

Modifica dell’aspetto grafico del tema

9 Maggio 2011 in Foglio di stile, Lezione 4

Nei due videotutorial che seguono i primi approcci alla modifica del file style.css, responsabile della visualizzazione grafica del tema. Il consiglio è di aiutarsi con un paio di strumenti integrativi, da scaricare ed installare prima di operare le modifiche allo stile:

Continua a leggere questo articolo →

Il riassunto negli articoli. Se lo vuoi

8 Maggio 2011 in Lezione 4, Videotutorial

articolo con riassuntoVediamo ora una modifica direttamente sul tema. Lo scopo è far comparire il riassunto anche negli articoli (circolari, avvisi, news, ecc. ecc.).

Si tratta di un puro esercizio dimostrativo circa le possibilità di personalizzazione del tema; nella versione definitiva il riassunto sarà già presente nel tema scolastico e non sarà necessario nessuna operazione di modifica, a meno che non si intenda toglierlo, ovviamente.

Per facilitare l’operazione, allego una breve guida (rtf, 45 kb) contenente la procedura e il codice da incollare.

per visualizzare il video è necessario disporre del plugin flash per il proprio browser