Effetto "Avatar Drop Down" Menù Utente

« Older   Newer »
 
  Share  
.
  1.      
     
    .
    Avatar

    Advanced Member

    Group
    Member
    Posts
    1,733
    Activity Level
    0
    Location
    L'ignoto

    Status
    Offline
    grazie mille:) ottimo! ho notato che non si visualizzano gli avatar flash? c'è modo di aggiungere la funzione?
     
    Top
    .
  2.      
     
    .
    Avatar

    Advanced Member

    Group
    M. Onorario
    Posts
    4,488
    Activity Level
    +2

    Status
    Anonymous
    È una cosa dipendente da forumfree :sisi:
     
    Top
    .
  3.      
     
    .
    Avatar

    Advanced Member

    Group
    Member
    Posts
    6,436
    Activity Level
    0
    Location
    SimCity

    Status
    Offline
    Fantastico!
     
    Top
    .
  4. Margareth90
         
     
    .

    User deleted


    Grazie..!!! Complimenti... XD
     
    Top
    .
  5. CASAZZA
         
     
    .

    User deleted


    Per me sta guida è difficile (non ci riesco :cxz: :cxz: )
     
    Top
    .
  6. stefy97100
         
     
    .

    User deleted


    ma dai... :P
     
    Top
    .
  7.      
     
    .
    Avatar

    Senior Member

    Group
    Lettore
    Posts
    10,077
    Activity Level
    0
    Location
    Fano

    Status
    Offline
    CITAZIONE (CASAZZA @ 17/1/2013, 11:10) 
    Per me sta guida è difficile (non ci riesco :cxz: :cxz: )

    Se ti stai riferendo a questo forum, vai nel link amministrazione che trovi nel menù in alto del tuo forum. Poi vai su Grafica e successivamente clicca Colori e stili , e successivamente inserisci in fondo della textarea questo:
    CODICE
    .menuwrap > ul:first-child > li:first-child > a > .avatar {line-height: normal; overflow: hidden; width: 26px; height: 26px; position: absolute; top: 6px; -webkit-transition: all 1s ease; -moz-transition: all 1s ease; -o-transition: all 1s ease; border: 2px solid rgba(0, 0, 0, .2); background: rgba(0, 0, 0, .2); z-index: 9}
    .menuwrap > ul:first-child > li:first-child:hover > a > .avatar {top: 103px; width: 100px; height: 100px}
    .menuwrap > ul:first-child > li:first-child > ul {z-index: 1; padding-left: 120px}
    .menuwrap #nick {margin-left: 3.6em !important}
     
    Top
    .
  8. D. Tony
         
     
    .

    User deleted


    ma se uno il contenitore volesse farlo esagonale?
     
    Top
    .
  9. stefy97100
         
     
    .

    User deleted


    Devi cambiare gli stili
     
    Top
    .
  10.      
     
    .
    Avatar

    Senior Member

    Group
    Lettore
    Posts
    10,077
    Activity Level
    0
    Location
    Fano

    Status
    Offline
    CITAZIONE (D. Tony @ 1/2/2013, 23:40) 
    ma se uno il contenitore volesse farlo esagonale?

    Intendi il bordo dell'avatar prima di rientrare nell'ul dopo l':hover ?
     
    Top
    .
  11. D. Tony
         
     
    .

    User deleted


    ok premettendo che non sono un grande esperto e che non ho capito ciò che vuoi dire intendevo che nell anteprima l'avatar è quadrato dentro un contenitore della stessa forma se io volessi l'avatar ed il contenitore esagonali cosa dovrei fare?
     
    Top
    .
  12.      
     
    .
    Avatar

    Senior Member

    Group
    Lettore
    Posts
    10,077
    Activity Level
    0
    Location
    Fano

    Status
    Offline
    CITAZIONE (D. Tony @ 2/2/2013, 14:07) 
    ok premettendo che non sono un grande esperto e che non ho capito ciò che vuoi dire intendevo che nell anteprima l'avatar è quadrato dentro un contenitore della stessa forma se io volessi l'avatar ed il contenitore esagonali cosa dovrei fare?

    In questo caso dovresti impostare l'avatar su position:absolute e dargli una dimensione maggiore dell'immagine dell'avatar quindi di .avatar img, a quest'ultimo gli imposti lo sfondo, quindi la cornice esagonale.
     
    Top
    .
  13. D. Tony
         
     
    .

    User deleted


    ultima cosa che non ho capito una volta che faccio la cornice come faccio a dirgli che anche l avatar deve seguire quella forma?
     
    Top
    .
  14.      
     
    .
    Avatar

    Senior Member

    Group
    Lettore
    Posts
    10,077
    Activity Level
    0
    Location
    Fano

    Status
    Offline
    Avendo impostato la classe avatar di dimensioni maggiore , l'immagine dell'avatar (.avatar img) verrà ricoperta dalla cornice e quindi la parte in eccesso non si vedrà.
     
    Top
    .
  15. BabyBowser
         
     
    .

    User deleted


    M oggi ha rimosso l' avatar per i dispositivi mobili (dopo segnalazioni effettuate al supporto da utenti, me compreso per un problema fastidioso con l' iPad).
     
    Top
    .
119 replies since 18/6/2012, 13:45   17434 views
  Share  
.
Top