Icon Box Widget
Icon Box Widget – Casetele cu pictograme sunt foarte utile atunci când construiești site-uri web. Cea mai frecventă utilizare este pentru secțiunile care listează caracteristicile produselor sau serviciilor. În acest tutorial video, veți vedea diferitele opțiuni pe care le aveți pentru a personaliza fiecare element al acestui Widget: pictograma, titlul și descrierea. Pictogramele sunt derivate din Pictogramele Font Awesome și puteți căuta prin ele și alegeți-o pe cea potrivită.
Fila Conținut
În fila de conținut, aveți control deplin asupra conținutului Widget-ului.
- Vizualizare – Setați vizualizarea pictogramei ca „Implicit”, „Stivuit” sau „Încadrat”. Stivuit este cu un fundal și încadrat este cu un cadru care înconjoară pictograma.
- Alegeți pictograma – Aici aveți o listă cu întreaga colecție de pictograme Font Awesome.
- Titlu și descriere – Introduceți titlul și descrierea Icon Box Widget.
- Link către – Introduceți un link și alegeți dacă se va deschide într-o fereastră nouă.
- Poziția pictogramei – Setați poziția pictogramei în partea stângă, sus sau dreaptă a casetei (în vizualizarea mobilă va rămâne centrată).
- Etichetă HTML de titlu – Alegeți eticheta de titlu, din H1..H6, Div, Span sau P.
Fila Stil
Pictogramă – Icon
- Culoare primară – Rețineți că, dacă alegeți caseta de pictogramă stivuită sau încadrată, veți avea și o culoare secundară.
- Spațierea pictogramelor – Spațiul dintre pictogramă și titlu.
- Dimensiunea pictogramei – Scalați în sus și în jos dimensiunea pictogramei.
- Rotire pictogramă – Rotiți pictograma.
Pictograma Hover
Alegeți culoarea primară și secundară pentru icoana hover.
- Animație – Alegeți dintr-o listă lungă de animații pentru hover.
Conținut
a. Titlu
- Aliniere – Stânga, centrează, dreapta sau justificată.
- Aliniere verticală – Sus, mijloc și buton.
- Spațiere titlu – Setați distanța dintre titlu și descriere.
- Culoare titlu – Schimbați culoarea titlului.
- Tipografie – Aici pot personaliza tipografia titlului.
b. Descriere
- Culoarea descrierii – Schimbați culoarea descrierii.
- Tipografie – Alegeți personalizat pentru a schimba tipografia, la fel ca în cazul titlului.
Avansat
Setați Opțiunile avansate care sunt aplicabile pentru Icon Box Widget.