toSend.it » CSS

Personalizzare il modulo di ricerca dell’albo on-line di PAFacile

admin — Mon, 07 Mar 2011 09:00:31 +0000

PAFacile consente una completa personalizzazione del layout di frontend. La personalizzazione avviene tramite l’intervento su un foglio di stile opportunamente predisposto e denominato easypa-custom.css. .

Se il file easypa-custom.css non dovesse esistere è possibile crearlo e collocarlo nella directory dei plugin di wordpress.

Nell’esempio che segue, si definiscono delle regole per semplificare il modulo di ricerca dell’albo on-line:



form.albopretorio #ap-tipopubblicazione{
	display: block;
	width: auto;
	float: none;
}

form.albopretorio #ap-oggetto,
form.albopretorio #ap-pubblicazione-dal,
form.albopretorio #ap-pubblicazione-al,
form.albopretorio #ap-datiatto{
	display: none;
}

form.albopretorio p.submit-area{
	display: block;
	float: none;
	width: auto;
	margin-top: 1em;
}

Validazione CSS: Questo profilo ha una sintassi specifica per @charset

admin — Sun, 28 Mar 2010 18:34:03 +0000

Qualcuno si è mai ritrovato con il caro Jigsaw (non l’enigmista) che gli pone un indovinello del tipo:

Questo profilo ha una sintassi specifica per @charset: @charset seguito esattamente da uno spazio, seguito dal nome della codifica in doppi apici, seguito immediatamente da un punto e virgola. @CHARSET “UTF-8″;

Eppure guardando il proprio foglio di stile ci si ritrova con un codice che iniza con:

@CHARSET "UTF-8";

Esattamente @CHARSET, spazio, doppie virgolette, UTF-8, doppie virgolete e punto e virgola…

Il problema è che Jigsaw si asppetta esattamente @charset scritto in minuscolo. Infatti la modifica della prima riga in:

@charset "UTF-8";

ha garantito la validazione del foglio di stile e tutto è andato liscio.

Mi auguro che questa informazione risulti utile a molti altri!