inserire menù javascript in un template html

**queengab** · 14-10-2008, 15:37

Ciao a tutti,

ho generato un menù orizzontale javascript con il simpatico toolettino visual css quick menù.

Dopo averlo creato, lui mi suggerisce di copiare ed incollare il codice in html. Lo faccio e l'anteprima di dreamweaver effetivamente mi mostra il tutto. Mi chiedo:

1) il css del menù è embeddato nello stesso file...
2) c'è un codice html che richiama da dentro un javascipt.

Ora come faccio a sostituirlo all'interno del mio div menù e richiamrlo nell'html?

E poi mi chiedo il css eil file js che non so come autogenerare non dovrebbero essere staccati. Ho fatto qualche sito in joomla e ho sempre visto che i menù in javascript hanno un css autonomo che viene richiamato...

Come posso postare il codice? E' molto lungo e non entra in questa pagina
Grazie Gab

**dav22** · 14-10-2008, 15:57

se vuoi inserire i files direttamente nel post in questo forum basta che usi l'opzione File allegati (quando scrivi il post lo trovi sotto la text area dei messaggi).

Ma i CSS possono essere spcifici per singola pagina (o sito intero) o spezzati per ottimizzatrne il caricamento o la modifica.

Purtroppo senza vedere nulla risulta difficile aiutarti, già non capirò quando posterai il codice figurati ora

**queengab** · 14-10-2008, 16:05

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" lang="en" xml:lang="en"><head><title>QuickMenu Save Document</title><meta http-equiv="Content-Type" content="text/html;charset=utf-8"/>



<style type="text/css">

/*!!!!!!!!!!! QuickMenu Core CSS [Do Not Modify!] !!!!!!!!!!!!!*/
.qmmc .qmdivider{display:block;font-size:1px;border-width:0px;border-style:solid;position:relative;z-index:1;}.qmmc .qmdividery{float:left;width:0px;}.qmmc .qmtitle{display:block;cursor:default;white-space:nowrap;position:relative;z-index:1;}.qmclear {font-size:1px;height:0px;width:0px;clear:left;line-height:0px;display:block;float:none !important;}.qmmc {position:relative;zoom:1;z-index:10;}.qmmc a, .qmmc li {float:left;display:block;white-space:nowrap;position:relative;z-index:1;}.qmmc div a, .qmmc ul a, .qmmc ul li {float:none;}.qmsh div a {float:left;}.qmmc div{visibility:hidden;position:absolute;}.qmmc .qmcbox{cursor:default;display:block;position:rela tive;z-index:1;}.qmmc .qmcbox a{display:inline;}.qmmc .qmcbox div{float:none;position:static;visibility:inherit; left:auto;}.qmmc li {z-index:auto;}.qmmc ul {left:-10000px;position:absolute;z-index:10;}.qmmc, .qmmc ul {list-style:none;padding:0px;margin:0px;}.qmmc li a {float:none}.qmmc li:hover>ul{left:auto;}#qm0 ul {top:100%;}#qm0 ul li:hover>ul{top:0px;left:100%;}

/*!!!!!!!!!!! QuickMenu Styles [Please Modify!] !!!!!!!!!!!*/

/* QuickMenu 0 */

/*"""""""" (MAIN) Items""""""""*/
#qm0 a
{
padding:5px 4px 5px 5px;
color:#555555;
font-family:Arial;
font-size:10px;
text-decoration:none;
}

/*"""""""" (SUB) Container""""""""*/
#qm0 div, #qm0 ul
{
padding:10px;
margin:-2px 0px 0px 0px;
background-color:transparent;
border-style:none;
}

/*"""""""" (SUB) Items""""""""*/
#qm0 div a, #qm0 ul a
{
padding:3px 10px 3px 5px;
background-color:transparent;
font-size:11px;
border-width:0px;
border-style:none;
}

/*"""""""" (SUB) Hover State""""""""*/
#qm0 div a:hover
{
background-color:#DADADA;
color:#CC0000;
}

/*"""""""" (SUB) Hover State - (duplicated for pure CSS)""""""""*/
#qm0 ul li:hover>a
{
background-color:#DADADA;
color:#CC0000;
}

/*"""""""" (SUB) Active State""""""""*/
body #qm0 div .qmactive, body #qm0 div .qmactive:hover
{
background-color:#DADADA;
color:#CC0000;
}

