Dock Menu Flash XML

- Letture: 9.102

Dock Menu Flash XML è un applicazione flash che permette di generare tramite file esterno XML un menu stile Dock Bar del Mac OS X

Le immagini possono essere di formato .jpg o .png di dimensioni 60×60

Per ogni immagine è associato un link e un titolo specifico

Inoltre viene creata in automatico un effetto ombra stile web 2.0 e visualizzato un titolo specifico.

Andiamo ora a vedere insieme il file XML esterno:

<file>
<title>Adobe Flash CS3</title>
<image>img/img1.png</image>
<url>https://www.juliusdesign.net</url>
</file>

  • title: Titolo dell’immagine
  • image: Percorso assoluto (http://www.dominio.com/img/img1.png) o relativo (img/img1.png) dell’immagine
  • url: Specificare l’indirizzo internet odel file da aprire

Stratega, Docente, Speaker con più di 12 anni di esperienza in strategie creative multicanale. Oggi sono Partner & Chief Innovation Officer di ThinkingHat, Innovation Studio specializzato in tecnologie emergenti per aziende e brand audaci.

230 Commenti

  1. Ciao Julius, mi sono messo a modificare i sorgenti fla e mi è sorta una domanda:
    È possibile modificare il colore di sfondo?

    Ho notato che se si mette questo menu sopra uno sfondo colorato tiene il suo sfondo bianco.

    Scusa se la domanda può sembrarti elementare.
    Grazie

  2. I was wondering how I can remove the shadow from below each image. I want to change to background color to #a3946d and when I do the shadows don’t look right.

  3. Ciao Julius, sempre complimenti per il tuo seguitissimo Blog. Mi interessava particolarmente questo menu, da amante della mela come sono. Il problema è che caricando il menu come swf esterno, nel mio swf principale, questo prende tutto lo spazio delle icone e scompare cosi l’effetto slide dato dalle misure originali di 500 x 80. Ecco come posso utilizzare queste misure anche caricando il menu nel mio swf principale? Ho già provato sia con un movieclip contenitore che lockando la root come avevi suggerito. Ma il menu sborda sempre e prende spazio rispetto al movieclip contenitore. Help! :(

  4. se io volessi scalare il tutto al doppio delle dimensioni come potri fare?
    HO provato ma scalando ogni cosa a mano mi capita che le icone si sovrappongano…

  5. @_Uno per per cambiare lo sfondo basta cambiare colore allo stage

    invece per cambiare l’ombra sotto le icone si deve modificare la shape 20

    @April hello!

    change the background color change enough to stage

    to change the shade under the icons must change the shape 20

    @Lore ciao per scalare tutto devi aumetare le immagini esterne e adattare lo spazio tra le icone..

  6. ecco.. è quello che non riesco ad individuare… lo spazio tra le icone… cmq complimenti è davero molto d’effetto..

  7. Ci sono riuscito… per chi volesse leggerlo prima che Matro julius risponda bisogna raddoppiare i valori delle distanze nell’editord degli script, ne approfitto per riagganciarmi ad una discussione precedente: non ho capito se il collegamento con target iframe si possa fare o meno :)

  8. @Lore bravo!

    Per gli iframe si uo fare ma non vengono supportati dai browser e quindi avresti molti problemi…

  9. Giancarlo

    Ciao julius, è da una settimana che ho trovato il tuo sito ed è spettacolare. è la prima volta che scrivo perchè non riesco a creare il collegamento sui vari pulsanti. io modifico l’url, ma volevo usare un per fare aprire il collegamento in un frame. sai per caso come posso fare?
    Grazie e ancora complimenti

  10. Giancarlo

    Scusate, ma volevo approfondire perchè probabilmente non mi sono espresso bene sul problema che riscontro.
    Allora ho usato il menù in questione e cliccando su i vari pulsanti voglio che si apra un’altra pagina web, però la pagina si deve aprire non ex-novo, ma si deve aprire in un target che io ho chiamato FRAME.
    Ho provato ad usare il comando ma non ci riesco, e soprattutto non mi funziona neanche in locale.
    Sperando che qualcuno mi possa aiutare, ciao a tutti

  11. Ciao Julius. io ho bisogno di inserire questo menu.. in MkPortal al posto della barra di navigazione orizzontale.. ho provato a inserire un po di codici per visualizzare l’swf… ma sembra come se non lo carica… in locale su un pagina html.. funziona benissimo.. invece su mkportal non funziona..
    Se conosci MkPortal sai percaso il codice che devo usare inserire?

    Grazie

  12. Ciao Julius volevo chiederti come potevo fare un menu con tale effetto ma senza andare a richiamare le immagini da un file xml, ma semplicemente con icone fatte in vettoriale. Le icone vanno messe in basso centrate in uno stage 800×600.
    Puoi aiutarmi? Grazie.

  13. Ho inserito il target nel link e con internet explorer non funziona mentre con firefox si, perche’?

    E’ possibile avere lo stesso menu in verticale?

    Scusa per le domande ma vedo che sei molto bravo e a me resta tutto cosi’ difficile.

  14. Ciao julius ho un piccolo problemino che non riesco a risolvere. Il dock è in uno stage 1200×900 ma non riesco a centrarlo, come devo fare?? Grazie in anticipo

  15. @Giancarlo leggi qui

    @DjRiKyX ciao

    purtroppo non conosco MkPortal, controlla di aver caricato SWF file XML e immagini correttamente

    @Momix ciao

    fatte in vettoriale cosa intendi? Create da falsh all’interno della libreria?

    Si sono esempi se cerchi con google in questo momento non ho niente sotto mano

    Cosa non riesci a centrare? il dock in larghezza su 1200?

    All’interno del codice trovi dei parametri che servono a dare il centro esatto al dock, in teoria dovrebbe essere automatico ottenendo la larghezza dello stage

    @Alberto ciao

    controlla di aver inserito anche l’http://

    con gli altri browser funziona? Che IE utilizzi 6 o 7?

  16. julius scusa sono ancora io… ho un piccolo problemino: alle icone del menu ho allegato un loadmovie del menu a rotazionein 3d del tuo artico, questo ha un soud quando clicchi sulle iconcine. Ma quando lo carica nel menu dock il soud non lo effettua xkè???
    (spero di essere stato chiaro ^_^’ )
    grazieeee

  17. Ciao Julius, devo utilizzare questo dock menu nella mia homepage, ma devo fare in modo che cliccando su un’immagine mi esegue un’azione della timeline…è possibile??

    Aspetto presto tue notizie, grazie.

  18. ciao julius, importando questo oggetto su in un altro oggetto flash devo fare in modo che le icone si muovano solo se il mouse va nella parte interessata e non se si muove all’interno del resto dell’interfaccia… potresti aiutarmi?

  19. @Momix inserisci la traccia audio nel singolo clip contenitore che fa da pulsante

    @Davide ciao

    basta interagire sull’istruzione che trovi al posto del getURL

    al posto di quello inserisci la tua istruzione

    @Martino ciao

    non è proprio semplice, magari poi appena ho tempo faccio un esempio

    Comunque dovresti limitare i comandi di slide a destra e sinistra a seconda dell’area in cui viene mosso il mouse utilizzando come riferimento _xmouse e _ymouse

  20. ciao julius,
    io vorrei chiederti il seguente:
    ho un menu dock simile a quello che hai pubblicato qui.
    ho nella main timeline le pagine del sito, ovvero sul fotogramma 2 il movieclip della “homepage”, sul fotogramma 20 il movieclip per la pagina “chi siamo” ecc.
    vorrei poter utilizzare l’istruzione on(release){ gotoAndPlay(36); }, per spostarmi da un fotogramma all’altro usando il menu dock.
    dove potrei inserire il pulsante trasparente con questo codice per non entrare in conflitto con l’istruzione seguente che ingrandisce i pulsanti al passaggio del mouse?

    on (rollOver) {
    _root.size = true;
    }
    on (rollOut) {
    _root.size = false;
    }

    o come faccio a postarti il .fla per controllarlo eventualmente! grazie in anticipo!
    inès

  21. ho appena letto la tua risposta a davide dove dici che bisogna intervenire sull’istruzione getUrl, ma se io devo spostarmi da un fotogramma all’altro, come spiegavo nella post precedente, come potrei risolvere in questo caso?

  22. @inès: ciao

    ma alla pressione dei pulsanti devi andare a un frame preciso sulla tua timeline?

    Seleziona l’istanza pulsante e

    on(release){
    _root.gotoAndStop(2);
    }

    esempio vado al fotogramma 2

  23. Bellissimo!
    Peccato che su sfondo nero non renda come sul bianco..:(

    mi metto a lavoro per modifica le “ombre” :D

  24. Ciao Julius, vorrei ampliare l’effeto specchio delle icone, dove devo agire?

    Grazie e complimenti per il blog

  25. @Mirko: ciao

    tutto in progettazione, una volta trovato il clip che fa da riflesso aumenti la maschera e per quanto riguarda il testo lo abbassi semplicemente

  26. @Mirko: entra nella libreria, apri il clip main, sul primo livello trovi un clip label_mc a cui è stata applicata un’animazione verticale

    Modifica il punto di partenza e di arrivo…

  27. Ciao Sommo Julius…
    ho inserito il menù in una pagina html, e vorrei che ogni icona mi richiamasse un file ”swf”, nella stessa pagina…..come posso fare??

    Grazie per la pazienza..

  28. Ciao julius,
    Innanzitutto ti faccio i complimenti per il portale…davvero molto ma molto interessante ed utile per noi smanettoni! :D
    Volevo chiederti se e come posso fare per aumentare la dimensione delle jpg inseribili (che adesso sn a 60*60).
    Grazie mille, Ciao!

  29. @nico: ciao al posto della funzione getURL inserisci loadMovie a un determinato link che puoi procurare al posto del parametro url

    @Mario: basta andare nel clip della thumb ed aumentare la dimensione del clip filmato

  30. Julius intanto ti ringrazio davvero perchè avevo poche speranze in una tua risposta a dire la verità :D heheheh
    Il prob è che proprio nn riesco a capire quale sia la clip che si carica le icone

  31. Julius ho provato ad allargare le dim solo di quel clip ma niente, è sempre tutto attaccato e piccolo

  32. Ciao Julius, Sono riuscito ad ingrandire le diverse icone ma adesso vorrei aumentare lo spazio tra le varie icone… puoi aiutarmi per favore? grazie per l’attenzione…

  33. Si puo fare aprire le pagine dal menu nella stessa pagina? di default è come se avesse impostato un target=” _blank”

  34. risolto basta impostare alla riga 61 del secondo frame
    getURL(this.__url, “_parent”);

    su firefox e ie non ho riscontrato problemi..

    Complimentoni per il blog Julius! lo seguo da molto ma è la prima volta che commento, perchè non ne ho mai avuto bisogno visto le spiegazioni molto chiare

  35. ciao e complimeti per questo lavoro,
    io conosco molto bene l’AS3, mentre l’AS2 non tanto devo dire la verità.
    vorrei utilizzare questo menu all’interno del mio sito che però è già realizzato in AS3.
    nella pagine dove vorrei inserirlo avrei un area contenuti, che altro non è che una movie clip con diversi fotogrammi. quello che vorrei fare io è al click su un’immagine dle menu, far spostare la line temporale di questa movie clip al fotogramma desiderata. è possibile?grazie per l’aiuto

Commenti