Visualizzazione dei risultati da 1 a 9 su 9
  1. #1
    Utente di HTML.it
    Registrato dal
    Jul 2007
    Messaggi
    18

    creazione barra per sito

    ciao a tutti
    un'aiutino, magari indicando un tutorial che non riesco a trovare.
    vorrei realizzare una barra come questa in alto di apple http://www.apple.com/it/ , il programma che uso io è illustrator di adobe...
    aspetto come sempre i vostri utilissimi aiuti
    ciaoooooooo

  2. #2
    penso che quella li della apple sia in flash attraverso dei bottoni.....

  3. #3
    Originariamente inviato da lunabianca31
    penso che quella li della apple sia in flash attraverso dei bottoni.....
    no, e' un normale menu in html+immagini

  4. #4
    Utente di HTML.it
    Registrato dal
    Jan 2008
    Messaggi
    111
    Ciao

    Prova con coffecup! (lo trovi sotto www.torrents.to) oppure con downloadthemall che è un programmino usato sotto firefox che copia le pagine intere dei vari siti internet, li dovrai poi aprire con un editior tipo dramweaver!!!

    In caso lo trovi sotto un sito tedesco (www.chip.de)

  5. #5
    Originariamente inviato da romanzotim
    Ciao

    Prova con coffecup! (lo trovi sotto www.torrents.to) oppure con downloadthemall che è un programmino usato sotto firefox che copia le pagine intere dei vari siti internet, li dovrai poi aprire con un editior tipo dramweaver!!!

    In caso lo trovi sotto un sito tedesco (www.chip.de)
    scusa, non ho capito a cosa gli dovrebbe servire: il codice lo si vede cliccando col tasto destro e scegliendo visualizza codice o quel che e', la barra e' una semplice barra disegnata e poi ritagliata; personalmente non vedo alcun bisogno di scaricare alcunche'

  6. #6
    Utente di HTML.it
    Registrato dal
    Jul 2007
    Messaggi
    18
    se è un semplice html+ testo puoi dirmi come si fa... un tutorial.
    grazie ciao

  7. #7
    l'html e' una lista puntata, formattata via css (per approfondimenti devi chiedere nel forum apposito), mentre per la grafica, devi fare una barra con il riempimento sfumato tra #d1d1d1 in alto e #939393 in basso; hanno arrotondato leggermente gli angoli e dato un minimo di ombra (grigio chiaro con poca opacita' e pochissima sfocatura)

    gli hover sono uguali, ma scuri e vanno da #9f9f9f in alto a #666666 in basso e il testo e' bianco anziche' nero

    per quanto riguarda il testo, hanno scelto di farlo in formato immagine, ma puoi tranquillamente ottenere lo stesso effetto con del testo vero e proprio, dando un colore grigio scuro nella posizione normale e il bianco in quella hover

    per la posizione cliccata, psp ha un effetto apposito, ma se dovessi farlo da zero:
    - riempirei un livello di color grigio scuro
    - aggiungerei un livello che riempirei di color bianco (o non importa cosa)
    - ritaglierei un rettangolo della misura del tasto
    - darei l'effetto ombra con abbastanza sfocatura e abbastanza opacita', di colore nero
    - appiattirei tutti i livelli
    - ritaglierei esattamente il rettangolo escludendo completamente il bianco e mantenendo la parte sfumata con lo sfondo grigio scuro (ci riesci con precisione aiutandoti con le guide e ingrandendo quanto basta)

  8. #8
    Utente di HTML.it
    Registrato dal
    Jan 2008
    Messaggi
    111
    e hai ragione tu, ho guardato il sito adesso!

  9. #9
    ciao, tempo fa scrissi due tutorial su come realizzare quella barra in photoshop e con i css:
    mac style menu in photoshop e mac style menu con i css , spero ti possano essere utili.

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.