<!-- w w w . h t m l . i t --> <style> body{background-color:#FFFFFF} A{color:Navy; text-decoration:none} A:hover{color:red} A:visited:{color:#808080} TD{font-family:arial,helvetica; font-size:10pt} DIV.clTopMenu{position:absolute; width:101; height:150; clip:rect(0,101,14,0); visibility:hidden; z-index:31; layer-background-color:#EEEEEE; background-color:#EEEEEE} DIV.clTopMenuBottom{position:absolute; width:101; height:3; clip:rect(0,101,3,0); top:11; layer-background-color:#CECFCE; background-color:#CECFCE; z-index:2} DIV.clTopMenuText{position:absolute; width:91; left:5; top:15; font-family:arial,helvetica; font-size:11px; background-color:#EEEEEE; z-index:1} </style> <script> /******************************************************************************** Copyright (C) 1999 Thomas Brattli This script is made by and copyrighted to Thomas Brattli at www.bratta.com Visit for more great scripts. This may be used freely as long as this msg is intact! ******************************************************************************** Browsercheck:*/ ie=document.all?1:0 n=document.layers?1:0 /******************************************************************************** If you want to change the appearens on the text, background-colors, size or anything do that in the style tag above. This menu might not be as easy to adapt to your own site, but please play around with it before you mail me for help ****************************************************************************/ /*************************************************************************** Variables to set. ****************************************************************************/ //How many menus do you have? (remember to copy and add divs in the body if you add menus) var numberOfMenus=2 //The width on the menus (set the width in the stylesheet as well) var mwidth=101 //Pixels between the menus var pxBetween=10 //The first menus left position var fromLeft=140 //The top position of the menus var fromTop=130 //The bgColor of the bottom mouseover div var bgColor='#CECFCE' //The bgColor to change to var bgColorChangeTo='#6380BC' //The position the mouseover line div will stop at when going up! var imageHeight=11 /*************************************************************************** You shouldn't have to change anything below this ****************************************************************************/ //Object constructor function makeNewsMenu(obj,nest){ nest=(!nest) ? '':'document.'+nest+'.' this.css=(n) ? eval(nest+'document.'+obj):eval('document.all.'+obj+'.style') this.scrollHeight=n?this.css.document.height:eval('document.all.'+obj+'.offsetHeight') this.moveIt=b_moveIt;this.bgChange=b_bgChange; this.slideUp=b_slideUp; this.slideDown=b_slideDown; this.clipTo=b_clipTo; this.obj = obj + "Object"; eval(this.obj + "=this") } //Objects methods function b_moveIt(x,y){this.x=x; this.y=y; this.css.left=this.x; this.css.top=this.y} function b_bgChange(color){if(ie) this.css.backgroundColor=color; else this.css.bgColor=color} function b_clipTo(t,r,b,l){ if(n){this.css.clip.top=t; this.css.clip.right=r; this.css.clip.bottom=b; this.css.clip.left=l }else this.css.clip="rect("+t+","+r+","+b+","+l+")"; } function b_slideUp(ystop,moveby,speed,fn,wh){ if(!this.slideactive){ if(this.y>ystop){ this.moveIt(this.x,this.y-5); eval(wh) setTimeout(this.obj+".slideUp("+ystop+","+moveby+","+speed+",'"+fn+"','"+wh+"')",speed) }else{ this.slideactive=false; this.moveIt(0,ystop); eval(fn) } } } function b_slideDown(ystop,moveby,speed,fn,wh){ if(!this.slideactive){ if(this.y<ystop){ this.moveIt(this.x,this.y+5); eval(wh) setTimeout(this.obj+".slideDown("+ystop+","+moveby+","+speed+",'"+fn+"','"+wh+"')",speed) }else{ this.slideactive=false; this.moveIt(0,ystop); eval(fn) } } } //Initiating the page, making cross-browser objects function newsMenuInit(){ oTopMenu=new Array() for(i=0;i<=numberOfMenus;i++){ oTopMenu[i]=new Array() oTopMenu[i][0]=new makeNewsMenu('divTopMenu'+i) oTopMenu[i][1]=new makeNewsMenu('divTopMenuBottom'+i,'divTopMenu'+i) oTopMenu[i][2]=new makeNewsMenu('divTopMenuText'+i,'divTopMenu'+i) oTopMenu[i][1].moveIt(0,imageHeight) oTopMenu[i][0].clipTo(0,mwidth,imageHeight+3,0) oTopMenu[i][0].moveIt(i*mwidth+fromLeft+(i*pxBetween),fromTop) oTopMenu[i][0].css.visibility="visible" } } //Moves the menu function topMenu(num){ if(oTopMenu[num][1].y==imageHeight) oTopMenu[num][1].slideDown(oTopMenu[num][2].scrollHeight+20,10,40,'oTopMenu['+num+'][0].clipTo(0,mwidth,oTopMenu['+num+'][1].y+3,0)','oTopMenu['+num+'][0].clipTo(0,mwidth,oTopMenu['+num+'][1].y+3,0)') else if(oTopMenu[num][1].y==oTopMenu[num][2].scrollHeight+20) oTopMenu[num][1].slideUp(imageHeight,10,40,'oTopMenu['+num+'][0].clipTo(0,mwidth,oTopMenu['+num+'][1].y+3,0)','oTopMenu['+num+'][0].clipTo(0,mwidth,oTopMenu['+num+'][1].y+3,0)') } //Changes background onmouseover function menuOver(num){oTopMenu[num][1].bgChange(bgColorChangeTo)} function menuOut(num){oTopMenu[num][1].bgChange(bgColor)} //Calls the init function onload onload=newsMenuInit; </script> </HEAD> <BODY bgcolor="white" ><!-- bsl1 !! 2--> <!-- iubenda --> <script type="text/javascript" src="https://i5.plug.it/cmp/iub_conf_libero.js"></script> <script type="text/javascript" src="//cdn.iubenda.com/cs/tcf/stub-v2.js"></script> <script type="text/javascript" src="//cdn.iubenda.com/cs/iubenda_cs.js" charset="UTF-8" async></script> <!-- /iubenda --> <!-- IOL/Iubenda --> <script src='https://i5.plug.it/cmp/qciol.min.js' async="true"></script> <!-- /IOL/Iubenda --> <script src="//barra-spazio.libero.it/x/js/barra_n04_siti.js?ver=1" type="text/javascript" language="Javascript"></script> <script language="Javascript" type="text/javascript" src="//digistatic.libero.it/css/header_8_3_04/js/hf.js"></script> <script language="JavaScript" type="text/javascript" src="//digistatic.libero.it/css/header_8_3_04/js/clickserver.js"></script> <script language="Javascript" type="text/javascript"> Libero.Stash.HF = { version: '8.3.04', cksrv: { a: 'HF8.3.04', b: 'digilander' } }; </script> <!--[if IE]> <style> #lh_header_top #lh_other, #lh_header_top #lh_options { top: 23px; } #lh_header_top #lh_nicknames { top: 22px; } #lh_header_top #lh_area04 a.lh_nicknames_arrow { /*height: 16px;*/ } #lh_header #lh_area03 .lh_pos { padding-top: 4px; } #lh_header #lh_area03 table td input { margin-top: -1px !important; margin-top: -2px; } #lh_header #lh_close_me { margin-top: 0; } #lh_header.lite, #lh_header.liquid, #lh_header.liquid800, #lf_footer.lite, #lf_footer.liquid { width: expression(document.body.clientWidth < 800 ? '760px': 'auto' ); } #lh_header #lh_area02.lite { width: expression(document.body.clientWidth < 1024 ? '636px': 'auto' ); } #l_maincont { width: expression(document.body.clientWidth < 800 ? '760px': 'auto' ); } #lh_header_top.lh_liquid { width: expression(document.body.clientWidth < 800 ? '760px': 'auto' ); } #lh_header_top { height: 33px; } #lh_header_top #lh_area05 a.lh_on, #lh_header_top #lh_area04 a.lh_on { height: 22px; } #lh_header_top #lh_area04 a.lh_options { margin-left: -5px; } #lh_header_top { margin-top: 0px; } </style> <![endif]--> <!--[if lte IE 7]> <style> #lh_header_top #HF_login_l, #lh_header_top #HF_login_r { float: none; } #lh_header_top { left: 0px; } #l_header_topbar #l_header_topbar_popup_altro, #l_header_topbar #l_header_topbar_popup_opzioni { margin-top: 33px; } #l_header_topbar #l_header_topbar_popup_nicknames { margin-top: 25px; } </style> <![endif]--> <style> #lh_header #lh_area02a{ position:relative; overflow: visible; height: 30px; } #lh_header #lh_area02b{ z-index: -1; } #lh_header #lh_area02a .lh_pos { position: absolute; margin-bottom: 0; } #lh_header #lh_area02a .lh_on { } #lh_header .lh_finput_area input { height: 27px; padding-top: 0; padding-bottom: 0; line-height: 27px !important; font-size: 15px !important; } #lh_altro{ position: relative !important; } #lh_header_top .lh_popup { } #lf_footer .lf_finput_area input { font-size: 12px !important; line-height: 25px !important; vertical-align: middle; padding: 0 !important; margin: 0 !important; } </style> <!--[if IE]> <style> #lh_header_top #lh_area05 a.lh_altro, #lh_header_top #lh_area04 a.lh_opzioni { margin-top: 0px; padding-top: 0px; } #lh_header_top #lh_area05 a.lh_altro { background-position: -67px -10px; } #lh_header_top #lh_area05 a.lh_altro_selected { background-position: -67px -36px; } #lh_header_top #lh_area04 a.lh_opzioni { background-position: -56px -10px; } #lh_header_top #lh_area04 a.lh_nicknames_arrow_selected, #lh_header_top #lh_area05 a.lh_altro_selected, #lh_header_top #lh_area04 a.lh_opzioni_selected { height: 23px; } #lh_header_top #lh_nicknames { left: -195px; } #lh_header_top #lh_other, #lh_header_top #lh_options { top: 22px; } #lh_header_top #lh_nicknames { top: 22px; } #lh_header .lh_finput_area .lh_pos { padding-top: 4px; } #lf_footer .lf_finput_area { height: 27px; max-height: 27px; overflow: hidden; } </style> <![endif]--> <!--[if IE]> <style> #l_header_topbar #l_header_topbar_popup_altro, #l_header_topbar #l_header_topbar_popup_opzioni { margin-top: 35px; } #l_header_topbar #l_header_topbar_popup_nicknames { margin-top: 28px; } #l_header_topbar #l_header_topbar_left #l_header_topbar_popup_altro a, #l_header_topbar #l_header_topbar_right #l_header_topbar_popup_opzioni a, #l_header_topbar #l_header_topbar_right #l_header_topbar_popup_nicknames a { padding: 0px 0px 0px 4px; } #l_header_topbar #l_header_topbar_right #l_header_topbar_nicknames_lk { display: inline-block; } #l_header_topbar #l_header_topbar_right #l_header_topbar_filter_family { line-height: 14px; } #l_header_topbar li { margin-top: 12px; line-height: 14px; } #l_header_topbar #l_header_topbar_right a.plus_selected { border-left: 1px solid #ffffff; color: #000000; margin-bottom: 0px; padding: 0px 17px 0px 8px; display: inline-block; background-position-y: -286px; } </style> <![endif]--> <style> #l_header_topbar,#l_header_fixed_topbar_placeholder{height:98px} </style> <!-- header_topbar <div id="l_header_topbar" class="liquid fixed"> <div id="l_header_topbar_left"> <ul> <li id="l_header_topbar_logo"><a href="http://www.libero.it/">Libero</a></li> <li><a href="https://login.libero.it/?service_id=webmail&ret_url=http%3A%2F%2Fwebmail.libero.it%2Fcp%2Fdefault.jsp%3FrndPrx%3D1082169561">MAIL</a></li> <li><a href="http://notizie.libero.it/">NEWS</a></li> <li><a href="https://video.virgilio.it/?ref=libero">VIDEO</a></li> <li><a href="https://digiland.libero.it/">COMMUNITY</a></li> <li><a href="https://local.virgilio.it/?ref=libero">IN CITTÀ</a></li> <li id="l_header_topbar_altro"> <a id="l_header_topbar_altro_lk" class="plus" onclick="Libero.HF.toggle('l_header_topbar_popup_altro'); Libero.HF.toggleClass('l_header_topbar_altro_lk','plus_selected'); return false;" href="#">ALTRO</a> <ul id="l_header_topbar_popup_altro" onmouseover="clearTimeout(Libero.Stash.other_timeout)" onmouseout="Libero.Stash.other_timeout = setTimeout('Libero.HF.hide(\'l_header_topbar_popup_altro\'); Libero.HF.removeClass(\'l_header_topbar_altro_lk\', \'selected\'); ',2000);"> <li><a href="https://blog.libero.it">BLOG</a></li> <li><a href="https://chat.libero.it">CHAT</a></li> <li><a href="https://digiland.libero.it/cupido">CUPIDO</a></li> <li><a href="https://digiland.libero.it/trovamici">TROVAMICI</a></li> <li><a href="http://sport.libero.it/">SPORT</a></li> <li><a href="https://tecnologia.libero.it/?ref=libero">TECNOLOGIA</a></li> <li><a href="https://www.3bmeteo.com?ref=libero">METEO</a></li> <li><a href="https://www.dilei.it/?ref=libero">DILEI</a></li> <li><a href="https://www.buonissimo.org/?ref=libero">BUONISSIMO</a></li> <li><a href="https://siviaggia.it/?ref=libero">VIAGGI</a></li> <li><a href="https://quifinanza.it/?ref=libero">ECONOMIA</a></li> <li><a href="https://motori.virgilio.it/?ref=libero">MOTORI</a></li> <li><a href="https://www.supereva.it/?ref=libero">TOP TREND</a></li> <li><a href="https://247.libero.it/">24X7</a></li> <li><a href="http://www.libero.it/servizi/">TUTTI I SERVIZI</a></li> </ul> </li> </ul> </div> <div id="l_header_topbar_right"> <ul> <li id="l_header_topbar_aiuto"><a onclick="return ckSrv(this,Libero.Stash.HF.cksrv.a,Libero.Stash.HF.cksrv.b,'h_aiuto',null);" href="http://aiuto.libero.it/">AIUTO</a></li> </ul> </div> <div id="lsvb"> <div class="lsvb_x"></div> <div class="lsvb_i"> <table class="lsvb_t"> <tr> <td class="lsvb_c1"> <div class="lsvb_spc1"> <div class="lsvb_lx1"> <div class="lsvb_pic_x"> <div id="lsvb_pic" style="background-image:none"><div></div></div> </div> </div> <div class="lsvb_lx2"> <div class="lsvb_nick_ovr"><div id="lsvb_nick"></div><a id="lsvb_star" class="" title="Gold" href="https://gold.libero.it/"></a></div> <ul class="lsvb_ul1"> <li class="lsvb_first"><a id="lsvb_contatta" href="javascript:">Contatta</a></li> <li><a id="lsvb_aggiungi" href="javascript:">Aggiungi</a></li> <li><a id="lsvb_segnala" href="javascript:">Segnala</a></li> <li class="lsvb_last"> <div class="lsvb_m1p"> <ul id="lsvb_dropdown" onmouseover="libero_vb_pd_mouse(1)" onmouseout="libero_vb_pd_mouse(0)"><li><a id="lsvb_condividi" href="javascript:">Condividi</a></li><li><a id="lsvb_preferiti" href="javascript:">Preferiti</a></li><li><a id="lsvb_blocca" href="javascript:">Blocca</a></li><li class="lsvb_last"><a id="lsvb_cookie" href="http://privacy.italiaonline.it/common/cookie/privacy_detail.php" target="_blank">Cookie Policy</a></li></ul> </div> <a href="#" id="lsvb_pd1" onclick="libero_vb_pulldown();return false" class="lsvb_altro" onmouseover="libero_vb_pd_mouse(1)" onmouseout="libero_vb_pd_mouse(0)">Altro</a> </li> </ul> </div> <div class="lsvb_lx3"> <div class="lsvb_ax"><a id="lsvb_profilo" href="javascript:" class="disabled">Profilo</a></div> <div class="lsvb_ax"><a id="lsvb_blog" href="javascript:" class="disabled">Blog</a></div> <div class="lsvb_ax"><a id="lsvb_sito" href="javascript:" class="disabled">Sito</a></div> <div class="lsvb_ax"><a id="lsvb_amici" href="javascript:" class="disabled">Amici</a></div> </div> </div> </td> <td class="lsvb_c2"> <div class="lsvb_rx2"> <div class="lsvb_crea"> <div class="lsvb_m1p"> <ul id="lsvb_dropdown_crea" onmouseover="libero_vb_pd_cr_mouse(1)" onmouseout="libero_vb_pd_cr_mouse(0)"> <li><a id="lsvb_crea_profilo" href="javascript:">Profilo</a></li> <li><a id="lsvb_crea_blog" href="javascript:">Blog</a></li> <li><a id="lsvb_crea_sito" href="javascript:">Sito</a></li> <li><a id="lsvb_crea_cupido" href="javascript:">Cupido</a></li> <li class="lsvb_last"><a id="lsvb_crea_chat" href="javascript:">Entra in Chat</a></li> </ul> </div> <a href="#" id="lsvb_cr1" onclick="libero_vb_pulldown_crea();return false" class="lsvb_altro_crea" onmouseover="libero_vb_pd_cr_mouse(1)" onmouseout="libero_vb_pd_cr_mouse(0)">Crea</a> </div> <div class="lsvb_search_x"> <div class="lsvb_search"> <div class="lsvb_m1p"> <a href="#" id="lsvb_lens" onclick="libero_vb_search_s();return false"></a> </div> <form name="lsvb2q" action="https://digiland.libero.it/ricerca" method="get" target="_top"> <input type="hidden" name="advRegion" value="8"> <div class="lsvb_input_x"> <input type="text" name="qs" value="Cerca" id="lsvb_input" onfocus="libero_vb_search(1)" onblur="libero_vb_search(0)"> </div> </form> </div> </div> </div> </td> <td class="lsvb_c3"> <div class="lsvb_rx1"> <a href="http://spazio.libero.it/nextsito.php" id="lsvb_rightlink" onclick="return(bsl1_altclick(this,'succ',''))" class="lsvb_bt_scopri scopri-siti" target="_top"></a> </div> </td> </tr> </table> </div> </div> </div> --> <div id="l_header_fixed_topbar_placeholder"></div> <script language="javascript" type="text/javascript"> <!-- // Set auto-resizing Libero.Stash.extractSummary = { max_length: 13, min_width: 20 + document.getElementById('l_header_topbar_left').clientWidth + document.getElementById('l_header_topbar_right').clientWidth, elem: 'l_username' }; // Run on load Libero.HF.adjust800(Libero.Stash.extractSummary); // Add onresize handlers if ( window.addEventListener ) { window.addEventListener('resize', function() { Libero.HF.adjust800(Libero.Stash.extractSummary) }, 1); } else if (window.attachEvent) { window.attachEvent('onresize', function() { Libero.HF.adjust800(Libero.Stash.extractSummary) }); } --> </script> <script language="javascript" type="text/javascript"> <!-- if ( /MSIE\s+(6|5|4)\./.test(navigator.appVersion) || Libero.Browser.isMobile || Libero.Browser.isTablet ) { //Libero.HF.toggleTopbar(0); } //--> </script> <!-- /bsl1 --> <!-- ADV 2019 - START --> <link rel="preconnect" href="https://tags.crwdcntrl.net"> <link rel="preconnect" href="https://bcp.crwdcntrl.net"> <link rel="dns-prefetch" href="https://tags.crwdcntrl.net"> <link rel="dns-prefetch" href="https://bcp.crwdcntrl.net"> <script type='text/javascript' src='https://www.iolam.it/js/iam2.0.js?ns=libero/web/community/siti/1.2' async></script> <!-- INIZIO DIV 728x90 DFP --> <div id="ad72890top" align="center"></div> <!-- ADV 2019 - END --> <div id="divTopMenu0" class="clTopMenu"><a href="#" onmouseover="menuOver(0)" onmouseout="menuOut(0)" onclick="topMenu(0); if(ie)this.blur(); return false"><img src="mailing.gif" width=101 height=11 alt="" border=0 align="top"></a> <div id="divTopMenuText0" class="clTopMenuText"> 100% è il portale per apprendere tutto ciò che ruota attorno al Webmastering. Ti aiuteremo a costruire un vero e proprio sito, a gestirlo e a pubblicizzarlo! </div> <div id="divTopMenuBottom0" class="clTopMenuBottom"></div> </div> <div id="divTopMenu1" class="clTopMenu"><a href="#" onmouseover="menuOver(1)" onmouseout="menuOut(1)" onclick="topMenu(1); if(ie)this.blur(); return false"><img src="javascript.gif" width=101 height=11 alt="" border=0 align="top"></a> <div id="divTopMenuText1" class="clTopMenuText"> Il nostro portale vanta una grande raccolta di Javascript: più di 100 esempi commentati con relativo codice ed esempio pratico.<br> <a href="http://digilander.libero.it/Centox100/Sito/scripts.htm" target="_new">Clicca qui</a> </div> <div id="divTopMenuBottom1" class="clTopMenuBottom"></div> </div> <div id="divTopMenu2" class="clTopMenu"><a href="#" onmouseover="menuOver(2)" onmouseout="menuOut(2)" onclick="topMenu(2); if(ie)this.blur(); return false"><img src="altro.gif" width=101 height=11 alt="" border=0 align="top"></a> <div id="divTopMenuText2" class="clTopMenuText"> <a href="http://digilander.libero.it/Centox100/Sito/applets.htm" target="_new">Applet</a><br> <a href="http://digilander.libero.it/Centox100/Sito/scripts.htm" target="_new">Java</a><br> <a href="http://digilander.libero.it/Centox100/Sito/tool.htm" target="_new">Tool</a><br> <a href="http://digilander.libero.it/Centox100/Sito/costruire.htm" target="_new">Costruire un sito</a> </div> <div id="divTopMenuBottom2" class="clTopMenuBottom"></div> </div> <!-- To add a new menu just copy these lines: <div id="divTopMenuN" class="clTopMenu"><a href="#" onmouseover="menuOver(N)" onmouseout="menuOut(N)" onclick="topMenu(N); if(ie)this.blur(); return false">HEADING IMAGE GOES HERE</a> <div id="divTopMenuTextN" class="clTopMenuText"> TEXT HERE </div> <div id="divTopMenuBottomN" class="clTopMenuBottom"></div> </div> And change the letter N to a number higher then the last menu... (and remember to set the variable numberOfMenus in the script to the same number of menus you have (remember it starts counting at 0) --> <!-- w w w . h t m l . i t -->