Alle volte un’idea semplicissima diventa, una volta sviluppata e realizzata, una di quelle cose che rendono la vita migliore –almeno un pochino.
Come quella di cui voglio parlare in questo post. L’idea non è mia –sia chiaro da subito– ma sapete come vanno le cose.
Anche Stefano Lavori ha copiato l’idea che ha cambiato il mondo dei ‘puter: scrivania, cartelle, documenti, topo e quant’altro li ha copiati dopo averli visti nel parco della collina del coyote. Bravo Stefano, che ha visto che era un’idea che acchiappava, ma, dico io, bravi quelli del parco che quelle cose le avevano immaginate.
Tutto questo per dire che chi è stato bravo davvero è Mattux (quello che in casa si ostinano a chiamare Matteo o, esagerando Matteo Pani)
Trovate tutto sul suo blog, nella pagina Startpage minimale che utilizza un menù. Quindi, dopo aver proposto a Matteo di brevettare il tutto, magari con il nome iMattux (Stefano insegna) il mio compito è finito. No! Aspettate un momentino, adesso vi racconto quelle che sono le mie personalizzazioni.
Al CSS di Matteo ho apportato un unica modifica: ho allargato il campo di destra. Nella riga (dovrebbe essere la n. 110)
ul.link { position:absolute; left:250px; top:50px; opacity:0; width:250px; visibility:hidden;
ho cambiato il valore di width sostituendo 250 con 400, altrimenti le descrizioni lunghe venivano spezzate su due linee. Il resto è tutto OK.
Nel file html le modifiche sono, ovviamente più numerose e personali.
Intanto il titolo, quello che appare sulla barra della finestra: è definito nelle prime righe, così <title>Tutti i link</title>.
La scritta grande in testa alla pagina è definita della divisione testata:
<div id="testata"> <h1>Tutti i link che servono davvero</h1> </div>
seguono tante div class=”contenuto_due” in cui vengono definite le scritte del menu e dei link. Qui io propongo una variazione rispetto alla versione di Matteo: la linea tipica per l’elenco della class=”link” è del tipo
<li><a href="https://plus.google.com/" target ="_blank">Google Plus</a></li>.
L’aggiunta di target =”_blank” aprirà la pagina indicata in un nuovo tab. Così questo menu si apre una volta sola e rimane aperto sempre nel tab più a sinistra, meglio no? 8)
Per inserire una riga vuota, non clickabile basta mettere
<li><a href="#"> </a></li>
Attenzione che ogni div id=”gruppo” deve avere identificatori unici e consistenti per indice_# e lista_#; ma è facilissimo.
Tutto lì.
Funziona con Linux, Windows, Mac, _________. A meno che siate proprio speciali. Io l’ho testato con Firefox ma il codice è davvero standard, non dovrebbero esserci problemi. Per dire potreste usare anche Internet Explorer 8) –che sarebbe comunque una pessima idea.
Nel mio caso si vede che mancano le voci relative al Reader dei siti RSSati e per la mail. Ciò perché ho due estensioni che mi avvisano all’arrivo di nuovi documenti da leggere.
Oggi quello della mail non funziona 
Alcuni penseranno come direbbe il mio tutor a UCDB Gyro Gearloose
Troppo semplice, non capisco
ma a altri potrebbe piacere, e magari servire. Io per esempio lo sto usando. Sempre che Matteo non voglia farsi pagare le royalties 8)
