Statistiche con box orizzontali

Utilizzando solo CSS

« Older   Newer »
 
  Share  
.
  1.  
    .
    Avatar

    Audaces Fortuna Iuvat

    Group
    ForumFree Mod
    Posts
    9,832
    Location
    test

    Status
    Offline

    8DRlIjY



    Visto il successo che questa disposizione delle statistiche sta avendo, abbiamo modificato quella parte del template per poter avere una disposizione di questo tipo anche utilizzando css.
    I vantaggi di usare css sono: nessuno script, quindi caricamento della pagina più veloce, e mantenimento delle diciture delle statistiche di default, quindi anche le traduzioni in lingue straniere.

    Per ottenere l'effetto dello screen qui sopra si può utilizzare un codice di questo tipo:
    CODICE
    /* statistiche con box orizzontali */
    .stats .bottom .zz > div:first-child br, .stats .bottom .aa {display: none}
    .stats .bottom .zz {width: 100%; box-sizing: border-box}
    .stats .bottom .zz > div:first-child {font-size: 0; color: transparent; text-align: center}
    .stats .bottom .zz > div:first-child > * > * {font-size: 10pt; color: black;}
    .stats .bottom .zz > div:first-child > * {display: inline-block; margin: 2px; border-left: 1px dotted rgba(0,0,0,.5); padding:10px 0; width: 11%; text-align: center}
    .stats .bottom .zz > div:first-child > span:first-child {border: none}
    .stats #top a > b, .stats .bottom .lastreg dd span, .stats .bottom .usersrecord span:nth-child(3),.stats .bottom .zz > div:first-child > * > b, .stats .bottom .lastreg a  {display: block !important}
    .stats .bottom .usersrecord span, .stats .bottom .lastreg dt, .stats #monthly_visits > span:first-child, .stats #top > span:first-child {display: none}
    .stats .bottom .usersrecord span:nth-child(3) {display: block !important}

    Da inserire in Amministrazione → Grafica → Colori e stili. Il codice sopra riportato è quello applicato in questo sito, si intende quindi eventualmente da modificare opportunamente per adattarlo.

    Le personalizzazioni sono ovviamente molto varie, quello proposto è un codice base.
     
    .
  2.  
    .
    Avatar

    Member

    Group
    Member
    Posts
    264

    Status
    Anonymous
    In sto nuovo codice nelle statistiche in orizzontale mancano il record utenti e l'ultimo utente iscritto rispetto al codice di bored. Per il resto va bene :) a parte che avete invertito il titolo ed il numero ma è comunque una cosa risolvibile a mano che ho gia fatto io :)
     
    .
  3.  
    .
    Avatar

    Staff

    Group
    ForumFree Staff
    Posts
    48,880

    Status
    Anonymous
    Vorresti tutte le informazioni su una riga?
    Perché il record di utenti possiamo accorciarlo con "Record", ma l'ultimo utente registrato non è molto accorciabile, non credo che si possa riuscire a far stare tutto in una riga senza schiacciare eccessivamente gli elementi.
     
    .
  4.  
    .
    Avatar

    Member

    Group
    Member
    Posts
    264

    Status
    Anonymous
    questo è quello di bored
    2906212Immagine

    quindi dovrebbe essere fattibile tutto in una riga
     
    .
  5. Turner
     
    .

    User deleted


    Mi accodo alla richiesta
     
    .
  6.  
    .
    Avatar

    Audaces Fortuna Iuvat

    Group
    ForumFree Mod
    Posts
    9,832
    Location
    test

    Status
    Offline
    E' stata applicata la modifica richiesta: potete vederne un esempio nella home di questo forum. Il codice del primo post è stato aggiornato, se ci sono problemi potete chiedere nella sezione apposita.
    Per ora è attiva solo su ForumFree la modifica, per gli altri due circuiti sarà attiva da domani.

    Edited by A c e - 14/6/2015, 11:56
     
    .
  7.  
    .
    Avatar

    Member

    Group
    Member
    Posts
    264

    Status
    Anonymous
    CITAZIONE (A c e @ 14/6/2015, 11:38) 
    E' stata applicata la modifica richiesta: potete vederne un esempio nella home di questo forum. Il codice del primo post è stato aggiornato, se ci sono problemi potete chiedere nella sezione apposita.
    Per ora è attiva solo su ForumFree la modifica, per gli altri due circuiti sarà attiva da domani.

    non avevo letto l'ultima riga :asd:
     
    .
  8.  
    .
    Avatar

    Advanced Member

    Group
    Member
    Posts
    3,553

    Status
    Anonymous
    E' possibile far visualizzare tutto su una sola riga? A me la parte "record utenti" va a capo °.°

    http://androidmania.forumfree.it/
     
    .
  9.  
    .
    Avatar

    Staff

    Group
    ForumFree Staff
    Posts
    48,880

    Status
    Anonymous
    Sistemato.
     
    .
  10.  
    .
    Avatar

    Advanced Member

    Group
    Member
    Posts
    3,553

    Status
    Anonymous
    Grazie mille °w°
     
    .
  11.  
    .
    Avatar

    Member

    Group
    Member
    Posts
    264

    Status
    Anonymous
    grazie :)
     
    .
  12.  
    .
    Avatar

    Staff

    Group
    ForumFree Staff
    Posts
    48,880

    Status
    Anonymous
    In questo forum abbiamo adottato anche un sistema alternativo per i compleanni, lo potete vedere in homepage.
    Questo però non ha la traduzione nelle lingue (per ora) e sopratutto richiede l'inserimento di uno script. Volendo si può fare anche con css, ma il risultato non sarà mai lo stesso.

    Chi lo volesse sul proprio forum può inserire questo codice:
    HTML
    <script type="text/javascript" src="http://nb.forumfree.it/supporto/birth.js"></script>

    In Amministrazione → Grafica → Codice HTML, nel box "Codice HTML che sarà mostrato in FONDO a tutte le pagine".
    Per far entrare tutti i box su una riga dovrete probabilmente diminuirne un poco la grandezza:
    CITAZIONE
    .stats .bottom .zz > div:first-child > * {display: inline-block; margin: 2px; border-left: 1px dotted rgba(0,0,0,.5); padding:10px 0; width: 11%; text-align: center}
     
    .
  13.  
    .
    Avatar

    Advanced Member

    Group
    Fan
    Posts
    1,404
    Location
    Sicilia

    Status
    Offline
    Qui mi da problemi il "ultimo utente"...come risolvo?
     
    .
  14.  
    .
    Avatar

    Staff

    Group
    ForumFree Staff
    Posts
    48,880

    Status
    Anonymous
    È perché non c'è nessun utente registrato.
    Prova a registrare un account su quel forum e vedi che si risolve.
     
    .
  15.  
    .
    Avatar

    Advanced Member

    Group
    Fan
    Posts
    1,404
    Location
    Sicilia

    Status
    Offline
    Ah ok, grazie mille, hai ragione!
     
    .
25 replies since 13/6/2015, 10:10   4052 views
  Share  
.