Visualizzazione dei risultati da 1 a 3 su 3
  1. #1

    layout con div "mobile"

    ciao a tutti ... non sapevo se postare qui o nella sezione layout grafica, pero ho optato per questa che mi sembra piu appropriata

    in devo inserire in un container, un div mobile, cioè che vada su è giu ogni volta che si clicca su una immagine ... l'esempio è riportato nell'allegato.

    quando il div è normale è come nella prima immagine, quando invece si clicca sull' immagine in rosso, il div scende in modo progressivo ... (tipo come su http://it.yahoo.com quando si va a posizionare il mouse a destra sull'immagine della email) ...
    io ho fatto un esempio di 3 div, (terza immagine) in cui il div centrale, quello azzurro, è aperto ...

    avevo anche pensato che fosse una questione di javascript, in cui compare e scompare il testo una volta che si clicca ... pero proprio non so come impostarlo, per fare in modo che il div sia "messo chiuso" cioè che si veda ancora una piccola parte in alto e che venga giu lentamente ...

    non so proprio come impostarlo .. quindi ho chiesto aiuto a voi su come potrei impostarlo

    grazie a tutti ...
    Immagini allegate Immagini allegate

  2. #2

  3. #3
    Utente di HTML.it
    Registrato dal
    Sep 2001
    Messaggi
    21,188
    Se vuoi eventi legati al click, il CSS non ti basta: e` necessario l'uso di JS.

    Se invece ti basta che l'evento sia posizionare il mouse sopra l'oggetto (:hover), allora puoi fare tutto con i soli CSS.

    In ogni caso quello che cerchi e` un menu, del tipo a scomparsa, o comunque il comportamento e` quello dei menu a scomparsa; a seconda degli oggetti attorno potrebbe essere anche un menu a tab (o un layout a tab) (queste sono le parole chiave che devi usare nella ricerca).

    Ci sono numerose raccolte di menu in rete: la cosa migliore e` che fai una ricerca e quando ne hai trovato uno che assomiglia a quello che vuoi lo copi e lo modifichi.
    Tieni presente che la grafica e le dimensioni si possono cambiare facilmente, il comportamento e` piu` complesso, quindi nella ricerca cerca che ci sia il comportamento/movimento corretto.

    Tra i "link utili" del forum CSS, ci sono risorse che rimandano a menu (senza l'uso di JS): quello piu` ricco e` quello di CSSplay.
    Se invece vuoi menu con JS, prova a vedere nei "link utili" del forum JS, o fa' una ricerca in rete.
    Nuova politica di maggiore severita` sui titoli delle discussioni: (ri)leggete il regolamento
    No domande tecniche in messaggi privati

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 © 2026 vBulletin Solutions, Inc. All rights reserved.