Pomoc:FontAwesome - Historia wersji

ZioPeng: lit.

2023-08-10T12:14:36Z

lit.

← poprzednia wersja		Wersja z 12:14, 10 sie 2023
Linia 1:		Linia 1:
	'''FontAwesome''' to zbiór ikonek, które działają jak czcionka. Podlegają więc standardowemu formatowaniu tekstowemu. Można im łatwo zmieniać rozmiar, kolor itp.		'''FontAwesome''' to zbiór ikonek, które działają jak czcionka. Podlegają więc standardowemu formatowaniu tekstowemu. Można im łatwo zmieniać rozmiar, kolor itp.

	== Ikonki do wyboru ==		== Ikonki do wyboru ==
	Dostępne ikonki znajdziesz [https://fontawesome.com/v6/search?o=r&m=free tutaj]. Pamiętaj, że MruczekWiki obsługuje jedynie darmowe i niekoniecznie pochodzące z ~~najnowych~~ wersji.		Dostępne ikonki znajdziesz [https://fontawesome.com/v6/search?o=r&m=free tutaj]. Pamiętaj, że MruczekWiki obsługuje jedynie darmowe i niekoniecznie pochodzące z najnowszych wersji.

	== Wstawianie ikonki ==		== Wstawianie ikonki ==
Linia 12:		Linia 12:
	* <font color="#339933">fab</font> - brands (sponsored)		* <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. Niestety nie ma gotowca do MruczekWiki, ale można się zasugerować innymi.		Gdy otworzysz daną ikonkę w wynikach wyszukiwania na stronie FontAwesome, powinien pokazać się panel, gdzie masz pokazany kod do wstawienia. Niestety nie ma gotowca do MruczekWiki, ale można się zasugerować innymi.

	Na przykład dla ikonki "ghost" {{#fas:ghost}} kod HTML to:		Na przykład dla ikonki "ghost" {{#fas:ghost}} kod HTML to:

Kenex o 21:19, 9 sie 2023

2023-08-09T21:19:35Z

← poprzednia wersja		Wersja z 21:19, 9 sie 2023
Linia 31:		Linia 31:
	\| <center><font size="5" color="#3399FF"> {{#fas:umbrella}} </font></center>\|\| <code><nowiki><font size="5" color="#3399FF"> {{#fas:umbrella}} </font></nowiki></code>		\| <center><font size="5" color="#3399FF"> {{#fas:umbrella}} </font></center>\|\| <code><nowiki><font size="5" color="#3399FF"> {{#fas:umbrella}} </font></nowiki></code>
	\|-		\|-
	\| <center><font size="6" color="purple"> {{#~~fas~~:~~folder~~-~~open~~}} </font></center> \|\| <code><nowiki><font size="6" color="purple"> {{#~~fas~~:~~folder~~-~~open~~}} </font></nowiki></code>		\| <center><font size="6" color="purple"> {{#far:hourglass-half}} </font></center> \|\| <code><nowiki><font size="6" color="purple"> {{#far:hourglass-half}} </font></nowiki></code>
	\|}		\|}

Kenex: /* Wstawianie ikonki */

2023-08-09T21:09:50Z

Wstawianie ikonki

← poprzednia wersja		Wersja z 21:09, 9 sie 2023
Linia 12:		Linia 12:
	* <font color="#339933">fab</font> - brands (sponsored)		* <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.		Gdy otworzysz daną ikonkę w wynikach wyszukiwania na stronie FontAwesome, powinien pokazać się panel, gdzie masz pokazany kod do wstawienia. Niestety nie ma gotowca do MruczekWiki, ale można się zasugerować innymi.

	Na przykład dla "ghost" {{#fas:ghost}} ~~jest~~ to:		Na przykład dla ikonki "ghost" {{#fas:ghost}} kod HTML to:
	<nowiki><i class="fa-</nowiki><font color="#339933">solid</font> fa-<font color="#3399FF">ghost</font><nowiki>"></i></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:		Wtedy trzeba pamiętać, że dla <font color="#339933">solid</font> wpisujemy rodzaj <font color="#339933">fas</font> i otrzymujemy:

Kenex: /* Wstawianie ikonki */

2023-08-09T21:08:23Z

Wstawianie ikonki

← poprzednia wersja		Wersja z 21:08, 9 sie 2023
Linia 14:		Linia 14:
	Gdy otworzysz daną ikonkę w wynikach wyszukiwania na stronie FontAwesome, powinien pokazać się panel, gdzie masz pokazany kod do wstawienia.		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:~~		Na przykład dla "ghost" {{#fas:ghost}} jest to:
	~~<nowiki><i class="</nowiki><font color="#339933">fas</font> fa-<font color="#3399FF">wrench</font><nowiki>"></i></nowiki>~~
	~~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>}}~~
	~~Dla niektórych ikonek podany kod może wyglądać inaczej.~~ Na przykład dla "ghost" {{#fas:ghost}} jest to:
	<nowiki><i class="fa-</nowiki><font color="#339933">solid</font> fa-<font color="#3399FF">ghost</font><nowiki>"></i></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:		Wtedy trzeba pamiętać, że dla <font color="#339933">solid</font> wpisujemy rodzaj <font color="#339933">fas</font> i otrzymujemy:

Kenex: /* Przykłady użycia */ +

2023-08-09T20:48:19Z

Przykłady użycia: +

← poprzednia wersja		Wersja z 20:48, 9 sie 2023
Linia 24:		Linia 24:

	== Przykłady użycia ==		== Przykłady użycia ==
			W zrozumieniu poniższej sekcji pomocne będą:
			* [[Pomoc:Kolor tekstu]]
			* [[Pomoc:Rozmiar tekstu]]

	{\| class="wikitable gigapadding"		{\| class="wikitable gigapadding"
	! Podgląd !! Kod		! Podgląd !! Kod

Kenex: /* Przykłady użycia */

2023-08-09T20:47:07Z

Przykłady użycia

← poprzednia wersja		Wersja z 20:47, 9 sie 2023
Linia 29:		Linia 29:
	\| <center>{{#fas:wrench}}</center> \|\| <code><nowiki>{{#fas:wrench}}</nowiki></code>		\| <center>{{#fas:wrench}}</center> \|\| <code><nowiki>{{#fas:wrench}}</nowiki></code>
	\|-		\|-
	\| <center><font size="5" color="#3399FF"> {{#fas:umbrella}} </font></center>\|\| <code><nowiki><font size="6" color="#3399FF"> {{#fas:umbrella}} </font></nowiki></code>		\| <center><font size="5" color="#3399FF"> {{#fas:umbrella}} </font></center>\|\| <code><nowiki><font size="5" color="#3399FF"> {{#fas:umbrella}} </font></nowiki></code>
	\|-		\|-
	\| <center><font size="6" color="purple"> {{#fas:folder-open}} </font></center> \|\| <code><nowiki><font size="6" color="purple"> {{#fas:folder-open}} </font></nowiki></code>		\| <center><font size="6" color="purple"> {{#fas:folder-open}} </font></center> \|\| <code><nowiki><font size="6" color="purple"> {{#fas:folder-open}} </font></nowiki></code>

Kenex: /* Przykłady użycia */ +

2023-08-09T20:46:35Z

Przykłady użycia: +

← poprzednia wersja		Wersja z 20:46, 9 sie 2023
Linia 26:		Linia 26:
	{\| class="wikitable gigapadding"		{\| class="wikitable gigapadding"
	! Podgląd !! Kod		! Podgląd !! Kod
			\|-
			\| <center>{{#fas:wrench}}</center> \|\| <code><nowiki>{{#fas:wrench}}</nowiki></code>
	\|-		\|-
	\| <center><font size="5" color="#3399FF"> {{#fas:umbrella}} </font></center>\|\| <code><nowiki><font size="6" color="#3399FF"> {{#fas:umbrella}} </font></nowiki></code>		\| <center><font size="5" color="#3399FF"> {{#fas:umbrella}} </font></center>\|\| <code><nowiki><font size="6" color="#3399FF"> {{#fas:umbrella}} </font></nowiki></code>

Kenex o 20:41, 9 sie 2023

2023-08-09T20:41:39Z

← poprzednia wersja		Wersja z 20:41, 9 sie 2023
Linia 4:		Linia 4:
	Dostępne ikonki znajdziesz [https://fontawesome.com/v6/search?o=r&m=free tutaj]. Pamiętaj, że MruczekWiki obsługuje jedynie darmowe i niekoniecznie pochodzące z najnowych wersji.		Dostępne ikonki znajdziesz [https://fontawesome.com/v6/search?o=r&m=free tutaj]. Pamiętaj, że MruczekWiki obsługuje jedynie darmowe i niekoniecznie pochodzące z najnowych wersji.

	== ~~Dodawanie~~ ikonki ==		== Wstawianie ikonki ==
	Wzór na wstawienie ikonki z AwesomeFont wygląda tak:		Wzór na wstawienie ikonki z AwesomeFont wygląda tak:
	<nowiki>{{#</nowiki><font color="#339933">rodzaj</font>:<font color="#3399FF">nazwa</font>}}		<nowiki>{{#</nowiki><font color="#339933">rodzaj</font>:<font color="#3399FF">nazwa</font>}}
Linia 22:		Linia 22:
	Wtedy trzeba pamiętać, że dla <font color="#339933">solid</font> wpisujemy rodzaj <font color="#339933">fas</font> i otrzymujemy:		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>}}		<nowiki>{{#</nowiki><font color="#339933">fas</font>:<font color="#3399FF">ghost</font>}}

			== Przykłady użycia ==
			{\| class="wikitable gigapadding"
			! Podgląd !! Kod
			\|-
			\| <center><font size="5" color="#3399FF"> {{#fas:umbrella}} </font></center>\|\| <code><nowiki><font size="6" color="#3399FF"> {{#fas:umbrella}} </font></nowiki></code>
			\|-
			\| <center><font size="6" color="purple"> {{#fas:folder-open}} </font></center> \|\| <code><nowiki><font size="6" color="purple"> {{#fas:folder-open}} </font></nowiki></code>
			\|}

	== Linki zewnętrzne ==		== Linki zewnętrzne ==

Kenex: /* Dodawanie ikonki */

2023-08-09T20:10:03Z

Dodawanie ikonki

← poprzednia wersja		Wersja z 20:10, 9 sie 2023
Linia 5:		Linia 5:

	== Dodawanie ikonki ==		== Dodawanie ikonki ==
	Gdy otworzysz daną ikonkę, powinien się ~~pokazać~~ panel, gdzie masz pokazany kod do wstawienia.		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>}}
	~~Sprowadzając~~ to ~~do ogólniejszego wzoru~~:		Dla niektórych ikonek podany kod może wyglądać inaczej. Na przykład dla "ghost" {{#fas:ghost}} jest to:
	<nowiki>~~{{#~~</nowiki><font color="#339933">~~rodzaj~~</font>:<font color="#3399FF">~~nazwa~~</font>}}		<nowiki><i class="fa-</nowiki><font color="#339933">solid</font> fa-<font color="#3399FF">ghost</font><nowiki>"></i></nowiki>
	~~Rozszerzenie wgrane na MruczekWiki obsługuje 3 rodzaje:~~		Wtedy trzeba pamiętać, że dla <font color="#339933">solid</font> wpisujemy rodzaj <font color="#339933">fas</font> i otrzymujemy:
	* <font color="#339933">~~far~~</font> ~~- regular~~		<nowiki>{{#</nowiki><font color="#339933">fas</font>:<font color="#3399FF">ghost</font>}}
	* <font color="#339933">fas</font> ~~- solid~~
	* <font color="#339933">~~fab~~</font> ~~- brands (sponsored)~~

	== Linki zewnętrzne ==		== Linki zewnętrzne ==

Kenex: /* Zobacz też */

2023-08-09T19:53:59Z

Zobacz też

← poprzednia wersja		Wersja z 19:53, 9 sie 2023
Linia 22:		Linia 22:

	== Zobacz też ==		== Zobacz też ==
	{{~~Formatowanie lista~~}}		{{Navbox Pomoc MW}}

	[[Kategoria:Pomoc MW]]		[[Kategoria:Pomoc MW]]