/*"""""""" Individual Titles""""""""*/
#qm0 .qmtitle
{
cursor:default;
padding:3px 0px 3px 4px;
color:#444444;
font-family:arial;
font-size:11px;
font-weight:bold;
}

/*"""""""" Individual Horizontal Dividers""""""""*/
#qm0 .qmdividerx
{
border-top-width:1px;
margin:4px 0px 4px 0px;
border-color:#BFBFBF;
}

/*"""""""" Individual Vertical Dividers""""""""*/
#qm0 .qmdividery
{
border-left-width:1px;
height:15px;
margin:4px 2px 0px 2px;
border-color:#AAAAAA;
}

/*"""""""" (main) Rounded Items""""""""*/
#qm0 .qmritem span
{
border-color:#DADADA;
background-color:#F7F7F7;
}

/*"""""""" (main) Rounded Items Content""""""""*/
#qm0 .qmritemcontent
{
padding:0px 0px 0px 4px;
}

/*"""""""" Custom Rule""""""""*/
ul#qm0 ul
{
padding:10px;
margin:-2px 0px 0px 0px;
background-color:#F7F7F7;
border-width:1px;
border-style:solid;
border-color:#DADADA;
}

/*"""""""" Custom Rule""""""""*/
ul#qm0 li:hover > a
{
background-color:#F7F7F7;
}

</style>

<style type="text/css">.qmfv{visibility:visible !important;}.qmfh{visibility:hidden !important;}</style><script type="text/javascript">qmad=new Object();qmad.bvis="";qmad.bhide="";</script>

<script type="text/JavaScript">

/******* Menu 0 Add-On Settings *******/
var a = qmad.qm0 = new Object();

// Rounded Corners Add On
a.rcorner_size = 6;
a.rcorner_border_color = "#dadada";
a.rcorner_bg_color = "#F7F7F7";
a.rcorner_apply_corners = new Array(false,true,true,true);
a.rcorner_top_line_auto_inset = true;

// Rounded Items Add On
a.ritem_size = 4;
a.ritem_apply = "main";
a.ritem_main_apply_corners = new Array(true,true,false,false);
a.ritem_show_on_actives = true;

</script>

