Effetto "Avatar Drop Down" Menù Utente

« Older   Newer »
 
  Share  
.
  1. »TheÐarkMán™
         
     
    .

    User deleted


    Bellissimo! Complimenti!:D
     
    Top
    .
  2.      
     
    .
    Avatar

    Senior Member

    Group
    Member
    Posts
    17,791
    Activity Level
    0
    Location
    Calabria

    Status
    Offline
    scusate ma funziona anche nelle vecchie skin?
     
    Top
    .
  3.      
     
    .
    Avatar

    Advanced Member

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

    Status
    Anonymous
    E' impossibile che funzioni visto che non hanno un avatar °-°
     
    Top
    .
  4.      
     
    .
    Avatar

    Advanced Member

    Group
    Member
    Posts
    1,781
    Activity Level
    0
    Location
    Roma

    Status
    Offline
    come posso fare in modo che sia arrotondato ? A me è un quadrato.
     
    Top
    .
  5.      
     
    .
    Avatar

    Senior Member

    Group
    Lettore
    Posts
    10,077
    Activity Level
    0
    Location
    Fano

    Status
    Offline
    CITAZIONE (Cone McCaslin @ 22/8/2012, 14:53) 
    come posso fare in modo che sia arrotondato ? A me è un quadrato.

    Al selettore .menuwrap .avatar img applica un border-radius.

    es.
    CODICE
    .menuwrap .avatar img {border-radius: Npx}
    sostituisci N con i pixel da arrotondare.
     
    Top
    .
  6.      
     
    .
    Avatar

    Advanced Member

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

    Status
    Offline
    Grazie :D inserito con credits :D
     
    Top
    .
  7. † »Wolf« †
         
     
    .

    User deleted


    Scusate, ma come si potrebbe fare in modo che l'avatar non esca tagliato quando è ingrandito?

    Mi spiego, esce sempre tagliato come un quadrato, io lo vorrei completo, come potrei fare?
     
    Top
    .
  8.      
     
    .
    Avatar

    Advanced Member

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

    Status
    Offline
    devi sistemare le dimensioni nel codice
     
    Top
    .
  9. † »Wolf« †
         
     
    .

    User deleted


    ehm sono un tantino nabbo, potresti suggerirmi dove e come? ^^"
    La guida dice come cambiare le dimensioni del contenitore, ma lo spazio per mettere completo l'avatar in verticale ci sarebbe..
     
    Top
    .
  10.      
     
    .
    Avatar

    Senior Member

    Group
    Lettore
    Posts
    10,077
    Activity Level
    0
    Location
    Fano

    Status
    Offline
    CITAZIONE († »Wolf« † @ 29/9/2012, 13:28) 
    Scusate, ma come si potrebbe fare in modo che l'avatar non esca tagliato quando è ingrandito? [...]

    Utilizza questo:
    CODICE
    .menuwrap > .left > 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);
    z-index: 9}
    .menuwrap > .left > li:first-child:hover > a > .avatar {top: 103px;
    width: auto !important;
    height: auto !important}
    .menuwrap > .left > li:first-child > ul {z-index: 1;
    padding-left: 120px}
    .menuwrap .nick {margin-left: 3.6em !important}
     
    Top
    .
  11. † »Wolf« †
         
     
    .

    User deleted


    Ho provato esce schiacciato in larghezza (roba di una ventina di px) e lunghissimo XD
     
    Top
    .
  12.      
     
    .
    Avatar

    Senior Member

    Group
    Lettore
    Posts
    10,077
    Activity Level
    0
    Location
    Fano

    Status
    Offline
    Link forum? ^^
     
    Top
    .
  13. † »Wolf« †
         
     
    .

    User deleted


    certo lo metto sotto spoiler, grazie ^^
     
    Top
    .
  14.      
     
    .
    Avatar

    Senior Member

    Group
    Lettore
    Posts
    10,077
    Activity Level
    0
    Location
    Fano

    Status
    Offline
    Questo perchè nel codice che ti ho postato ho settato le dimensioni dell'avatar su auto , quindi il medesimo si adatta al proprio container nonchè il menu ul . Prova in questo modo che dovrebbe migliorare la situazione:
    CODICE
    .menuwrap > .left > 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);
    z-index: 9}
    .menuwrap > .left > li:first-child:hover > a > .avatar {top: 103px;
    width: auto !important;
    height: auto !important}
    .menuwrap > .left > li:first-child > ul {z-index: 1;
    padding-left: 170px}
    .menuwrap .nick {margin-left: 3.6em !important}
     
    Top
    .
  15. † »Wolf« †
         
     
    .

    User deleted


    come puoi vedere tu stesso da lo stesso problema di prima, forse dovremmo cambiare il margine superiore dell'avatar ingrandito? >.<
     
    Top
    .
119 replies since 18/6/2012, 13:45   17434 views
  Share  
.
Top