Capire onde sfruttare al meglio i codici di base dell'HTML per poter potenziare direttamente gli interventi.

Inserire un codice HTML, in un html personalizzato o sandbox, prelevato da un sito hosting in cui abbiamo caricato un immagine o da un sito web, è molto semplice, ma dovete sapere che in quel codice molte voci si possono correggere naturalmente sapendo dove andare a mettere mano.

AVVERTENZA IMPORTANTE: nel correggere i codici NON eliminate mai le virgolette " "; le freccette <>; o gli uguali =; o altri simboli, altrimenti il codice non funziona.

Ebbene ecco i codici più comuni; <br>; <hr>;<font family>;<font color><size><width><height><filter><color>

<br>: se stiamo scrivendo un intervento in html la scritta va a capo automaticamente, se invece vogliamo andare a capo noi dobbiamo scrivere<br> Es: siamo andati a <br> Roma. la parola Roma andrà nella riga sotto cioè a capo.

<hr> Serve per creare un linea divisoria. Quindi se trovate questa scritta <hr color="red"> significa che la linea divisoria è rossa. Ma se noi la vogliamo blu? basta correggere -red- in blue- o altro colore ma sempre scritto in inglese.

<font-family: arial> indica il tipo di scritta. Se noi vogliamo cambiare la scritta correggiamo -arial- in un altro tipo che troviamo in word o formato. Es: arial black; Verdana o tahoma, oppure quella che più vi piace. 

<font color="red" size="5" face="verdana"> Variando rispettivamente -red; 5; verdana; o quello che più ci interessa , noi correggiamo il colore, la grandezza e il tipo di testo. Questo codice lo potete trovare anche suddiviso singolarmente Es:<font-color>; <font-size>; <font-face>. Comunque ciò che segue questi "font" lo potete variare ugualmente.

<width> indica la larghezza. Se questa parola è seguita da un numero Es:<width: 150> quel numero lo possiamo aumentare o diminuire, di conseguenza allarghiamo o accorciamo quello a cui la parola è riferita. Se troviamo scritto <width:100%> significa che viene utilizzata la larghezza massima.

<height> indica l'altezza. Se questa parola è seguita da un numero Es:<height: 150> quel numero lo possiamo aumentare o diminuire, di conseguenza aumentiamo o riduciamo quello a cui la parola è riferita.

<filter> indica una sfumatura del testo. Filter è seguito dalle seguenti parole: mask; glow; shadow; dropshadow che stanno ad indicare il tipo di sfumatura; ogni filtro è seguito da un codice sempre chiuso fra parentesi tonde,naturalmente sia il "color" che i "numeri", all'interno di esse, li potete variare tranquillamente. 

<color> indica il colore. i colori vanno sempre scritti in inglese oppure con i codici esadecimali(#00ff00).

<DIV style="FONT-SIZE:numpt; FILTER: shadow(Color=color1 Direction=num1); WIDTH: 100%; COLOR:color2; FONT-
                                                                   FAMILY:carattere">
                                           <P style="LINE-HEIGHT: 150%">testo</P></DIV>

Al posto di num mettete un numero da 10 a 50
1- al posto di color1 mettete il colore dell'ombra. Utilizzate il nome dei colori in inglese o i codici Hex reperibili da questo
                                                           sito: http://www.visibone.com/colorlab/
                                          2- Al posto di num1 mettete un numero per la lunghezza dell'ombra da 1 a 5
                                                3- al posto di color2 il colore della scritta interna
                                                         4- Al posto di carattere il tipo di scrittura
                                                          5- Al posto di testo il testo della scritta  

Questo che vedete sopra è il codice di un tipo di scrittura, che potete copiare e incollare nel vostro intervento, a cui potete fare le varie prove. Prima di effettuare le variazioni riempite tutte le parti come riportato in descrizione e poi effettuate le variazioni.

Per rendervi conto della variazione clikkate su HTML, che si trova a destra della barra degli strumenti, ogni volta che effettuate una correzione.

RIASSUMENDO: 1) aprite un intervento; 2) clikkate sul bottone HTML; 3) inserite il codice; 4) riempite le parti; 5)effettuate le correzioni; 6) per vedere il risultato clikkate ancora su HTML.

<div style="FONT-SIZE: 28pt; FILTER: DropShadow(Color=Black, OffX=3, OffY=3, Positive=1); WIDTH: 100%; COLOR: #0000ff; FONT-FAMILY: Bauhaus 93"><P style="LINE-HEIGHT: 150%">Scritta blu.-scrivi testo</p></div

Questo che vedete sopra è il codice da inserire nel vostro intervento blog

<div style="width: 100%; font-size: 24px; font-family: Arial Black; color: green; Filter: Mask(Color=#00FF00)"><P style="LINE-HEIGHT: 150%">Scrivi qui il tuo testo -</p></div>

Questo che vedete sopra è il codice da inserire nel vostro intervento blog

<div style="width: 100%; font-size: 24px; font-family: Tahoma; color: red; Filter: Glow(Color=#00FF00, Strength=8)"><P style="LINE-HEIGHT: 150%">Scrivi qui il tuo testo</p></div>

Questo che vedete sopra è il codice da inserire nel vostro intervento blog

Ci saranno momenti di gloria anche per noi grandi guerrieri provenienti dalle terre del nord

Volete inserire una foto di vostro piacimento in un intervento blog e scriverci sopra il vostro intervento praticamente come questa che vedete.                                                

Bene: prima di tutto dovete scaricare -Windows Live Writer- su come scaricarlo andate su consigli blog--->inserire windows live writer di questo stesso blog. Chiaramente una volta scaricato dovete imparare ad usarlo, ma vedrete subito che è molto semplice, praticamente si usano maggiormente due sole voci che sono: "visualizza" per inserire i codici HTML; e "formato" per inserire le scritte e i colori. Vedrete che dopo due prove sarete abbastanza pratici per affrontare il nostro intervento.

Vi dico questo perchè con questo programma potete fare cose che in un intervento del blog non sono neanche menzionate.

Questo è il codice HTML che dovete inserire:

<DIV align=center><DIV style="WIDTH:800px"

<IMG height=600 src="indirizzo internet della foto" width=800 align=right>

<DIV style="BORDER#00000 4px solid; FLOAT:left, WIDTH: 800px;HEIGHT:460px;OVERFLOW:none">

<P>qui mettete il vostro testo</P></DIV></DIV></DIV>

Dove c'è scritto "indirizzo internet" dovete inserire l'indirizzo (URL) della foto;

Per prendere l'indirizzo dovete cliccare col tasto destro del mouse sulla fotografia, dalla finestra che si apre cliccate su proprietà e li trovate l'URL.

Dove c'è scritto "qui mettete il vostro testo" lo cancellate e ci inserite i caratteri della scrittura che li prendete da:formato--->carattere e dalla scheda che appare selezionate:tipo di carattere; stile; punti e colore. Il codice che vi apparirà sarà:<font face="tipo di carattere" size="punti"><strong>qui inserite il vostro testo</strong></font>.

Naturalmente se volete allargare o allungare l'immagine di sfondo, dovrete correggere i valori di tutti WIDTH e HEIGHT che vedete, dello stesso numero, ossia se aumentate di 100 un valore anche gli altri dovranno essere aumentati di 100, lo stesso dicasi se diminuite.

N.B. il codice sopra riportato potete inserirlo anche nell'intervento blog, avrete lo stesso effetto ad eccezione della scritta perchè in writer la puoi cambiare e colorare, nel blog no. Chiaramente l'intervento va scritto dove  c'è "mettete qui  il vostro testo".