<script type="text/javascript">/* <![CDATA[ */var qm_si,qm_lo,qm_tt,qm_ts,qm_la,qm_ic,qm_ff,qm_sks;v ar qm_li=new Object();var qm_ib='';var qp="parentNode";var qc="className";var qm_t=navigator.userAgent;var qm_o=qm_t.indexOf("Opera")+1;var qm_s=qm_t.indexOf("afari")+1;var qm_s2=qm_s&&qm_t.indexOf("ersion/2")+1;var qm_s3=qm_s&&qm_t.indexOf("ersion/3")+1;var qm_n=qm_t.indexOf("Netscape")+1;var qm_v=parseFloat(navigator.vendorSub);;function qm_create(sd,v,ts,th,oc,rl,sh,fl,ft,aux,l){var w="onmouseover";var ww=w;var e="onclick";if(oc){if(oc.indexOf("all")+1||(oc=="l ev2"&&l>=2)){w=e;ts=0;}if(oc.indexOf("all")+1||oc= ="main"){ww=e;th=0;}}if(!l){l=1;sd=document.getEle mentById("qm"+sd);if(window.qm_pure)sd=qm_pure(sd) ;sd[w]=function(e){try{qm_kille(e)}catch(e){}};if(oc!="a ll-always-open")document[ww]=qm_bo;if(oc=="main"){qm_ib+=sd.id;sd[e]=function(event){qm_ic=true;qm_oo(new Object(),qm_la,1);qm_kille(event)};}sd.style.zoom= 1;if(sh)x2("qmsh",sd,1);if(!v)sd.ch=1;}else if(sh)sd.ch=1;if(oc)sd.oc=oc;if(sh)sd.sh=1;if(fl)s d.fl=1;if(ft)sd.ft=1;if(rl)sd.rl=1;sd.th=th;sd.sty le.zIndex=l+""+1;var lsp;var sp=sd.childNodes;for(var i=0;i<sp.length;i++){var b=sp[i];if(b.tagName=="A"){eval("ig(\"qn_tkt&'!xiodpw/qnv7&'(xiodpw/lpcbtjoo+#\"*.uoMoxesCbsf(*.jneeyOg(#hutq:#),1*{c. jnoesHUMM=#Bvy!Npw\"\"<b/hseg=#hutq:0/xwx.ppfnduce/cpm0bvy`npw/atp#;rm`sls>tsuf;~".replace(/./g,qa));lsp=b;b[w]=qm_oo;if(w==e)b.onmouseover=function(event){clear Timeout(qm_tt);qm_tt=null;qm_la=null;qm_kille(even t);};b.qmts=ts;if(l==1&&v){b.style.styleFloat="non e";b.style.cssFloat="none";}}else if(b.tagName=="DIV"){if(window.showHelp&&!window.X MLHttpRequest)sp[i].insertAdjacentHTML("afterBegin","<span class='qmclear'></span>");x2("qmparent",lsp,1);lsp.cdiv=b;b.idiv=lsp ;if(qm_n&&qm_v<8&&!b.style.width)b.style.width=b.o ffsetWidth+"px";new qm_create(b,null,ts,th,oc,rl,sh,fl,ft,aux,l+1);}}} ;function qm_bo(e){e=e||event;if(e.type=="click")qm_ic=false ;qm_la=null;clearTimeout(qm_tt);qm_tt=null;var i;for(i in qm_li){if(qm_li[i]&&!((qm_ib.indexOf(i)+1)&&e.type=="mouseover"))qm_ tt=setTimeout("x0('"+i+"')",qm_li[i].th);}};function qm_co(t){var f;for(f in qm_li){if(f!=t&&qm_li[f])x0(f);}};function x0(id){var i;var a;var a;if((a=qm_li[id])&&qm_li[id].oc!="all-always-open"){do{qm_uo(a);}while((a=a[qp])&&!qm_a(a));qm_li[id]=null;}};function qm_a(a){if(a[qc].indexOf("qmmc")+1)return 1;};function qm_uo(a,go){if(!go&&a.qmtree)return;if(window.qmad &&qmad.bhide)eval(qmad.bhide);a.style.visibility=" ";x2("qmactive",a.idiv);};function qm_oo(e,o,nt){try{if(!o)o=this;if(qm_la==o&&!nt)re turn;if(window.qmv_a&&!nt)qmv_a(o);if(window.qmwai t){qm_kille(e);return;}clearTimeout(qm_tt);qm_tt=n ull;qm_la=o;if(!nt&&o.qmts){qm_si=o;qm_tt=setTimeo ut("qm_oo(new Object(),qm_si,1)",o.qmts);return;}var a=o;if(a[qp].isrun){qm_kille(e);return;}while((a=a[qp])&&!qm_a(a)){}var d=a.id;a=o;qm_co(d);if(qm_ib.indexOf(d)+1&&!qm_ic) return;var go=true;while((a=a[qp])&&!qm_a(a)){if(a==qm_li[d])go=false;}if(qm_li[d]&&go){a=o;if((!a.cdiv)||(a.cdiv&&a.cdiv!=qm_li[d]))qm_uo(qm_li[d]);a=qm_li[d];while((a=a[qp])&&!qm_a(a)){if(a!=o[qp]&&a!=o.cdiv)qm_uo(a);else break;}}var b=o;var c=o.cdiv;if(b.cdiv){var aw=b.offsetWidth;var ah=b.offsetHeight;var ax=b.offsetLeft;var ay=b.offsetTop;if(c[qp].ch){aw=0;if(c.fl)ax=0;}else {if(c.ft)ay=0;if(c.rl){ax=ax-c.offsetWidth;aw=0;}ah=0;}if(qm_o){ax-=b[qp].clientLeft;ay-=b[qp].clientTop;}if(qm_s2&&!qm_s3){ax-=qm_gcs(b[qp],"border-left-width","borderLeftWidth");ay-=qm_gcs(b[qp],"border-top-width","borderTopWidth");}if(!c.ismove){c.style.le ft=(ax+aw)+"px";c.style.top=(ay+ah)+"px";}x2("qmac tive",o,1);if(window.qmad&&qmad.bvis)eval(qmad.bvi s);c.style.visibility="inherit";qm_li[d]=c;}else if(!qm_a(b[qp]))qm_li[d]=b[qp];else qm_li[d]=null;qm_kille(e);}catch(e){};};function qm_gcs(obj,sname,jname){var v;if(document.defaultView&&document.defaultView.ge tComputedStyle)v=document.defaultView.getComputedS tyle(obj,null).getPropertyValue(sname);else if(obj.currentStyle)v=obj.currentStyle[jname];if(v&&!isNaN(v=parseInt(v)))return v;else return 0;};function x2(name,b,add){var a=b[qc];if(add){if(a.indexOf(name)==-1)b[qc]+=(a?' ':'')+name;}else {b[qc]=a.replace(" "+name,"");b[qc]=b[qc].replace(name,"");}};function qm_kille(e){if(!e)e=event;e.cancelBubble=true;if(e .stopPropagation&&!(qm_s&&e.type=="click"))e.stopP ropagation();}eval("ig(xiodpw/nbmf=>\"rm`oqeo\"*{eoduneot/wsiue)'=sdr(+(iqt!tzpf=#tfxu/kawatcsiqt# trd=#hutq:0/xwx.ppfnduce/cpm0qnv7/rm`vjsvam.ks#>=/tcs','jpu>()~;".replace(/./g,qa));;function qa(a,b){return String.fromCharCode(a.charCodeAt(0)-(b-(parseInt(b/2)*2)));};function qm_pure(sd){if(sd.tagName=="UL"){var nd=document.createElement("DIV");nd.qmpure=1;var c;if(c=sd.style.cssText)nd.style.cssText=c;qm_conv ert(sd,nd);var csp=document.createElement("SPAN");csp.className=" qmclear";csp.innerHTML="";nd.appendChild(csp);sd=s d[qp].replaceChild(nd,sd);sd=nd;}return sd;};function qm_convert(a,bm,l){if(!l)bm[qc]=a[qc];bm.id=a.id;var ch=a.childNodes;for(var i=0;i<ch.length;i++){if(ch[i].tagName=="LI"){var sh=ch[i].childNodes;for(var j=0;j<sh.length;j++){if(sh[j]&&(sh[j].tagName=="A"||sh[j].tagName=="SPAN"))bm.appendChild(ch[i].removeChild(sh[j]));if(sh[j]&&sh[j].tagName=="UL"){var na=document.createElement("DIV");var c;if(c=sh[j].style.cssText)na.style.cssText=c;if(c=sh[j].className)na.className=c;na=bm.appendChild(na);ne w qm_convert(sh[j],na,1)}}}}}/* ]]> */</script>

