REDAZIONE

In alcuni siti, specialmente in quelli di poesia, i paragrafi iniziano sempre con una lettera a cui è associato uno stile diverso dalle altre. Un paragrafo in HTML è compreso tra i tag <p> e </p>.
Oltre a migliorare l’effetto grafico, questa decorazione diventa utile nella lettura per non sbagliare riga in testi molto lunghi.

Entrate nella sezione “Presentazione > Opzioni avanzate” e cliccate sul link “Modifica modello” del Foglio di stile. Nella colonna destra incollate le seguenti righe.

CSS

    #center p:first-letter{
    font-size:200%;
    font-weight: bold;
    }    

Il codice CSS che abbiamo scritto sopra è solo un punto di inizio da cui partire per dare l’effetto che più desiderate. Potete cambiare il colore, aggiungere dei bordi, etc. Ad esempio:

CSS

    #center p:first-letter { 
    border-style: outset;
    border-width: 2px;
    padding: 2px;
    font-weight: bold;
    font-size: 200%;
    background-color: yellow;
    }    

 

 

Per personalizzare maggiormente il proprio blog è utile avere una conoscenza base del linguaggio HTML.
Il tutorial che segue mostra come associare a un testo un link, una formattazione e un colore utilizzando gli editor HTML presenti nel Pannello di Controllo del blog: l’editor avanzato della sezione Post e l’editor presente nella sezione Presentazione > Contenuto delle barre laterali di navigazione che permette di creare nuovi elementi da inserire nelle colonne del vostro blog.

Nelle righe di codice HTML che andremo a scrivere modificheremo alcune tag che servono a costruire un testo.
In HTML le tag sono usate per contenere gli elementi HTML. Ogni tag viene rispettivamente aperta e chiusa da questi simboli: < e >
Normalmente le Tag HTML appaiono sempre in coppia, la prima definisce l’inizio di un elemento, la seconda la fine:

Il codice di un testo
Il codice HTML che permette di visualizzare un normale testo è questo:

Gli attributi che interessano a noi sono quelli che si trovano nella tag <font>:
size definisce la dimensione del font (la misura standard è 2).
face definisce il carattere che verrà utilizzato sul testo. I caratteri “standard” utilizzati in Internet sono Verdana, Arial, Times, Courier, Georgia, Helvetica.


Il codice di un testo con link
Per associare un link al testo, il codice sopra diventa così:

<a href=”http://www.myblog.it”><font size=”2” face=”Verdana”>Questo è un testo con link.</font></a>

dove href contiene l’indirizzo della pagina web che si vuole mostrare.


Il codice di un testo formattato
Se si vuole un testo in grassetto, in corsivo o sottolineato basta aprire e chiudere una tag prima e dopo il testo.
Le tag da inserire sono:
per avere un testo <strong>grassetto</strong>.
per avere un testo <em>corsivo</em>.
per avere un testo <u>sottolineato</u>.
per avere un testo <strong><em><u>grassetto corsivo e sottolineato</u></em></strong>.


Il codice di un testo colorato
Se invece si vuole un testo colorato, alla tag <font> basta aggiungere l’attributo color. Ad esempio, se si vuole un testo rosso:
<font size=”2” face=”Verdana” color=”red”>Il testo apparirà rosso.</font>

se si vuole un testo blu:
<font size=”2” face=”Verdana” color=”blue”>Il testo apparirà blu.</font>

e così via per tutti i colori. Il nome del colore deve essere scritto in inglese, come nell’esempio, oppure nel formato esadecimale.