<html>
<head>
<style>
body {
margin: 0px; padding: 0px; font-family: Georgia, Helvetica, Lucida, Arial, Verdana; font-size: 1em; 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;}
h1 { font-size: 1.3em; }
h2 { font-size: 1.2em; }
h3 { font-size: 1.1em; }
h4 { font-size: 1em; }
img { border: none; }
div#all {margin: 0px; }
div#header {background: #5e715e; padding: 1em 0.1em 0em 0.5em; }
div#testata {height: 36px;}
div#menualto1 { height: 1.3em; font-size: 0.9em; font-weight: bold; text-align: right; background: #5e715e;}
#menualto1 ul { margin: 0; padding: 0; padding-bottom: 1.1em; }
#menualto1 li { float: right; list-style: none ; background: #aa0000; border-left: 2px solid #c0c8c0; border-right: 2px solid #c0c8c0; border-top: 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-top: 3px solid #c0c8c0; border-bottom: 3px solid #c0c8c0;}
#menualto2 ul { margin: 0; padding: 0; padding-bottom: 1.1em; }
#menualto2 li { float: left; list-style: none ; border-left: 2px solid #c0c8c0; 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: 12%;}
#sinistro ul { margin: 0; padding: 0; font-size: 1.1em; }
#sinistro li {list-style: none ; border-left: 3px solid #c0c8c0; border-right: 3px solid #c0c8c0; border-bottom: 3px solid #c0c8c0; background: #5e715e; }
#sinistro li a:link, #sinistro li a:hover, #sinistro li a:visited { margin: 0; color: #ffffff; text-decoration: none;
padding-left: 0.9em; padding-right: 0.7em; }
#sinistro li a:hover { color: #aa0000 ; background: #ffffff ; }
div#sinsotto { margin-top: 0.5em; padding-left: 0.3em; }
div#destro { float: right; width: 25%; padding-left: 0.5em; margin-right: 0.5em; }
#destro ul {margin: 0; padding: 0; }
#destro li {list-style: none ; }
#dpost { border: 1px solid #c0c8c0;}
div#content{ margin: 0% 25% 0% 13%; padding-left: 0.5em; padding-right: 0.5em; text-align: justify; }
div#footer {clear: both; width: 100%; }
</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://creativecommons.it/media/cc-logo.png" 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="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>Bozza template creativecommons.it</h1>
<div style="text-align: right;"><span style="font-weight: bold;">Danilo
Moi (webamaster)</span><br style="font-weight: bold;">
<span style="font-weight: bold;"> 27 febbraio 2005</span><br
style="font-weight: bold;">
<span style="font-weight: bold;"> danilomoi at creativecommons.it</span><br>
</div>
<br>
Ritengo opportuno utilizzare il logotipo originale, ovvero il logotipo
autorizzato da Creative Commons Corp.<br>
Ritengo opportuno basare i colori del sito su bianco-rosso-verde...il
motivo dovrebbe essere evidente.<br>
<br>
Altre note:<br>
1) Occorre "ottimizzare" il css e determinare padding, margin e tutti i diversi
parametri per le singole parti<br>
2) Per ora ho "tralasciato" il footer<br>
3) Ritengo opportuno distinguere le pagine "cerca opere" e "scegli una
licenza" poichè puntano a risorse su creativecommons.org<br>
4) Ritengo opportuno utilizzare il menù orizzontale per
segnalare le pagine più importanti e "di servizio", mentre il
menù sinistro verrà utilizzato per puntare alle diverse
sezioni del sito.<br>
5) Ritengo opportuno utilizzare la parte bassa della colonna sinistra
per segnalare le risorse rss, rdf del sito.<br>
Poichè la colonna è "stretta" la si può utilizzare
per caricare i banners delle nostre iniziative e delle iniziative che
riterremo opportuno sostenere.<br>
6) Sul menù destro verranno caricate le diverse parti
"dinamiche".<br>
Nell'ordine: <br>
a) il menù della sezione<br>
b) il menù del singolo post<br>
c) il menù della root<br>
d) le ultime x notizie della sezione news.<br>
<br>
Questa è una bozza, spero possa costituire un buon inizio per
dare a creativecommons.it la qualità che merita.<br>
<br>
</div>
</div>
<div id="footer">footer</div>
</div>
</body>
</html>