<html>
<head>
<style>
body {
margin: 0px; padding: 0px; font-family: Sans-serif, Georgia, Helvetica, Lucida, Arial, Verdana; font-size: 0.9em; background: #ffffff;
}
a:link { color: #aa0000; text-decoration: none;}
a:hover { color: #5e715e; text-decoration: none;}
a:visited { color: #c0c8c0; text-decoration: none;}
h1, h2, h3, h4 { margin: 0; padding: 0; color: #5e715e; text-align: center; padding: 0.3em;}
h1 { font-size: 1.2em; }
h2 { font-size: 1.1em; }
h3 { font-size: 1em; }
h4 { font-size: 0.9em; }
img { border: none; }
div#all {margin: 0px; padding: 0em 1.5em 0em 1.5em; }
div#header {border-top: 2px solid #5e715e;}
div#testata {height: 36px; border-right: 2px solid #c0c8c0; background: #c0c8c0; padding: 0.3em 0.5em 0.1em 0.5em; }
div#menualto1 { height: 1.2em; font-size: 1.1em; text-align: right; background: #5e715e; border-top: 1px solid #ffffff; border-right: 2px solid #c0c8c0;}
#menualto1 ul { margin: 0; padding: 0; padding-bottom: 1.1em; }
#menualto1 li { float: right; list-style: none ; background: #5e715e; border-left: 2px solid #c0c8c0; }
#menualto1 li a:link, #menualto1 li a:hover, #menualto1 li a:visited { color: #ffffff; text-decoration: none;
padding-left: 1em; padding-right: 1em; }
#menualto1 li a:hover { color: #aa0000; background: #ffffff; text-decoration: none;}
div#menualto2 { height: 1.2em; font-size: 1.1em; background: #5e715e; border-bottom: 2px solid #c0c8c0; border-left: 2px solid #c0c8c0; }
#menualto2 ul { margin: 0; padding: 0; padding-bottom: 1.1em; border-top: 2px solid #c0c8c0;}
#menualto2 li { float: left; list-style: none ; border-right: 2px solid #c0c8c0; }
#menualto2 li a:link, #menualto2 li a:hover, #menualto2 li a:visited { color: #ffffff; text-decoration: none;
padding-left: 1em; padding-right: 1em; }
#menualto2 li a:hover { color: #aa0000; background: #ffffff; text-decoration: none;}
div#container {clear: left; }
div#sinistro { float: left; width: 130px;}
#sinistro ul { margin: 0; padding: 0; font-size: 1.1em; border-left: 2px solid #5e715e; border-top: 2px solid #5e715e; border-right: 2px solid #5e715e; }
#sinistro li {list-style: none ; border-bottom: 2px solid #5e715e; background: #ffffff; }
#sinistro li a:link, #sinistro li a:hover, #sinistro li a:visited { color: #5e715e; text-decoration: none;
padding-left: 0.9em; }
#sinistro li a:hover { color: #aa0000 ; background: #ffffff ; }
div#sinsotto { margin-top: 0.5em; padding: 0.3em; border: 2px solid #c0c8c0; }
div#destro { float: right; width: 25%; border-left: 2px solid #5e715e; }
#destro ul {margin: 0; padding: 0; }
#destro li {list-style: none ; }
div#dsezione { margin: 0.3em 0em 0em 0.5em; border: 2px solid #c0c8c0; padding: 0em 0.5em 0.5em 0.5em; }
div#dpost { margin-top: 0.3em; border-right: 2px solid #5e715e; border-top: 2px solid #5e715e; border-bottom: 2px solid #5e715e; padding: 0em 0.5em 0.5em 0.5em; }
div#droot {margin: 0.3em 0em 0em 0.5em; border: 2px solid #c0c8c0; padding: 0em 0.5em 0.5em 0.5em; }
div#lnews { margin: 0.3em 0em 0em 0.5em; border: 2px solid #c0c8c0; padding: 0em 0.5em 0.5em 0.5em; }
div#content{ margin: 0em 25% 0% 140px; padding-left: 0.5em; padding-right: 1em; text-align: justify; }
div#footer {clear: both; text-align: center; padding: 0.3em; border-top: 1px solid #5e715e; margin-top: 2em;}
</style>
</head>
<body>
<div id="all">
<div id="header">
<div id="testata"><a href="http://www.creativecommons.it/" title="Pagina iniziale delle Creative Commons Italia"><img src="http://www.creativecommons.it/media/logocc.jpg" title="Pagina iniziale delle Creative Commons Italia" alt="Creative Commons.it" /></a></div>
<div id="menualto1"><ul>
<li><a href="/main.php?page=cerca-opere" title="Un motore di ricerca e altri strumenti per trovare le opere rilasciate sotto licenze Creative Commons">Cerca opere</a></li>
<li><a href="http://creativecommons.org/license/?lang=it" title="Pagina di scelta delle licenze sul sito Creative Commons">Scegli una licenza</a></li>
</div>
</div>
<div id="menualto2"><ul>
<li><a class="home" href="http://www.creativecommons.it/" title="La pagina principale del sito">Homepage</a></li>
<li><a class="Approfondisci" href="http://creativecommons.it/main.php?page=approfondisci" title="Gli obiettivi, la storia ecc.">Chi siamo</a></li>
<li><a class="home" href="http://www.creativecommons.it/" title="La pagina principale del sito">Collabora</a></li>
<li><a class="home" href="http://www.creativecommons.it/" title="La pagina principale del sito">Contatti</a></li>
<li><a class="home" href="http://www.creativecommons.it/" title="La pagina principale del sito">Disclaimer</a></li>
<li><a class="faq" href="http://www.creativecommons.it/main.php?page=faq" title="faq">Faq</a></li>
</ul></div>
<div id="container">
<div id="sinistro">
<ul>
<li><a class="home" href="http://www.creativecommons.it/" title="La pagina principale del sito">Sezione***</a></li>
<li><a class="Approfondisci" href="http://creativecommons.it/main.php?page=approfondisci" title="Gli obiettivi, la storia ecc.">Sezione***</a></li>
<li><a class="news" href="http://www.creativecommons.it/news" title="Notizie, novità, eventi, progetti ecc.">Sezione***</a></li>
<li><a href="http://creativecommons.org/license/?lang=it" title="Pagina di scelta delle licenze sul sito Creative Commons">Sezione***</a></li>
<li><a href="/main.php?page=cerca-opere" title="Un motore di ricerca e altri strumenti per trovare le opere rilasciate sotto licenze Creative Commons">Sezione***</a></li>
</ul>
<div id="sinsotto">
<a href="http://www.creativecommons.it/main.php?page=scarichiamoli"><img src="http://www.creativecommons.it/media/scarichiamoli/s.gif" ></a><br />
seguirebbero link a risorse rss e rdf, banners e segnalazioni di iniziative etc ect
</div>
</div>
<div id="destro">
<div id="dsezione">menu destro sezione</div>
<div id="dpost">
(menu del post)
<h2>approfondimenti</h2>
<ul>
<li><a href="http://www.masternewmedia.org/news/2005/01/21/sharing_italys_artworks_via_the.htm">Scarichiamoli! Creative Commons Italia calls to action</a></li>
<li><a href="http://www.musique-libre.org/article.php?sid=129">Italie: subventions publiques = domaine public</a></li>
<li><a href="http://www.arielvercelli.org/blog/index.php?p=55">L'iniziativa Scarichiamoli! en Creative Commons Italia</a></li></ul>
<h2>risorse correlate</h2>
<ul>
<li><a href="http://www.masternewmedia.org/news/2005/01/21/sharing_italys_artworks_via_the.htm">Scarichiamoli! Creative Commons Italia calls to action</a></li>
<li><a href="http://www.musique-libre.org/article.php?sid=129">Italie: subventions publiques = domaine public</a></li>
<li><a href="http://www.arielvercelli.org/blog/index.php?p=55">L'iniziativa Scarichiamoli! en Creative Commons Italia</a></li></ul></div>
<div id="droot">menu destro root</div>
<div id="lnews">
<h2> Latest News </h2>
<ul><li><a href="news/index.php?p=134" title="Leggi questo articolo">Scientific American: benvenute le Creative Commons</a></li><li><a href="news/index.php?p=133" title="Leggi questo articolo">The Software Freedom Law Center</a></li><li><a href="news/index.php?p=131" title="Leggi questo articolo">Libera Cultura, Libera Conoscenza</a></li><li><a href="news/index.php?p=124" title="Leggi questo articolo">Scarichiamoli: elenco partecipanti all'incontro in Senato</a></li><li><a href="news/index.php?p=122" title="Leggi questo articolo">Italia, scaricate tanto scaricate tutti</a></li></ul>
</div>
</div>
<div id="content">
<h1>Seconda Bozza template creative commons.it</h1>
<div style="text-align: right;"><span style="font-weight: bold;">Danilo
Moi (webmaster)</span><br style="font-weight: bold;">
<span style="font-weight: bold;">1 Marzo 2005</span><br
style="font-weight: bold;">
<span style="font-weight: bold;"> danilomoi at creativecommons.it</span><br>
</div>
<br>
Questa bozza si basa su <a
href="http://www.creativecommons.it/test/prima_bozza_template_danilo_moi.htm">questa
precedente</a>.<br>
<br>
1) Ho utilizzato il logotipo attuale e "schiarito" lo sfondo
dell'header.<br>
"Casualmente" il colore del bordi dei divs è lo stesso dello
sfondo dell'header attuale...il che ha facilitato l'aggiornamento.<br>
Per "allegerire" l'aspetto ulteriormente ho portato i bordi dei divs i
da 3 a due pixels.<br>
Sempre per lo stesso motivo ho dato un padding left e right di 1em al
div "all", "circondando" la pagina di un piccolo bordo bianco. (non ho
utilizzato a tal fine il "body"...aumento le possibilità di
"giocare" con bordi e margini)<br>
Il padding left e right ha anche un'altra valenza: con monitor vecchi e
"bombati" le parti vicine ai bordi dello schermo tendono ad essere
visualizzate distorte. <br>
<br>
2) Ho portato la dimensione di default del font a 0.9em e ho utilizzato
il font Sans-serif come font di default (Soluzione proposta da Sabatino)<br>
<br>
3) In tutta onestà io stesso ho dubbi sull'aspetto del
menù sinistro.<br>
Ho dato sfondo bianco e bordo scuro ai <li>....<br>
<br>
Anche questa è ovviamente una bozza.<br>
<br>
<br>
</div>
</div>
<div id="footer"><a href="#">Credits</a><br /><br />Questo sito è ospitato da:<br /><img class="renomo" src="http://www.creativecommons.it/media/renomo-logo.png" alt="Logo di Renomo" /></div>
</div>
</body>
</html>