Jump to content
  • Tutorial:
    4.x

    • 4.x

    • 3.x

    Icone personalizzate nei Forum


    InvisionPower mette a disposizione dell’utente innumerevole personalizzazioni tra cui la possibilità di personalizzare le icone dei forum per rendere il forum più intuitivo e piacevole da usare.

    Di default IPS4 utilizza le icone del pacchetto FontAwesome, impiegate già nei badges letto/da leggere, ma oltre a questo permette anche di caricare delle icone da file png/jpg e altri formati immagine.

    Quale metodo conviene usare? E perché?

     

    Usare icone FontAwesome

    Per utilizzare le icone FontAwesome sarà richiesto di modificare il CSS, inserendo delle righe con l’attributo dell’ID del forum. Anche se il processo non è complesso, questo richiede di lavorare con caratteri Unicode.

    Sarà sufficiente:

    1. Scegliere l’icona dalla pagina di FontAwesome
    2. Individuare nella pagina il carattere Unicode, che sarà simile a f509
    3. Andare in: Admin CP->Personalizzazione->Tema e cliccare modifica
    4. Aprire la directory Core->custom->custom.css

    Schermata 2019-04-27 alle 10.43.50.png

    In questo file css andremmo a scrivere il nostro css personalizzato in modo che non verrà sostituito nel caso si effettui l’upgrade della board. Il codice che andremmo a scrivere al suo interno sarà:

     

    [data-forumid="IDForum"] .fa-comments:before {
    
      content: "\f509";
    
    }

    Schermata 2019-04-27 alle 10.30.33.png

    Nel nostro caso, avendo il forum con l'id 19, il risultato sarà:
     

    [data-forumid="19"] .fa-comments:before {
    content: "\f509";
    }
    
    [data-forumid="22"] .fa-comments:before {
    content: "\f1b9";
    }

     

    Usare icone immagine

     

    Per utilizzare le icone immagine sarà sufficiente scaricare una delle tante icone che possiamo trovare facilmente su internet, in ogni caso, ecco un piccolo elenco di siti:

    https://www.flaticon.com/

    https://icons8.com/icons

     

    Adesso sarà sufficiente andare in Modifica Forum -> Icon e selezionare l’icona scaricata.

    N.B. Si raccomanda l’utilizzo di icone 32x32 con sfondo trasparente

    991260145_Annotazione2019-04-23185132.jpg.adde9bed2ac12f49d6bbaa98ccff16b2.jpg

     

    Quale metodo usare?

    Il metodo da utilizzare è a discapito dell’amministratore. Se un forum utilizza una sola skin è consigliato l’utilizzo delle icone a immagine avendo a disposizione tantissimi generi di icone. Se un forum invece ha più di una skin tra le scelte dell'utente, come ad esempio una chiara e una scura, è consigliato l’utilizzo delle icone nel css in modo da poter personalizzare il colore dell’icona o del suo background in base alla skin scelta dall'utente.

    Edited by Askancy



    User Feedback

    Recommended Comments

    There are no comments to display.


×
×
  • Crea Nuovo...

Important Information

By using this site, you agree to our Terms of Use.