Disposizione orizzontale di ultime risposte e n° discussioni

« Older   Newer »
 
  Share  
.
  1. †Squall Leonhart†
         
     
    .

    User deleted


    Scusatemi, volevo provarlo a montare su QUESTA skin, ma rimane sempre la colonna delle "statistiche" con sfondo diverso, come faccio a toglierla?
     
    Top
    .
  2.      
     
    .
    Avatar

    Senior Member

    Group
    M. Onorario
    Posts
    23,086
    Activity Level
    +9
    Location
    Far West

    Status
    Offline
    Sostituisci questo:
    CODICE
    .board .big_list > * {padding-top: 7px; padding-bottom: 15px; background: url(http://skin.forumfree.net/2109/biglist_bottom.png) repeat-x, url(http://skin.forumfree.net/2109/biglist_bg.jpg) repeat-y, #F3F0E4; background-position: center bottom, 65% center}
    .board .big_list > *:last-child {padding-bottom: 10px; background: url(http://skin.forumfree.net/2109/biglist_bg.jpg) repeat-y, #F3F0E4; background-position: 65% center}

    con questo:
    CODICE
    .board .big_list > * {padding-top: 7px; padding-bottom: 15px; background: url(http://skin.forumfree.net/2109/biglist_bottom.png) repeat-x center bottom, #F3F0E4}
    .board .big_list > *:last-child {padding-bottom: 10px; background: #F3F0E4}
     
    Top
    .
  3. †Squall Leonhart†
         
     
    .

    User deleted


    si perfetto, ti ringrazio ^^
     
    Top
    .
  4. DoubleDuckRTL
         
     
    .

    User deleted


    scusate, non ho capito a che serve.
    Me lo spiegate? Grazie :D
     
    Top
    .
  5.      
     
    .
    Avatar

    Senior Member

    Group
    Lettore
    Posts
    10,077
    Activity Level
    0
    Location
    Fano

    Status
    Offline
    CITAZIONE (DoubleDuckRTL @ 30/10/2012, 19:00) 
    scusate, non ho capito a che serve.
    Me lo spiegate? Grazie :D

    Ti permette di ottenere un effetto simile/uguale a come quello presente in questo screen.
    Una diversa disposizione della parte destra delle sezioni ( nonchè ultime discussioni e messaggi ) da quella standard.

    Per ulteriori chiarimenti, chiedi pure ^_^
     
    Top
    .
  6. DoubleDuckRTL
         
     
    .

    User deleted


    ora ho capito, grazie :)
    è molto bella, la metterò quasi sicuramente sul mio forum
     
    Top
    .
  7.      
     
    .
    Avatar

    Senior Member

    Group
    Lettore
    Posts
    10,077
    Activity Level
    0
    Location
    Fano

    Status
    Offline
    Ci fa molto piacere ^_^
     
    Top
    .
  8. danny‚
         
     
    .

    User deleted


    Perdonate la domanda, può essere applicato ad un unica sezione?

    CODICE
    /* Disposizione delle Ultime Discussioni/Messaggi in orizzontale */
    /* Ideato da El Gringo 89 - www.ffmagazine.forumfree.it */

    #f10549780 .board .topics, #f10549780 .board .replies {position: absolute}
    #f10549780 .board .yy {width: 0}
    #f10549780 .board .title.top .yy, #f10549780 .board .zz .who span, #f10549780 .board .zz .where > span:first-child {display: none}
    #f10549780 .board .yy em {position: absolute}
    #f10549780 .board .yy span {color: transparent; text-shadow: none}
    #f10549780 .board .topics em:after {content: " Discussioni"; font-weight: normal}
    #f10549780 .board .replies em:after {content: " Risposte"; font-weight: normal}
    /* modificando il padding si sposta orizzontalmente la scritta ULTIMO MESSAGGIO nel .title */
    #f10549780 .board .title.top .zz {padding-left: 10px}
    /* modificando i parametri seguenti, si modifica lo stile delle scritte di .zz */
    #f10549780 .board .big_list .zz {margin-top: -34px; margin-left: -45px; width: 38.5%; color: #849998; text-shadow: 0 1px 0 rgba(255, 255, 255, .9); font-size: 13px; font-family: segoe ui}
    /* stile del numero di discussioni e di risposte */
    #f10549780 .board .topics, #f10549780 .board .replies {color: #92AAB7; text-shadow: 0 1px 0 #FFF; font-size: 11px}
    /* modificare il margin-left per spostare orizzontalmente il blocco azzurro; modificare il padding per gestire lo spazio interno */
    #f10549780 .board .off:not(.link) .topics, #f10549780 .board .on .topics {margin-top: 7px; margin-left: 3px; background: #E5EEF2; padding: 1px 60px 3px 20px; border-radius: 3px 0 0 3px; border: 1px solid #BFD5E0; border-right: 0; box-shadow: inset 0 1px 0 #F8FBFC, 0 1px 0 #FBFCFD}
    #f10549780 .board .off:not(.link) .replies, #f10549780 .board .on .replies {margin-top: 7px; margin-left: 131px; background: #E5EEF2; padding: 1px 70px 3px 15px; border-radius: 0 3px 3px 0; border: 1px solid #BFD5E0; border-left: 0; box-shadow: inset 0 1px 0 #F8FBFC, 0 1px 0 #FBFCFD}
    /* WHO=autore discussione; where=titolo ultima discussione; when=data e orario dell'ultimo messaggio */
    #f10549780 .board .zz .who {float: left; margin-left: 2px; margin-top: 18px}
    #f10549780 .board .zz .where a, #f10549780 .board .zz .who a {color: #30698D; font-weight: bold; font-family: calibri; font-size: 14px}
    #f10549780 .board .zz .when {margin-left: 33px; margin-top: 19px; font-weight: bold; float: left}
    #f10549780 .board .off:not(.link) .zz .when:before, #f10549780 board .on .zz .when:before {content: "Scritto il "; font-weight: normal}
    #f10549780 .board .off:not(.link) .zz .who:before, #f10549780 .board .on .zz .who:before {content: "da "}
    /* modificando max-width si gestisce lo spazio per il titolo dell'ultima discussione; se lo spazio viene superato, il titolo viene troncato e compariranno dei puntini di sospensione */
    #f10549780 .board .zz .where {position: absolute; display: block; margin-left: 33px; white-space: nowrap; overflow: hidden; max-width: 349px; text-overflow: ellipsis; -o-text-overflow: ellipsis}


    ho provato ad inserire l'ID, ma niente
     
    Top
    .
  9. sylvain.
         
     
    .

    User deleted


    salve, ho utilizzato il vostro codice, l'unico problema è che se la discussione ha un titolo lungo, non mi va a capo e mi continua andando oltre la barra ed il container... esiste un codice per risolvere il problema? grazie (:
     
    Top
    .
  10.      
     
    .
    Avatar

    Senior Member

    Group
    Lettore
    Posts
    10,077
    Activity Level
    0
    Location
    Fano

    Status
    Offline
    CITAZIONE (sylvain. @ 10/12/2012, 19:45) 
    salve, ho utilizzato il vostro codice, l'unico problema è che se la discussione ha un titolo lungo, non mi va a capo e mi continua andando oltre la barra ed il container... esiste un codice per risolvere il problema? grazie (:

    Link al forum ? (:

    Sicuro di aver incollato tutto il codice ?
     
    Top
    .
  11. sylvain.
         
     
    .

    User deleted


    si, a meno che non ci sia qualcosa da copiare in html, direi proprio di si (:
    questo è il link:
     
    Top
    .
  12.      
     
    .
    Avatar

    Senior Member

    Group
    Lettore
    Posts
    10,077
    Activity Level
    0
    Location
    Fano

    Status
    Offline
    CITAZIONE (sylvain. @ 11/12/2012, 18:26) 
    si, a meno che non ci sia qualcosa da copiare in html, direi proprio di si (:
    questo è il link:

    Prova a diminuire il valore max-width: 349px; nel selettore .where cercando la larghezza massima del link del titolo dell'ultima discussione commentata.
     
    Top
    .
  13. sylvain.
         
     
    .

    User deleted


    grazie, si è sistemato (:
     
    Top
    .
  14.      
     
    .
    Avatar

    Senior Member

    Group
    Lettore
    Posts
    10,077
    Activity Level
    0
    Location
    Fano

    Status
    Offline
    Bene, buon continuo :-)
     
    Top
    .
  15.      
     
    .
    Avatar

    Senior Member

    Group
    Member
    Posts
    49,890
    Activity Level
    0
    Location
    Napoli

    Status
    Anonymous
    Per il vecchio layout ancora niente?
     
    Top
    .
158 replies since 24/7/2012, 12:08   11932 views
  Share  
.
Top