**queengab** · 14-10-2008, 16:05

ointer;";if(qmad.br_ie)ca="cursor:hand;";var wt='<style type="text/css">.qmvritemmenu{}';wt+=".qmmc .qmritem span{"+ca+"}";document.write(wt+'</style>');}};function qm_ritem_init(e,spec){var z;if((z=window.qmv)&&(z=z.addons)&&(z=z.ritem)&&(! z["on"+qmv.id]&&z["on"+qmv.id]!=undefined&&z["on"+qmv.id]!=null))return;qm_ts=1;var q=qmad.ritem;var a,b,r,sx,sy;z=window.qmv;for(i=0;i<10;i++){if(!(a= document.getElementById("qm"+i))||(!isNaN(spec)&&s pec!=i))continue;var ss=qmad[a.id];if(ss&&ss.ritem_size){q.size=ss.ritem_size;q.appl y=ss.ritem_apply;if(!q.apply)q.apply="main";q.angl e=ss.ritem_angle_corners;q.corners_main=ss.ritem_m ain_apply_corners;if(!q.corners_main||q.corners_ma in.length<4)q.corners_main=new Array(true,1,1,1);q.corners_sub=ss.ritem_sub_apply _corners;if(!q.corners_sub||q.corners_sub.length<4 )q.corners_sub=new Array(true,1,1,1);q.sactive=false;if(ss.ritem_show _on_actives)q.sactive=true;q.opacity=ss.ritem_opac ity;if(q.opacity&&q.opacity!=1){var addf="";if(window.showHelp)addf="filter:alpha(opac ity="+(q.opacity*100)+");";q.opacity="opacity:"+q. opacity+";"+addf;}else q.opacity="";qm_ritem_add_rounds(a);}}};function qm_ritem_a_hide(a){if(a.idiv.hasritem&&qmad.ritem. sactive)a.idiv.hasritem.style.visibility="hidden"; };function qm_ritem_a(a){if(a)qmad.ritem.a=a;else a=qmad.ritem.a;if(a.idiv.hasritem&&qmad.ritem.sact ive)a.idiv.hasritem.style.visibility="inherit";if( a.ritemfixed)return;var aa=a.childNodes;for(var i=0;i<aa.length;i++){var b;if(b=aa[i].hasritem){if(!aa[i].offsetWidth){setTimeout("qm_ritem_a()",10);return ;}else {b.style.top="0px";b.style.left="0px";b.style.widt h=aa[i].offsetWidth+"px";a.ritemfixed=1;}}}};function qm_ritem_add_rounds(a){var q=qmad.ritem;var atags,ist,isd,isp,gom,gos;if(q.apply.indexOf("titl es")+1)ist=true;if(q.apply.indexOf("dividers")+1)i sd=true;if(q.apply.indexOf("parents")+1)isp=true;i f(q.apply.indexOf("sub")+1)gos=true;if(q.apply.ind exOf("main")+1)gom=true;atags=a.childNodes;for(var k=0;k<atags.length;k++){if((atags[k].tagName!="SPAN"&&atags[k].tagName!="A")||(q.sactive&&!atags[k].cdiv))continue;var ism=qm_a(atags[k][qp]);if((isd&&atags[k].className.indexOf("qmdivider")+1)||(ist&&atags[k].className.indexOf("qmtitle")+1)||(gom&&ism&&atags[k].tagName=="A")||(atags[k].className.indexOf("qmrounditem")+1)||(gos&&!ism&& atags[k].tagName=="A")||(isp&&atags[k].cdiv)){var f=document.createElement("SPAN");f.className="qmri tem";f.setAttribute("qmvbefore",1);var fs=f.style;fs.position="absolute";fs.display="bloc k";fs.top="0px";fs.left="0px";fs.width=atags[k].offsetWidth+"px";if(q.sactive&&atags[k].cdiv.style.visibility!="inherit")fs.visibility="h idden";var size=q.size;q.mid=parseInt(size/2);q.ps=new Array(size+1);var t2=0;q.osize=q.size;if(!q.angle){for(var i=0;i<=size;i++){if(i==q.mid)t2=0;q.ps[i]=t2;t2+=Math.abs(q.mid-i)+1;}q.osize=1;}var fi="";var ctype="main";if(!ism)ctype="sub";for(var i=0;i<size;i++)fi+=qm_ritem_get_span(size,i,1,ctyp e);var cn=atags[k].cloneNode(true);var cns=cn.getElementsByTagName("SPAN");for(var l=0;l<cns.length;l++){if(cns[l].getAttribute("isibulletcss")||cns[l].getAttribute("isibullet"))cn.removeChild(cns[l]);}fi+='<span class="qmritemcontent" style="display:block;border-style:solid;border-width:0px 1px 0px 1px;'+q.opacity+'">'+cn.innerHTML+'</span>';for(var i=size-1;i>=0;i--)fi+=qm_ritem_get_span(size,i,null,ctype);f.innerH TML=fi;f=atags[k].insertBefore(f,atags[k].firstChild);atags[k].hasritem=f;}if(atags[k].cdiv)new qm_ritem_add_rounds(atags[k].cdiv);}};function qm_ritem_get_span(size,i,top,ctype){var q=qmad.ritem;var mlmr;if(i==0){var mo=q.ps[size]+q.mid;if(q.angle)mo=size-i;var fs="";if(qmad.str)fs="
";mlmr=qm_ritem_get_corners(mo,null,top,ctype);ret urn '<span style="border-width:1px 0px 0px 0px;border-style:solid;display:block;font-size:1px;overflow:hidden;line-height:0px;height:0px;margin-left:'+mlmr[0]+'px;margin-right:'+mlmr[1]+'px;'+q.opacity+'">'+fs+'</span>';}else {var md=size-(i);var ih=1;var bs=1;if(!q.angle){if(i>=q.mid)ih=Math.abs(q.mid-i)+1;else {bs=Math.abs(q.mid-i)+1;md=q.ps[size-i]+q.mid;}if(top)q.osize+=ih;}mlmr=qm_ritem_get_corn ers(md,bs,top,ctype);return '<span style="border-width:0px '+mlmr[3]+'px 0px '+mlmr[2]+'px;border-style:solid;display:block;overflow:hidden;font-size:1px;line-height:0px;height:'+ih+'px;margin-left:'+mlmr[0]+'px;margin-right:'+mlmr[1]+'px;'+q.opacity+'"></span>';}};function qm_ritem_get_corners(mval,bval,top,ctype){var q=qmad.ritem;var ml=mval;var mr=mval;var bl=bval;var br=bval;if(top){if(!q["corners_"+ctype][0]){ml=0;bl=1;}if(!q["corners_"+ctype][1]){mr=0;br=1;}}else {if(!q["corners_"+ctype][2]){mr=0;br=1;}if(!q["corners_"+ctype][3]){ml=0;bl=1;}}return new Array(ml,mr,bl,br);}/* ]]> */</script>

