16 132
edycje
Pomoc:FontAwesome: Różnice pomiędzy wersjami
m
→Dodawanie ikonki
m (→Zobacz też) |
|||
| Linia 5: | Linia 5: | ||
== Dodawanie ikonki == | == Dodawanie ikonki == | ||
Gdy otworzysz daną ikonkę, powinien się | Wzór na wstawienie ikonki z AwesomeFont wygląda tak: | ||
<nowiki>{{#</nowiki><font color="#339933">rodzaj</font>:<font color="#3399FF">nazwa</font>}} | |||
Rozszerzenie wgrane na MruczekWiki obsługuje 3 rodzaje: | |||
* <font color="#339933">far</font> - regular | |||
* <font color="#339933">fas</font> - solid | |||
* <font color="#339933">fab</font> - brands (sponsored) | |||
Gdy otworzysz daną ikonkę w wynikach wyszukiwania na stronie FontAwesome, powinien pokazać się panel, gdzie masz pokazany kod do wstawienia. | |||
Przykładowo dla ikonki "wrench" {{#fas:wrench}} możesz zobaczyć taki kod HTML: | Przykładowo dla ikonki "wrench" {{#fas:wrench}} możesz zobaczyć taki kod HTML: | ||
| Linia 11: | Linia 18: | ||
Niestety nie ma gotowca z myślą o MW, ale odpowiedni kod będzie wyglądać tak: | Niestety nie ma gotowca z myślą o MW, ale odpowiedni kod będzie wyglądać tak: | ||
<nowiki>{{#</nowiki><font color="#339933">fas</font>:<font color="#3399FF">wrench</font>}} | <nowiki>{{#</nowiki><font color="#339933">fas</font>:<font color="#3399FF">wrench</font>}} | ||
Dla niektórych ikonek podany kod może wyglądać inaczej. Na przykład dla "ghost" {{#fas:ghost}} jest to: | |||
<nowiki> | <nowiki><i class="fa-</nowiki><font color="#339933">solid</font> fa-<font color="#3399FF">ghost</font><nowiki>"></i></nowiki> | ||
Wtedy trzeba pamiętać, że dla <font color="#339933">solid</font> wpisujemy rodzaj <font color="#339933">fas</font> i otrzymujemy: | |||
<nowiki>{{#</nowiki><font color="#339933">fas</font>:<font color="#3399FF">ghost</font>}} | |||
== Linki zewnętrzne == | == Linki zewnętrzne == | ||