^CHIKA^ |
|
| Andate in "gestione codice html" e mettere questo codice in fondo al forum: CODICE <script type="text/javascript"> YOffset=20; staticYOffset=20; slideSpeed=20; waitTime=500; menuIsStatic="yes"; menuWidth=130;
NS6 = (document.getElementById&&!document.all); IE = (document.all); NS = (navigator.appName=="Netscape" && /^4/.test(navigator.appVersion)); moving=setTimeout('null',1);
function moveOut() { if ((NS6 && parseInt(ssm.left)<0)||(IE && ssm.style.pixelLeft<0)||(NS && document.ssm.left<0)) { clearTimeout(moving);moving = setTimeout('moveOut()', slideSpeed) if (NS6) {theleft+=10;ssm.left = theleft} if (IE) {ssm.style.pixelLeft += 10} if (NS) {document.ssm.left += 10;document.ssm.clip.left-=10}} else {clearTimeout(moving);moving=setTimeout('null',1)}}
function moveBack() {clearTimeout(moving);moving = setTimeout('moveBack1()', waitTime)}
function moveBack1() { if ((NS6 && parseInt(ssm.left)>(-menuWidth))||(IE && ssm.style.pixelLeft>(-menuWidth))||(NS && document.ssm.left>(-menuWidth))) { clearTimeout(moving);moving = setTimeout('moveBack1()', slideSpeed); if (NS6) {theleft-=10;ssm.left = theleft} if (IE) {ssm.style.pixelLeft -= 10} if (NS) {document.ssm.left -= 10;document.ssm.clip.left+=10}} else {clearTimeout(moving);moving=setTimeout('null',1)}}
lastY = 0;
function makeStatic() { if (NS6) {winY = window.pageYOffset} if (IE) {winY = document.body.scrollTop;var NM=document.all('ssm').style} if (NS) {winY = window.pageYOffset;var NM=document.ssm} if (NS6||IE||NS) { if (winY!=lastY&&winY>YOffset-staticYOffset) { smooth = .3 * (winY - lastY - YOffset + staticYOffset)} else if (YOffset-staticYOffset+lastY>YOffset-staticYOffset) {smooth = .3 * (winY - lastY)} else {smooth=0} if(smooth > 0) smooth = Math.ceil(smooth); else smooth = Math.floor(smooth); if (NS6) {ssm.top=parseInt(ssm.top)+smooth} if (IE) NM.pixelTop+=smooth; if (NS) NM.top+=smooth; lastY = lastY+smooth; setTimeout('makeStatic()', 1)}}
function initSlide() { if (NS6){ ssm=document.getElementById("ssm").style ssm.visibility="visible"; ssm.left = -menuWidth} else if (IE) { document.all("ssm").style.visibility = "visible" document.all("ssm").style.pixelLeft = -menuWidth} else if (NS) { document.layers["ssm"].clip.left = menuWidth; document.layers["ssm"].left = -menuWidth; document.layers["ssm"].visibility = "show"} if (menuIsStatic=="yes") makeStatic()}
function reloadPage() {if(NS)location.reload()}
function startMenu(menu, barText) { document.write('<div class=tag>'); if (IE||NS6) {document.write('<div id=ssm style="visibility:hidden;position:absolute;left:0;top:'+YOffset+';z-index:9;width:4px" onmouseover=moveOut() onmouseout=moveBack()>')} if (NS) {document.write('<layer visibility=hide top='+YOffset+' name=ssm left=0 onmouseover=moveOut() onmouseout=moveBack()>')} if (NS6){document.write('<table style=width:'+(menuWidth+20+2)+'px cellpadding=0 cellspacing=0><tr><td>')} document.write('<table class=mainbg style=width:'+(menuWidth+20+2)+'px cellpadding=4 cellspacing=1><tr><td class=title align=center><b>'+menu+'<\/b><td class=ww rowspan=100 width=20 align=center valign=middle><br><b><font size=2>'+barText+'<\/font><\/b><br><br>') theleft=-menuWidth}
function addItem(text, link) { document.write('<tr><td class=aa width='+(menuWidth-1)+'><span class=web><a HREF='+link+'>'+text+'<\/a><\/span>')}
function endMenu() { document.write('<tr><td><font size=0> <\/font><\/table><\/div>') if (NS6){document.write('<\/table>')} if (IE||NS6) {document.write('<\/div>')} if (NS) {document.write('<\/layer>')} if (NS6||IE||NS) setTimeout('initSlide();', 500)}
window.reloadPage
startMenu("Menù","M<br>e<br>n<br>ù<br><br>l<br>a<br>t<br>e<br>r<br>a<br>l<br>e")
addItem("Forumfree","http://www.forumfree.net");
addItem("Forumcommunity","http://www.forumcommunity.net");
endMenu()</script> CITAZIONE (Simon Flow @ 14/4/2005, 23:07) Come faccio a personalizzare l'estetica della barra di menù???? Il codice è stato modificato in modo che abbia automaticamente i colori della skin del vostro forum. Per eventuali personalizzazioni andate in modifica colori e stili e aggiungete i seguenti selettori (ciò che inizia con #) mettendo le proprietà che volete. CITAZIONE .tag .mainbg {} /* bordo tra le varie barre */
.tag .title {} /* titolo orizzontale */
.tag .ww {} /* titolo verticale */
.tag .aa {} /* sfondo dei link che aggiungete */
.tag .web {} /* colore e dimensione dei link da voi messi */ Piccola avvertenza, le modifiche hanno effetto anche sull'eventuale tagboard. Il menù si può rendere fisso in alto?Sì, basta sostituire CODICE menuIsStatic="yes"; con
|
| |