Come creare elenchi su 2 o più colonne.

Come creare degli elenchi personalizzati su più colonne con Windows Live Writer.

Dopo aver mostrato come si possa creare una Galleria Fotografica usando Windows Live Writer, con la funzione Tabella dello stesso programma vediamo come si riesca facilmente a creare un elenco suddiviso in varie sezioni. Questo sistema è molto utile se abbiamo a che fare con elenchi con molti elementi che sono però sufficientemente corti da essere visualizzati su più colonne senza problemi.

Si utilizza WLW semplicemente come Editor WYSIWYG per creare il nostro elenco su più colonne per poi copiare l'HTML andando su Origine e quindi incollarlo in un gadget HTML/Javascript o addirittura in un un post o in una pagina statica logicamente con l'Editor in Modalità HTML. L'aspetto dell'elenco sarà questo

in cui mi sono divertito anche a inserire un colore di sfondo, un colore per i link e un colore diverso per i collegamenti puntati con il cursore. Dopo essere andati su Tabella si sceglie la larghezza, il numero di colonne e opzionalmente anche altri parametri

In ciascuna cella viene inserito un elenco cliccando su quello numerato o su quello puntato e immettendo le varie voci dopo aver pigiato su Invio. I link si inseriscono andando su Collegamento ipertestuale. WLW creerà un codice HTML che può essere selezionato e copiato andando su Origine nella parte bassa della pagina. Ho anche postato su Youtube un breve tutorial

Volendo si possono anche personalizzare alcuni aspetti delle colonne di elenchi di link. Basta incollare un codice di questo genere prima di quello della tabella con gli elenchi

<style>
.elenco {
background:#000000; /* Colore di sfondo */}
.elenco td a {
color:#ffffff !important;  /* Colore del link */}
.elenco td a:visited {
color:#ff0000 !important; /* Colore del link visitato */}
.elenco td a:hover {
color:#00ff00 !important; /* Colore del link al passaggio del mouse */}
</style>

dove ovviamente i colori possono essere scelti a piacere e essere inseriti anche altri parametri. Dobbiamo anche aggiungere una riga di codice all'inizio della tabella e un'altra alla fine in questo modo

<div class="elenco"><table border=….
………..
</table>
</div> 

dove le righe aggiunte sono state colorate di rosso.