Differences
This shows you the differences between two versions of the page.
Both sides previous revision Previous revision Next revision | Previous revision Next revision Both sides next revision | ||
font-awesome [2017-11-23 19:58] Joakim Forsgren |
font-awesome [2017-11-23 20:01] Joakim Forsgren |
||
---|---|---|---|
Line 1: | Line 1: | ||
====== Font Awesome + checkbox radio button ====== | ====== Font Awesome + checkbox radio button ====== | ||
- | Syftet med denna uppgift är att lära sig lite om hur man kan placera ut " | + | Syftet med denna uppgift är att lära sig lite om hur man kan placera ut " |
Ni får försöka läsa om hur man placerar ut ikoner med hjälp av Font Awesome på deras [[http:// | Ni får försöka läsa om hur man placerar ut ikoner med hjälp av Font Awesome på deras [[http:// | ||
Line 37: | Line 37: | ||
1. Gör en sida med minst 5 olika ikoner med olika färger och olika storlekar. | 1. Gör en sida med minst 5 olika ikoner med olika färger och olika storlekar. | ||
- | 2. Längst ner på denna sida hittar ni lite HTML för en enkel frågesport, | + | 2. Längst ner på denna sida hittar ni lite HTML för en enkel frågesport, |
Hur ni kan gå tillväga. | Hur ni kan gå tillväga. | ||
Line 75: | Line 75: | ||
Nu har du bytt ut checkbox element som är mycket svåra att få att se ut som man vill till tecken som är lätta att byta storlek och färg på. | Nu har du bytt ut checkbox element som är mycket svåra att få att se ut som man vill till tecken som är lätta att byta storlek och färg på. | ||
- | 3. Skapa en fil style_radio.css och fixa radio buttoms. | + | f. Skapa en fil style_radio.css och fixa radio buttoms. |
- | 4. Skapa en fil style_fa.css och fixa in lämpliga ikoner, jobba med :before och :after | + | 2. Skapa en fil style_fa.css och fixa in lämpliga ikoner, jobba med :before och :after |
- | 5. Skapa en fil style.css och fixa övrig övriga saker på sidan. (Se {{:: | + | 3. Skapa en fil style.css och fixa övrig övriga saker på sidan. (Se {{:: |