DailyUsers con stile 2

utente sotto avatar

« Older   Newer »
 
  Share  
.
  1.     Like  
     
    .
    Avatar

    Senior Member

    Group
    Followers
    Posts
    12,737
    Reputation
    +11

    Status
    Anonymous
    .day_user_tooltip .utente
     
    .
  2.     Like  
     
    .
    Avatar

    Senior Member

    Group
    Member
    Posts
    42,184
    Reputation
    +2
    Location
    Treviso

    Status
    Offline
    troncando risolvo il problema degli utenti con nome lungo mentre quello della grandezza variabile no, grazie intanto

    ci vorrebbe un metodo che fa il padding (riempie a blank i caratteri non specificati).
     
    .
  3.     Like  
     
    .
    Avatar

    Senior Member

    Group
    Followers
    Posts
    12,737
    Reputation
    +11

    Status
    Anonymous
    Purtroppo meglio non si può fare.
     
    .
  4.     Like  
     
    .
    Avatar

    Senior Member

    Group
    Member
    Posts
    42,184
    Reputation
    +2
    Location
    Treviso

    Status
    Offline
    ciao, ho aggiunto il padding

    CODICE
    .day_user_tooltip > img {display: list-item; margin: 0 auto; padding: 1px 30px}


    e viene così



    si può fare trasparente la zona del padding?

    ti metto tutto quello che ho in colori e stili

    CODICE
    /*utenti connessi nelle 24 ore */
    .day_user_div a, .day_user_div p {display: inline-block; padding: 0; margin: 1px}
    .day_user_tooltip, .day_user_tooltip:hover {text-decoration:none !important; border-bottom:none !important}
    .day_user_tooltip img {height: 35px; width: 35px; margin: 5px; padding: 1px; border: 1px solid #D5D5D5; background: #FFF; box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1)}
    .day_user_tooltip {display:inline; position:relative}
    .day_user_tooltip span {margin-left: -999em; position:absolute}
    .day_user_tooltip:hover span {text-align:left; font-family:calibri, tahoma, geneva, sans-serif; background: #333; background:rgba(0, 0, 0, .8); border-radius: 5px; bottom: 26px; color: #FFF; left: 20%; padding: 5px 15px; position:absolute; z-index: 9; width: 200px; position:absolute; left: 0.5em; bottom: 2.4em; z-index: 9; margin-left: 0}
    .day_user_tooltip {text-align: center; letter-spacing: -1px}
    .day_user_tooltip > img {display: list-item; margin: 0 auto; padding: 1px 30px}
    .day_user_tooltip p:after {content: '_'; color:transparent}
    .day_user_tooltip p:before {content: '_'; color:transparent}
    .day_user_tooltip .amministratore, .day_user_tooltip .moderatore, .day_user_tooltip .gruppo1, .day_user_tooltip .gruppo2, .day_user_tooltip .gruppo3, .day_user_tooltip .gruppo4, .day_user_tooltip .gruppo5, .day_user_tooltip .gruppo6, .day_user_tooltip .gruppo7, .day_user_tooltip .gruppo8, .day_user_tooltip .gruppo9, .day_user_tooltip .gruppo10, .day_user_tooltip .gruppo11, .day_user_tooltip .gruppo12, .day_user_tooltip .gruppo13, .day_user_tooltip .utente {text-overflow: ellipsis; white-space: nowrap; overflow: hidden; max-width: 112px !important}


    grazie 1000
     
    .
  5.     +1   Like  
     
    .
    Avatar

    Senior Member

    Group
    Followers
    Posts
    12,737
    Reputation
    +11

    Status
    Anonymous
    Dovresti togliere background all'avatar. Al posto di padding usa margin che agisce all' esterno.
     
    .
  6.     Like  
     
    .
    Avatar

    Senior Member

    Group
    Member
    Posts
    42,184
    Reputation
    +2
    Location
    Treviso

    Status
    Offline
    CITAZIONE (-spiker @ 15/1/2015, 08:26) 
    Dovresti togliere background all'avatar. Al posto di padding usa margin che agisce all' esterno.

    ottimo, così è + allineato, anche se ci stanno meno avatar per riga, ma non si può avere la botte piena e la moglie ubriaca,



    grazie, grazie, grazie :wub: :wub: :wub: :wub: :wub: :wub: :wub: :wub: :wub: :wub:
     
    .
20 replies since 4/1/2015, 07:34   265 views
  Share  
.