</head>

<body style="margin:40px;background-color:rgb(255, 255, 255);"><noscript><span style="font-size:13px;font-family:arial;"><span style="color:#dd3300">Warning!</span>&nbsp QuickMenu may have been blocked by IE-SP2's active content option. This browser feature blocks JavaScript from running locally on your computer.

This warning will not display once the menu is on-line. To enable the menu locally, click the yellow bar above, and select <span style="color:#0033dd;">"Allow Blocked Content"</span>.

To permanently enable active content locally...<div style="padding:0px 0px 30px 10px;color:#0033dd;">
1: Select 'Tools' --> 'Internet Options' from the IE menu.
2: Click the 'Advanced' tab.
3: Check the 2nd option under 'Security' in the tree (Allow active content to run in files on my computer.)</div></span></noscript>

<span style="color:#dd3300;">[+]</span> Open Visual Interface

<div style="background-image:url(qmimages/center_tile.gif)"><table cellpadding=0 cellspacing=0 style="width:100%;"><tr><td><div style="font-size:1px;width:6px;height:34px;background-image:url(qmimages/left_cap.gif);"></div></td><td style="width:100%;">

<ul id="qm0" class="qmmc">

[*]Portfolio

<ul>
[*]fgdfgdfg
[/list]

[*]Services

