Se intendi utilizzare il designer di modelli con il CSS del tuo modello di blog, segui le linee guida riportate di seguito.
configurare le variabili
Nella sezione <head> del tuo codice, dovresti avere un paio di tag <b:skin> </b:skin>.
Le dichiarazioni di stile CSS andranno tra questi due tag, insieme ai nomi delle variabili che fanno funzionare il tuo layout con Page Fonts e Colors.
Esempio.
Il codice CSS tra i tag di commento /* e */ non verrà visualizzato sul tuo blog.
Ci sarà un elenco di variabili qui, una per ogni carattere o colore che desideri sia modificabile nella scheda "Caratteri e colori". Ogni variabile deve avere i dati mostrati nell'esempio precedente, ovvero:
Nome variabile: può includere lettere o numeri. Non possono esserci nomi ripetuti nello stesso modello.
"description": aggiungi la descrizione che apparirà nella sezione "Caratteri e colori".
"type": digita "font" o "color".
"default": è il valore predefinito. Per i colori, deve essere un codice colore esadecimale. Ad esempio: #FF0066. Per i caratteri, questo sarà un elenco che include lo stile del carattere, lo spessore del carattere, la dimensione del carattere e la famiglia del carattere del carattere.
utilizzare le variabili
Dopo aver impostato le variabili, quando vuoi usare il valore di uno, scrivi $variable_name nel CSS b:skin.
Tipi di variabili
Nell'esempio sopra, c'è una variabile chiamata backgroundcolor, impostata su "white" (#fff). Nel codice seguente, puoi vedere: background: $backgroundcolor. Questo imposta lo sfondo ("sfondo" in inglese) bianco e puoi cambiarlo nella sezione "Caratteri e colori".
Nota: non è necessario creare variabili per altri attributi CSS. Questi possono essere inclusi nel CSS con i loro valori normali, come gli attributi margin: e padding: nell'esempio precedente.
Commenti
Posta un commento