Forum dei Forum: Aiuto per Forumattivo
Benvenuto sul forum di supporto di Forumattivo .



Per trarre il massimo vantaggio da tutti i servizi offerti dal nostro forum, effettua il login se sei già un nostro utente oppure registrati per far parte della nostra grande comunità. Il tutto gratuitamente!

Crea anche tu un forum gratuitamente come questo! Clicca qui

Menu laterale a scomparsa


Astuzia Menu laterale a scomparsa

Messaggio Da the crow il Dom 06 Mar 2011, 00: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, 00: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