Menu laterale con sottocategorie

Per gli admin di FF, FC e BF

« Older   Newer »
 
  Share  
.
  1.  
    .
    Avatar


    Group
    Admin
    Posts
    9,203
    Location
    Bergamo prov.

    Status
    Offline
    Visto che mi sono tirata secca per riuscire a trovare un menu con le sottocategorie (o sottomenu) espandibili, compatibile con ForumFree, ForumCommunity e BlogFree, posto il link che spiega come fare a inserirlo. Infatti queste care piattaforme bloccano la maggior parte dei javascript (ho provato tantissimi menu, nessuno funzionava -.-'), per cui non è possibile inserire dei menu leggermente più complessi di quelli che forniscono. Fortunatamente ho trovato questa guida, molto utile e ben fatta: è un adattamento del menu laterale a scomparsa, dotato di sottocategorie espandibili al click. Fin'ora è l'unico menu compatibile con ForumFree, ForumCommunity e BlogFree che preveda i sottomenu.

    Ecco il link: #entry397585207

    ContactsWeb
     
    Top
    .
  2. Jack Nippon
     
    .

    User deleted


    La versione finale adottata su questo sito è modificata per far aprire le sottocategorie al passaggio del mouse (anziché al click, come nel codice riportato alla pagina indicata nel post precedente).

    In particolare, bisogna aggiungere questo script nell'head della pagina HTML (cioè in Amministrazione > Codice HTML > Codice HTML che verrà visualizzato in ogni pagina in CIMA a tutte le pagine):
    HTML
    <!-- MENU LATERALE A SCOMPARSA -->

    <script type="text/javascript"><!--

    if (document.getElementById){document.write('<style type="text/css">#ssm .desc{display: none;}<\/style>\n')}

    /* INIZIO PARTE DA MODIFICARE */

    function startmenu()
    {
    document.getElementById('cat1').style.display = "none";
    document.getElementById('cat2').style.display = "none";
    document.getElementById('cat3').style.display = "none";
    document.getElementById('cat4').style.display = "none";
    }

    /* FINE PARTE DA MODIFICARE */

    function openmenu(menuId)
    {document.getElementById(menuId).style.display = "block";}

    function closemenu(menuId)
    {document.getElementById(menuId).style.display = "none";}

    document.write('<body onLoad="javascript:startmenu()">');

    //-->
    </script>


    Bisogna poi aggiungere questo script nel body della pagina HTML (cioè in Amministrazione > Codice HTML > Codice HTML che verrà visualizzato in ogni pagina in FONDO a tutte le pagine):
    HTML
    <!-- MENU LATERALE A SCOMPARSA -->

    <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><tr><td class=title align=center><b>'+menu+'<\/b><td class=ww rowspan=100 style="width:20px;padding:12px 4px 12px 4px;font-size:10pt;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 height="60"><span class=web><a HREF='+link+'>'+text+'<\/a><\/span>')}
    function openCat(text,link,id){document.write('<tr><td class=aa onmouseover=javascript:openmenu("'+id+'") onmouseout=javascript:closemenu("'+id+'")><span class=web><a HREF='+link+'>'+text+'<\/a><\/span><span class=desc id='+id+'>')}
    function subLink(text,link){document.write('<br><a HREF='+link+' class="sublink" style="padding-left:2px">'+text+'<\/a><br>')}
    function endCat(text,link){document.write('<a HREF='+link+' style="padding-left:2px">'+text+'<\/a><br><\/span>')}
    function addTitle(text){document.write('<tr><td class=title align=center><b>'+text+'<\/b>')}
    function endMenu(){document.write('<\/table><\/div>')}
    if(document.getElementById){

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

    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("Link Normale","http://menulateraleplus.skin.forumfree.it/");
    addItem("Link New Window","http://menulateraleplus.skin.forumfree.it/ target=_blank");

    addTitle("Sottotitolo");

    openCat("Categoria 1","http://menulateraleplus.skin.forumfree.it/","cat1");
    subLink("Link mlp","http://menulateraleplus.skin.forumfree.it/?f=8557683");
    subLink("Link mlp","http://menulateraleplus.skin.forumfree.it/?f=8557683 target=_blank");
    endCat("Link mlp","http://menulateraleplus.skin.forumfree.it/?f=8557683");

    openCat("Categoria 2","http://menulateraleplus.skin.forumfree.it/","cat2");
    subLink("ForumFree","http://www.forumfree.it target=_blank");
    subLink("ForumCommunity","http://www.forumcommunity.net target=_blank");
    subLink("BlogFree","http://www.blogfree.net target=_blank");
    endCat("Newsboard Forum","http://newsboard.forumfree.it/ target=_blank");

    openCat("Categoria 3","http://menulateraleplus.skin.forumfree.it/","cat3");
    subLink("Menù laterale plus","http://menulateraleplus.skin.forumfree.it/ target=_blank");
    subLink("Menù laterale plus","http://menulateraleplus.skin.forumfree.it/");
    subLink("Menù laterale plus","http://menulateraleplus.skin.forumfree.it/ target=_blank");
    endCat("Menù laterale plus","http://manulateraleplus.skin.forumfree.it/");

    openCat("Categoria 4","http://menulateraleplus.skin.forumfree.it/","cat4");
    subLink("Menù laterale plus","http://menulateraleplus.skin.forumfree.it/");
    subLink("Menù laterale plus","http://menulateraleplus.skin.forumfree.it/ target=_blank");
    subLink("Menù laterale plus","http://manulateraleplus.skin.forumfree.it/");
    endCat("Menù laterale plus","http://menulateraleplus.skin.forumfree.it/ target=_blank");

    endMenu()}
    //-->
    </script>


    Per la personalizzazione del menu si può poi seguire la guida presente nel post di riferimento precedente, ovvero #entry397585207.

    Spero che possa essere utile a qualcuno... magari postando qui l'indirizzo del sito. ^_^
     
    Top
    .
  3.  
    .
    Avatar


    Group
    Admin
    Posts
    9,203
    Location
    Bergamo prov.

    Status
    Offline
    CITAZIONE (Jack Nippon @ 25/5/2010, 22:23)
    Spero che possa essere utile a qualcuno... magari postando qui l'indirizzo del sito. ^_^

    Su questo forum hanno usato il nostro codice :)
    free-forumzone.leonardo.it/forum.aspx?c=170735&f=170735 [Togli il trattino tra "free" e "forum"... mi bloccava il link <_< ]

    Lo so di per certo che lo hanno utilizzato perchè qualche giorno fa ci stavano lavorando e le categorie erano ancora le nostre, con i link ai nostri articoli.
    ContactsWeb
     
    Top
    .
  4. azelfazzurro
     
    .

    User deleted


    ciao ai detto che posso impostare il sito ??? allora ecco qui:
    http://mondopkmn.forumfree.it/
     
    Top
    .
  5.  
    .
    Avatar


    Group
    Admin
    Posts
    9,203
    Location
    Bergamo prov.

    Status
    Offline
    CITAZIONE (azelfazzurro @ 12/9/2010, 00:00)
    ciao ai detto che posso impostare il sito ??? allora ecco qui:
    http://mondopkmn.forumfree.it/

    No, non te lo facciamo noi. Ci sono le istruzioni per fartelo da solo, non è difficile. La frase che hai travisato era per dire che ad opera finita, puoi farci vedere come è uscito il tuo menu, se ti va :)

    Comunque prova a seguire le istruzioni: se c'è qualcosa che non capisci puoi chiedere ;)
    ContactsWeb
     
    Top
    .
  6. Chia˜
     
    .

    User deleted


    Kira però...non so per gli altri, ma ora io lo vedo troppo lungo...
    Se vado su rettili vedo solo terrerio...l'altra scritta è troppo sotto...
     
    Top
    .
  7.  
    .
    Avatar


    Group
    Admin
    Posts
    9,203
    Location
    Bergamo prov.

    Status
    Offline
    CITAZIONE (Chia˜ @ 13/9/2010, 18:15)
    Kira però...non so per gli altri, ma ora io lo vedo troppo lungo...
    Se vado su rettili vedo solo terrerio...l'altra scritta è troppo sotto...

    Uhm... mi sa che hai ragione. Io ho una risoluzione del monitor da 1280x1024, quindi non ho problemi a vederlo, ma su una risoluzione media da portatile potrebbe non vedersi... :mmm:
    Vedo cosa riesco a fare...
    ContactsWeb
     
    Top
    .
  8. Chia˜
     
    .

    User deleted


    Uso il portatile infatti xD
     
    Top
    .
7 replies since 24/5/2010, 21:02   1598 views
  Share  
.