LINGUAGGIO DEL CODICE CSS & 5 SOLUZIONI DI PERSONALIZZAZIONE
A noi di Creative Web Design piace personalizzare in modo semplice, rapido, efficace e di impatto perciò volgiamo lasciarti a disposizione un trucco veramente alla portata di tutti, condividendolo a te che stai cercando un metodo non troppo complesso di dare carattere al testo senza addentrarti troppo nel linguaggio del codice di programmazione di testo CSS.
In questo articolo troverai degli effetti ombra di testo che potrai utilizzare scendo una delle 5 opzioni oppure tutte e 5 a seconda di delle sezioni dei tuoi contenuti di pagina.
Le 5 opzioni che potrai aggiungere sono le seguenti:
- OMBRA DOPPIA;
- OMBRA DOPPIA CHIARA;
- OMBRA IN DISSOLVENZA;
- OMBRA IN DISSOLVENZA OBLIQUA;
- OMBRA IN EVIDENZA.
Per aggiungere la porzione del codice non dovrai fare altro che entrare nelle impostazioni di layout del tema che stai utilizzando, nello specifico in:
ASPETTO – PERSONALIZZA – CSS AGGIUNTIVI – AREA DI TESTO BIANCA
Questi comandi di personalizzazione dello stile sono ampiamente modificabili sia nella proprietà che nei colori che nelle dimensioni in questo modo:
- TITOLI H: DA H1 A H6 ma anche P(PARAGRAFI);
- DIMENSIONI 2PX 2PX: cambiando la grandezza o la profondità modificando il numero;
- COLORE #000000: sostituendo la porzione di codice col colore che più preferisci.
Prima di incollare la porzione del codice esattamente così com’ è, assicurati di lasciare un rigo di testo vuoto sia prima di che dopo l’inserimento.
Adesso non ti resta altro che scegliere l’ombra di teso che più si adatta al contenuto estetico dei contenuti del tuo portale web:
OMBRA DOPPIA<-
h1 {
text-shadow: 2px 2px;
}
OMBRA DOPPIA CHIARA<-
h1 {
text-shadow: 2px 2px black;
}
OMBRA IN DISSOLVENZA<-
h1 {
text-shadow: 2px 2px 5px black;
}
OMBRA IN DISSOLVENZA OBLIQUA<-
h1 {
color: gray;
text-shadow: 2px 2px 4px #000000;
}
OMBRA IN EVIDENZA<-
h1 {
text-shadow: 0 0 3px #000000;
}
