
function myfunction() {

$('<div id="andimar-articoli"></div>').insertBefore($('#rilievo_interne'));

$('#andimar-articoli').html('<h2>Le Guide suggerite</h2><ul id="andimar-articoli-list"></ul>');

// inserisce le 4 guide al top delle visite

/*
$('#andimar-articoli-list').append('<li><img src="http://www.html.it/guide/miniicone/miniprogrammazione.png" /><h3><a href="http://programmazione.html.it/guide/leggi/207/solid-guida-ai-principi-basilari-delloop/">SOLID - Guida ai principi basilari della OOP</a></h3><p>Le migliori pratiche cui ispirarsi per scrivere software efficiente ed elegante</p></li>');
*/

$('#andimar-articoli-list').append('<li><img src="http://www.html.it/guide/miniicone/miniprogrammazione.png" /><h3><a href="http://programmazione.html.it/guide/leggi/218/restful-web-services-la-guida/">RESTful Web Services - La Guida</a></h3><p>Architetture RESTful e best practices per la realizzazione servizi Web: API ed esempi pratici</p></li>');


$('#andimar-articoli-list').append('<li><img src="http://www.html.it/guide/miniicone/miniprogrammazione.png" /><h3><a href="http://programmazione.html.it/guide/leggi/38/guida-programmazione-orientata-agli-oggetti/" >Guida Programmazione OOP</a></h3><p>La teoria di base della programmazione Object Oriented e tanti esempi pratici ... </p></li>');
/*
$('#andimar-articoli-list').append('<li><img src="http://www.html.it/guide/miniicone/miniprogrammazione.png" /><h3><a href="http://programmazione.html.it/guide/leggi/36/guida-programmazione-di-base/" >Guida programmazione di base</a></h3><p>Gli strumenti logici e pratici per poter affrontare lo studio dei linguaggi di programmazione con maggiore sicurezza</p></li>');
*/




$('#andimar-articoli-list').append('<li><img src="http://www.html.it/guide/miniicone/miniprogrammazione.png" /><h3><a href="http://programmazione.html.it/guide/leggi/219/guida-antipattern/">Guida Antipattern</a></h3><p>Le cattive abitudini, le worst practices e le trappole pił classiche da evitare nei processi di sviluppo del software</p></li>');



$('#andimar-articoli-list').append('<li><img src="http://www.html.it/guide/miniicone/miniprogrammazione.png" /><h3><a href="http://programmazione.html.it/guide/leggi/41/guida-uml/">Guida UML</a></h3><p>UML permette, grazie a modelli visuali, di analizzare, descrivere, specificare e documentare un sistema software anche complesso</p></li>');



var mycss='';
	  mycss += '#andimar-articoli { background-color:#fff; margin:80px 0 0 20px; padding:5px; width:785px; } ' ;
	  mycss += '#andimar-articoli li { margin:0 20px 0 0; float: left; width: 175px; background:#fff url(http://www.html.it/guide/miniicone/bg_articoli.jpg) top left no-repeat;  } ' ;
	  mycss += '#andimar-articoli li h3 { margin:10px 0 2px 0; font-size:13px} ' ;
	  mycss += '#andimar-articoli li img { float:left; margin: 12px 10px 0px 0; font-size:13px} ' ;
	  mycss += '#andimar-articoli li p { font-size:10px} ' ;
	  mycss += '#andimar-articoli li a { text-decoration:none;} ' ;
	  mycss += '#andimar-articoli li a:hover { color:#ff5b01;} ' ;
	  mycss += '#andimar-articoli ul { list-style: none;  } ';
	  mycss += '#andimar-articoli h2 { font: 14px Arial,sans-serf; font-weight:bold; margin:0px; border-bottom:1px solid #bbb; color:#103d66; text-transform:uppercase; width:760px; padding-bottom:3px;} ';

	
$('#andimar-articoli').append('<style type="text/css">'+mycss+'</style>');

}


$(document).ready(function() { myfunction(); });

