Ultime recensioni

mercoledì 3 febbraio 2016

#2 Blog codes - I codici utili per migliorare il nostro blog!

Buon martedì lettori *w* è sera e io sono in ritardo come al solito. Per farmi perdonare e fare in modo che mi amiate sempre e comunque ho pensato, ora gli faccio un regalino che apprezzeranno e usareranno subito nel loro blog! Perché non mostrarvi il codice per inserire l'ombreggiature nel testo? E' veramente semplicissimo, quindi vediamo insieme come fare!

COME INSERIRE L'OMBREGGIATURA NEL TESTO

Il codice che identifica questa funzione si chiama Text shadow e si identifica così:
text-shadow: 0px 0px 0px #000
- Il primo valore sposta l'ombra verso destra, partite da un valore minimo come 1px e aumentate se volete maggiore distanza;
*Se usate il meno davanti si sposterà verso sinistra.
- Il secondo valore l'ombra si sposta verso il basso, più aumentate il valore più sarà in basso;
- Il terzo valore indica il grado di sfocatura, se lasciate 1px sarà ben definita, se invece aumentate il valore sarà più sfuocato.
L'ultimo che si identifica con #000 indica il colore della vostra ombreggiatura.

Potete usare il codice sia qui sia per il titolo del vostro post. Vediamo inizialmente come potete usarlo nei vostri post inserendo vari esempi qui sotto:

Prova testo con ombreggiatura
<span style="font-family: tahoma; font-size: 25px; text-shadow: 1px 2px 1px #CB4560;">TESTO</span>

PROVA TESTO CON OMBREGGIATURA
<span style="font-family: tahoma; font-size: 25px; text-shadow: -2px 1px 1px #7B3778;">TESTO</span>

Prova testo con ombreggiatura
<span style="font-family: tahoma; font-size: 25px; text-shadow: 4px 6px 1px #31BD29;">TESTO</span>

PROVA TESTO CON OMBREGGIATURA
<span style="font-family: tahoma; font-size: 25px; text-shadow: 3px 0px 4px #AFBD29;">TESTO</span>

Nei codici sopra ho anche inserito:

font-family: tahoma; = Indica il carattere del testo;
font-size: 25px; = Indica la grandezza del testo.
* Per scegliere il colore dell'ombreggiatura potete andare qua colori html

Come faccio ad inserirlo nei post?
E' molto semplice, il codice deve stare racchiuso dentro lo <span> che serve a dare uno stile al testo (carattere, dimensione, colore ecc..). Per usarlo però bisogna spostarsi nella parte HTML (sarà il bottone nella barra sopra il quadro di testo), una volta copiato quello ad esempio e personalizzato a vostro piacimento basterà tornare dall'altra parte. Dovete inserire il testo che desiderate dentro il contenitore, poi inserite uno spazio, il <br/> per tornare a scrivere normalmente.

Come faccio a inserirlo come titolo dei miei post così da personalizzarlo?
In realtà è molto semplice, andate su:
1 - Modello
2 - Personalizza
3 - Avanzato
4- Aggiungi CSS 
3 - Incolla questo codice:
h3.post-title{
text-shadow: 0px 0px 0px #000}
4 - Il codice sopra modifica il titolo dei nostri post. Non dovrete fare altro che modificare l'ombreggiatura, le modifiche le vedrete sotto con l'anteprima così da poter vedere come la vogliamo impostare. 
5 - Salvate e avrete il titolo dei vostri post con l'ombreggiatura!


E questo è tutto. Spero davvero di essere riuscita e spiegare in modo chiaro, se ci fosse comunque qualche problema non esistate a chiedere come sempre. Se vi interessa, ecco qui di seguito il primo appuntamento della rubrica:


post signature

9 commenti:

  1. Sei anche un'esperta di grafica.... Invidiaaaaa *.*

    RispondiElimina
    Risposte
    1. hahaah macché, diciamo che in quel poco che ci capisco mi piace condividerlo ;D

      Elimina
  2. Tutorial utilissimo, lo proverò presto ^^

    RispondiElimina
  3. Che bello questo post. Utilissimo ⌒.⌒

    RispondiElimina
  4. Grazie per condividere la tua bravura con queste cose con noi

    RispondiElimina
    Risposte
    1. E grazie a te sono riuscita a mettere anche io l'ombreggiatura a una scritta :-)

      Elimina
  5. Utilissimo anche questo post, grazie *-*

    RispondiElimina
  6. Mi salvi la vita sempre, sopratutto su whatsapp *.*

    RispondiElimina
  7. Thanks, Jessica, credo proprio che lo userò! *.*

    RispondiElimina

Related Posts Plugin for WordPress, Blogger...