Menu laterale a scomparsa


Astuzia Menu laterale a scomparsa

Messaggio Da the crow il Dom 6 Mar 2011 - 0:45

Menu laterale


da un utente del forum

> [wow]custom:Dove inserirlo,,Pannello > Visualizzazione > Prima pagina > Generalita' > Messaggio sull'indice....Contenuto del messassio,000000/t[/wow]

Codice:
<script type="text/javascript"><!--
        var moving;
        function move(b){clearTimeout(moving); if(b<0&&parseInt(Menu.left)>-Width||b>0&&parseInt(Menu.left)<0){moving=setTimeout('move('+b+')',slideSpeed); theleft+=b; Menu.left=theleft+'px'}}
        function startMenu(menu,barText){document.write('<div id=ssm style="width:'+(Width+30)+'px; left:-'+(Width)+'px; top:'+Yoffset+'px; '+(isStatic?'':'top:expression('+Yoffset+'+(y=document.body.scrollTop)+'px'); position:fixed!important; ')+'position:absolute; z-index:9" onmouseover=move(10) onmouseout="clearTimeout(moving); moving=setTimeout('move(-10)',waitTime)"><table class=mainbg width=100% cellpadding=4 cellspacing=1 border=0 body bgcolor="orange"><tr><td class=title align=center><b>'+menu+'</b><td class=ww rowspan=100 style="width:20px;padding:12px 4px 12px 4px;color:red;font-size12pt;font-weight:bold"align=center valign=middle >'+barText); Menu=document.getElementById("ssm").style; theleft=-Width}
        function addItem(text,link){document.write('<tr><td class=aa><span class=web><a HREF='+link+'>'+text+'</a></span>')}
        function endMenu(){document.write('</table></div>')}
        if(document.getElementById){

        isStatic=false;
        Yoffset=30;
        Width=130;
        slideSpeed=20;
        waitTime=500;

        startMenu("Link Utili","M<br>e<br>n<br>u<br><br>L<br>a<br>t<br>e<br>r<br>a<br>l<br>e");

        addItem("Wildguns.it","http://www.wildguns.it/");
        addItem("Forum Wildguns","http://board.wildguns.it/");
        addItem("Calcolatore Tempo","http://flamewars.bplaced.net/wg/tools/wegerechner.php");
      addItem("Wildguns.it","http://www.wildguns.it/");

        endMenu()}
        --></script>

border=0 body bgcolor="orange"> : bordo + colore di sfondo

style="width:20px;padding:12px 4px 12px 4px;color:red; colore menu laterale

se volete inserire un'immagine di sfondo togliete la parte in rosso

body bgcolor="orange">

e aggiungete

background="http://img30.imageshack.us/img30/7364/orologioq.jpg">


Per domande o chiarimenti Gestire l'aspetto del forum

Tutoriale da : Utente del forum
Copyrigth © .COM




Ultima modifica di the crow il Mar 12 Lug 2011 - 19:06, modificato 3 volte
avatar
the crow
Veterano dello staff

Sesso : Maschile
Età : 25
Messaggi : 8797
Località : Roma


Vedere il profilo dell'utente http://aiuto.forumattivo.it/forum
the crow è stato ringraziato dall'autore di questo topic.

Astuzia Re: Menu laterale a scomparsa

Messaggio Da the crow il Gio 26 Mag 2011 - 0:41

Salve a tutti, come potete notare, nel mio forum c'è un menu in alto a destra che è fatto così:


Appena si passa sopra il mouse il piccolo menu si apre e diventa così:


Codice:
Codice:

<script type="text/javascript"><!--
var moving;
function move(b){clearTimeout(moving); if(b<0&&parseInt(Menu.right)>-Width||b>0&&parseInt(Menu.right)<0){moving=setTimeout('move('+b+')',slideSpeed); theright+=b; Menu.right=theright+'px'}}
function startMenu(menu,barText){document.write('<div id=ssm style="width:'+(Width+30)+'px; right:-'+(Width)+'px; top:'+Yoffset+'px; '+(isStatic?'':'top:expression('+Yoffset+'+(y=document.body.scrollTop)+'px'); position:fixed!important; ')+'position:absolute; z-index:9" onmouseover=move(10) onmouseout="clearTimeout(moving); moving=setTimeout('move(-10)',waitTime)"><table class=mainbg width=100% cellpadding=4 cellspacing=1><tr><td class=ww rowspan=100 style="width:20px;padding:12px 4px 12px 4px;font-size:10pt;font-weight:bold" align=center valign=middle>'+barText+'<td class=title align=center><b>'+menu+'<\/b>'); Menu=document.getElementById("ssm").style; theright=-Width}
function addItem(text,link){document.write('<tr><td class=aa><span class=web><a HREF='+link+'>'+text+'<\/a><\/span>')}
function endMenu(){document.write('<\/table><\/div>')}
if(document.getElementById){

isStatic=false;
Yoffset=20;
Width=130;
slideSpeed=20;
waitTime=500;

startMenu("Titolo Orizzontale","T<br>i<br>t<br>o<br>l<br>o<br><br>V<br>e<br>r<br>t<br>i<br>c<br>a<br>l<br>e");

addItem("Link1","Url1");
addItem("Link2","Url2");
addItem("Link3","Url3");
addItem("Link4","Url4");
addItem("Link5","Url5");
addItem("Link6","Url6");
addItem("Link7","Url7");
addItem("Link8","Url8");
addItem("Link9","Url9");

endMenu()}
--></script>
Dove Inserirlo: PDA-->Visualizzazione-->Prima Pagina-->Generalità-->Messaggio sull'indice

Creato da :Bazzy9

Per domande o chiarimenti Gestire l'aspetto del forum
avatar
the crow
Veterano dello staff

Sesso : Maschile
Età : 25
Messaggi : 8797
Località : Roma


Vedere il profilo dell'utente http://aiuto.forumattivo.it/forum
the crow è stato ringraziato dall'autore di questo topic.

Vedere l'argomento precedente Vedere l'argomento seguente Tornare in alto

- Argomenti simili

 
Permesso di questo forum:
Non puoi rispondere agli argomenti in questo forum