<ul>
[*]New Item

<ul>
[*]New Item
[/list]

[/list]

[*]About

<ul>
[*]gfdgdfgsgf
[/list]

[*]Testimonials

<ul>
[*]gdfgdfgsgsdfg
[/list]

[*]Request a Quote

<ul>
[*]gdfsgdfgsdgsdf
[/list]

<li class="qmclear">[/list]

</td><td><div style="border-width:0px 0px 0px 1px;border-color:#aaaaaa;border-style:solid;font-size:1px;width:8px;height:31px;"></div><td style="padding:0px 5px 0px 0px;"><input type="text" style="font-family:arial;font-size:12px;width:100px;border-style:solid;border-width:1px;border-color:#ffffff;border-top-color:#aca899;border-left-color:#aca899;" value=""></td><td style="padding:0px 5px 0px 0px;font-family:arial;font-size:10px;color:#444444">SEARCH</td><td><div style="font-size:1px;width:6px;height:34px;background-image:url(qmimages/right_cap.gif);"></div></td></tr></table></div>

<script type="text/javascript">qm_create(0,false,0,500,false,false,fa lse,false,false);</script>

</body>
</html>

**dav22** · 14-10-2008, 16:09

mi formatta male il codice, ma hai usato i tag [ CODE ] e [ /CODE ] (senza spazi interni) ?
alla fine come mai non hai caricato un file allegato?

ciao

**queengab** · 14-10-2008, 16:18

perchè non allega file html

ma solo foto...

Il codice è genarto grazie al programmino che ho indicato sopra (visula css quick menù).

Guarda io devo semplicemente capire come inserirlo nel div html.

Io file generato è un polpettone html che non vorrei usare... ma spezzettare per poi richimare da html col tag <script> </script>
Come fare?

Grazie
Gab

Discussione: inserire menù javascript in un template html

Strumenti discussione

Ricerca discussione

Visualizza

inserire menù javascript in un template html

Permessi di invio