¤Follia Pura Graphic and Tutorial Forum¤

MENU' LATERALE A SCOMPARSA

« Older   Newer »
  Share  
^CHIKA^
view post Posted on 23/9/2006, 15:58




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
CODICE
menuIsStatic="no";
 
Top
0 replies since 23/9/2006, 15:58   465 views
  Share