Interessante libreria per la generazione di box come quello nella figura seguente.
Innanzituttto va scaricata la libreria Jquery.corner.js daQUI. Nella stessa pagina potete vedere tutte le possibili opzioni e tutti i possibili box che è possibile generare.
Nell'header del vostro documento HTML va ovviamente caricata la libreria (Non dimenticate che JQuery Corner ha bisogno di JQuery....)
<script src=\"/your-path/jquery-1.2.3.js\" type=\"text/javascript\"></script>
<script src=\"/your-path/jquery.corner.js\" type=\"text/javascript\"></script>
Subito dopo possiamo procedere con la seguente porzione di codice.
<script type=\"text/javascript\">
$(function(){
$('.box01').corner();
$('.box02').corner("bevel");
});
</script>"
In sostanza, stiamo dicendo che i DIV di classe box1 verranno disegnati come box di tipo "round" (è il default)
mentre quelli con class=box2 verranno disegnati come box di tipo "bevel"
Da qualche parte, nel vostro file HTML avrete
<div class=box01>
....
</div>
<div class=box02>
....
</div>
mentre colore, dimensioni ecc dei box vengono "pilotati" da un foglio di stile CSS.