Anteporre icona ad un gruppo utente nelle statistiche

« Older   Newer »
 
  Share  
.
  1.  
    .
    Avatar

    Senior Member

    Group
    Fan
    Posts
    12,185

    Status
    Anonymous

    Anteporre un'icona ad un gruppo utente nelle statistiche



    In questa guida verrà spiegato come inserire un'icona (fontawesome) accanto ad il nome di un gruppo utente nelle statistiche, ed ottenere lo stesso effetto presente nel forum di supporto.

    Per utilizzare le icone di Font Awesome dobbiamo prima di tutto inserire questo codice in Amministrazione → Sito web → Statistiche e opzioni nel box "Codice da aggiungere nella sezione head" (guida completa)
    HTML
    <link href="//img.forumfree.net/fontawesome/font-awesome.min.css" rel="stylesheet">



    Per inserire poi le icone dobbiamo utilizzare questo tipo di codice
    CODICE
    .stats .gruppo1:before, .side_stats .gruppo1:before, .online .gruppo1:before, .members .gruppo1:before {content: "\XXXX"}


    .stats .gruppo1:before indica il nome del gruppo nelle statistiche (versione forum)
    1b6809f195d7e8828a219772fd7874a7

    .side_stats .gruppo1:before indica il nome del gruppo nelle statistiche (versione blog)

    e3cdbfcb24921415fb8e3260369fa3b2

    .online .gruppo1:before indica gli appartenenti al gruppo nella lista degli utenti online

    fb772726d42510fef2db39aa41348697

    .members .gruppo1:before indica il nome del gruppo nella lista dei membri di un forum

    d155d3bb1b8bb46be59ff897e4afd4d3



    Al posto di XXXX bisognerà inserire l'unicode dell'icona che vogliamo utilizzare. La lista delle icone è questa, l'unicode lo troviamo, una volta cliccata l'icona che si vuole inserire, in questa posizione

    5109e861407db95825f2aff7762a5c9e




    - Inserire un'immagine come icona


    Se lo si desidera è possibile utilizzare una normale immagine come icona, al posto di utilizzare il FontAwesome, per fare ciò è necessario sostituire questa parte
    CODICE
    {content: "\XXXX"}

    con
    CODICE
    {content: url("URL_IMMAGINE")}

    in questo caso bisogna ovviamente sostituire URL_IMMAGINE con l'url dell'immagine. Si consiglia l'utilizzo di immagini di dimensioni simili o uguali a quelle utilizzate dalle icon di FontAwesome.

    Per ulteriori informazioni, o per chiedere aiuto, aprire una nuova discussione nella sezione "Supporto generale" di questo forum.
     
    .
0 replies since 23/4/2017, 10:43   1015 views
  Share  
.