Compatibilità:

WebSite X5 Evo e Pro


Le icone possono essere utilissime nel definire il layout di una pagina web: sono leggere e scalabili - e questo è sempre un vantaggio! - supportano egregiamente il testo e, infine, possono facilmente essere trasformate in pulsanti cliccabili. Le icone dell'Oggetto Vivid Icons hanno una particolarità in più: sono multicolore. Decidi tu i colori di ciascuna icona così potrai adattarle perfettamente al tuo template. Guarda qualche esempio nella pagina Anteprima e poi lascia correre la tua fantasia.  



Vuoi scoprire come funziona l'Oggetto Vivid Icons? Guarda questo video oppure continua a leggere:



Cos'è e perché usare un Icon Font

Molto semplicemente un Icon Font è un web font che contiene icone al posto dei caratteri tipografici. Gli Icon Font sono sempre più utilizzati nello sviluppo di app e siti web perché sono:

  • leggeri, hanno dimensioni ridotte;
  • vettoriali e scalabili senza alcuna perdita di qualità;
  • compatibili con tutti i principali browser oltre che gli screen reader per non vedenti;
  • gestibili via CSS (Cascading Style Sheets). 


Come si inserisce un’icona

  • Fai doppio click sull'Oggetto Vivid Icons inserito per accedere alla finestra con tutte le opzioni.
  • Utilizza il menu Icona per scegliere e selezionare l’icona da utilizzare.
  • A seconda dell'icona selezionata, puoi definire 2 o 3 colori diversi: usa le opzioni disponibili per farlo.
  • Imposta le Dimensioni in pixel dell’Oggetto e il Margine in percentuale rispetto all'ingombro complessivo.
  • Definisci il Colore dello sfondo dell’Oggetto. Se prevedi uno sfondo colorato puoi anche agire sullo smusso per ottenere degli angoli arrotondati.
  • Aggiungi un Effetto su paggio del mouse scegliendo fra quelli proposti.
  • Se vuoi trasformare l’icona in un pulsante vero e proprio, clicca sul pulsante per richiamare la finestra Collegamenti e scegliere l’Azione che ti è utile.   
  • Quando sei soddisfatto, clicca sul pulsante Ok per confermare.


Impaziente di usarlo nelle pagine del tuo sito? Installa subito l’Oggetto Vivid Icons


Non hai Crediti a sufficienza per acquistare questo Oggetto? Vedi tutti i pacchetti di Crediti


#tip - Le icone sono perfette per il design delle tue pagine e sei alla ricerca di nuove proposte? Prova anche gli Oggetti Font Awesome IconsIcons8 Win10 Icons e Phosphor Icons.