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 Icons, Icons8 Win10 Icons, Phosphor Icons e OpenMoji Icons.