Visualizzazione dei risultati da 1 a 10 su 10

Discussione: Glossy Accordion Menu

  1. #1

    Glossy Accordion Menu

    Salve a tutti..ebbene si sono sempre io ...l'altro giorno ho visto in un post QUESTO menu che è a dir poco perfetto..solo che volevo personalizzare un po l'aspetto...i bottoni sono bordati e aggiungere anche delle icone ..per intenderci una cosa molto simile a questa:




    però con le icone a destra del testo...solo che questo è un menu in flash e io vorrei trovare una cosa simile in javascript..ho cercato un po su internet ma non ho trovato proprio quello che cercavo..qualcuno mi sa dare una dritta?


    grazie mille

  2. #2
    Utente di HTML.it L'avatar di echoweb
    Registrato dal
    Sep 2008
    Messaggi
    419
    Ciao,

    ho guardato il codice all'indirizzo che hai postato.

    Se il tuo problema è solo quello di mettere un immagine a fianco del menu, puoi mettere un tag <img> nella parte di codice dove vai a scrivere il titolo del tab.

    Codice PHP:
    [url="http://www.cssdrive.com"]CSS Drive[/url
    diventa...

    Codice PHP:
    [url="http://www.cssdrive.com"][img]img/icon.png[/img]CSS Drive[/url
    Se puoi vuoi cambiare il colore del tag, puoi giocare sulle classi.


    "Non soffocare la tua ispirazione e la tua immaginazione,
    non diventare lo schiavo del tuo modello"

    Vincent van Gogh

  3. #3
    intanto grazie mille per la risposta

    per l'immagine adesso è ok..ma il menu risulta un po come dire...rettangolare e volevo che i bordi fossero piu sul bordato per quello come potrei fare?



  4. #4
    Utente di HTML.it L'avatar di echoweb
    Registrato dal
    Sep 2008
    Messaggi
    419
    Secondo me, con un po di pazienza puoi arrivare al risultato che vuoi, agendo sul css del menu.
    Prima di tutto determina che classe viene adoperata per lo stile della barra e poi ci metti come background-image un'immagine con i bordi.


    "Non soffocare la tua ispirazione e la tua immaginazione,
    non diventare lo schiavo del tuo modello"

    Vincent van Gogh

  5. #5
    ok e pure questo mi è riuscito grazie per le info ultima cosa e poi prometto che non romperò piu le scatole è possibile che quando si apre il sottomenu mettere una specie di barra di scorrimento? siccome nel sottomenu dovrei mettere un bel po di link diventa un po troppo lungo e vorrei che rimanga di una certa misura..si potrebbe fare o è un lavoraccio inutile?

  6. #6
    Moderatore di JavaScript L'avatar di br1
    Registrato dal
    Jul 1999
    Messaggi
    19,998
    Forse e' possibile... ma non esiste un codice universale: se lo devi adattare a qualcosa di esistente sarebbe opportuno vedere il codice cosi come e' ora... giusto per evitare di darti soluzioni inapplicabili o in contrasto con quanto fatto finora

    ciao
    Il guaio per i poveri computers e' che sono gli uomini a comandarli.

    Attenzione ai titoli delle discussioni: (ri)leggete il regolamento
    Consultate la discussione in rilievo: script / discussioni utili
    Usate la funzione di Ricerca del Forum

  7. #7
    Utente di HTML.it L'avatar di echoweb
    Registrato dal
    Sep 2008
    Messaggi
    419
    Originariamente inviato da nevrotica90
    è possibile che quando si apre il sottomenu mettere una specie di barra di scorrimento?
    potresti mettere il contenuto del sottomenu dentro un div, con scrollbar.

    Qui puoi scaricare un esempio di codice.


    "Non soffocare la tua ispirazione e la tua immaginazione,
    non diventare lo schiavo del tuo modello"

    Vincent van Gogh

  8. #8
    ok ho risolto tutto l'unica cosa è che non posso colorare la scollbar in firefox ma pazienza vedo che è una cosa che riguarda un po tutti XD grazie ancora per l'aiuto ad entrambi

  9. #9
    allora siccome ho un problemino inerente a questo menu evito di aprire altri post..

    siccome la barra nel div come colore non mi piaceva tantissimo visto che dovevo obbligatoriamente lasciarla per com era, ho dato uno sguardo agli script presenti nel forum e ho trovato questo script che faceva al caso mio..solo che credo di avere un problema di incompatibilità con lo script utilizzato dal menu vi posto i codici..

    la pagina html:
    Codice PHP:
    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" 
    "http://www.w3.org/TR/xhtml2/DTD/xhtml1-strict.dtd"
    >
    <
    html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en">

    <
    head>

    <
    script type="text/javascript" 
    src="http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js"></script>
    <script type="text/javascript" src="ddaccordion.js">

    /***********************************************
    * Accordion Content script- (c) Dynamic Drive DHTML code library
     ([url]www.dynamicdrive.com[/url])
    * Visit [url]http://www.dynamicDrive.com[/url] 
    for hundreds of DHTML scripts
    * This notice must stay intact for legal use
    ***********************************************/

    </script>

    <link rel="stylesheet" href="style.css" />
    <script type="text/javascript" src="script.js"></script>
    <script type="text/javascript" src="menu.js"></script>
    </head>

    <body>
    <table id="menu"><td>

    <div class="glossymenu">
    [url="#"]Home [img]home.png[/img][/url]

    [url="#"]Foto Scattate  [/url]
    <div class="submenu">
    <div id="wrapper">
        <div id="scroll">
            <div id="scrollcontent">
        <ul>[*][url="d.html"]Palermo[/url]
        [*][url="#"]Monte Maggiore Belsito[/url]
        [/list]</div>
            <div id="scrollbar">
                <div id="scroller" class="scroller"></div>
            </div>
        </div>
    </div>
    <script type="text/javascript"> 
    TINY.scroller.init('scroll','scrollcontent','scrollbar','scroller','buttonclick');
    </script>
    </div>
    </div></td></table>

    </body>
    </html> 
    qui c'è menu.js
    Codice PHP:
    ddaccordion.init({
        
    headerclass"submenuheader"//Shared CSS class name of headers group
        
    contentclass"submenu"//Shared CSS class name of contents group
        
    revealtype"click"//Reveal content when user clicks or onmouseover the header? Valid value: "click", "clickgo", or "mouseover"
        
    mouseoverdelay200//if revealtype="mouseover", set delay in milliseconds before header expands onMouseover
        
    collapseprevtrue//Collapse previous content (so only one open at any time)? true/false 
        
    defaultexpanded: [], //index of content(s) open by default [index1, index2, etc] [] denotes no content
        
    onemustopenfalse//Specify whether at least one header should be open always (so never all headers closed)
        
    animatedefaultfalse//Should contents open by default be animated into view?
        
    persiststatetrue//persist state of opened contents within browser session?
        
    toggleclass: [""""], //Two CSS classes to be applied to the header when it's collapsed and expanded, respectively ["class1", "class2"]
        
    togglehtml: ["suffix""[img]plus.png[/img]""[img]minus.png[/img]"], //Additional HTML added to the header when it's collapsed and expanded, respectively  ["position", "html1", "html2"] (see docs)
        
    animatespeed"fast"//speed of animation: integer in milliseconds (ie: 200), or keywords "fast", "normal", or "slow"
        
    oninit:function(headersexpandedindices){ //custom code to run when headers have initalized
            //do nothing
        
    },
        
    onopenclose:function(headerindexstateisuseractivated){ //custom code to run whenever a header is opened or closed
            //do nothing
        
    }
    }) 
    gli altri 2 script uppati su megaupload:
    ddaccordion.js
    script.js

  10. #10
    nessuno?

Permessi di invio

  • Non puoi inserire discussioni
  • Non puoi inserire repliche
  • Non puoi inserire allegati
  • Non puoi modificare i tuoi messaggi
  •  
Powered by vBulletin® Version 4.2.1
Copyright © 2025 vBulletin Solutions, Inc. All rights reserved.