Pomoc:Kolor tekstu: Różnice pomiędzy wersjami

Pomoc:Kolor tekstu (tekst źródłowy)

Wersja z 13:19, 18 kwi 2025

Dodane 856 bajtów , 18 kwietnia

Nowy poradnik ze znacznie aktualniejszą i pełniejszą wiedzą.

WizualnieWikikod

Kenex

Administratorzy interfejsu, Administratorzy

17 346

edycji

@@ Linia 1: / Linia 1: @@
-Kolory najlepiej podawać w formie kodu HEX.
+{{Callout
+| foldable=false
+| tldr
+| W skrócie
+| Poniższe przykłady ustawiają kolor napisu "Tekst" na "Kolor".
-== Jak zmienić kolor tekstu? ==
-'''Garść kolorów HEX:'''<br>
+Szablon:
-<font color="#FF0000">#FF0000</font>
-<font color="#FF00FF">#FF00FF</font>
-<font color="#FFCCFF">#FFCCFF</font>
-<font color="#008000">#008000</font>
-<font color="#00FF00">#00FF00</font>
-<font color="#808000">#808000</font>
-<font color="#FFFF00">#FFFF00</font>
-<font color="#3399FF">#3399FF</font>
-<font color="#008080">#008080</font>
-<font color="#00FFFF">#00FFFF</font>
-'''Schemat:'''<br>
+<code><nowiki>{{ Kolor tekstu | </nowiki>'''Kolor'''<nowiki> | </nowiki>'''Tekst'''<nowiki> }}</nowiki></code>
-<code><nowiki><font color="kolor">Tekst do wyświetlenia</font></nowiki></code>
-'''Przykładowy kod:'''<br>
-<code><nowiki><font color="#FF0099">Słodziak :3</font></nowiki></code>
-'''Przykład:'''<br>
+Zalecany zapis HTML:
-<font color="#FF0099">Słodziak :3</font>
-== Gdzie szukać kolorów? ==
+<code><nowiki><span style= "color:</nowiki>'''Kolor'''<nowiki>; "> </nowiki>'''Tekst'''<nowiki> </span></nowiki></code>
-=== Wykaz kolorów HEX ===
-Adres strony: http://www.kurshtml.edu.pl/html/wykaz_kolorow,kolory.html
-=== Color Scheme Generator ===
-Adres strony: http://www.rapidtables.com/web/color/color-scheme.htm
-http://i.imgur.com/EpgXzZ6.png
+Starszy zapis HTML:
-=== RGB color picker ===
+<code><nowiki><font color="</nowiki>'''Kolor'''<nowiki>"> </nowiki>'''Tekst'''<nowiki> </font></nowiki></code>
-Adres strony: http://www.rapidtables.com/web/color/RGB_Color.htm
+}}
-http://i.imgur.com/Dc9Bwh8.png
-=== HTML Color Picker ===
+== Szablon kolor tekstu ==
-Adres strony: http://www.w3schools.com/colors/colors_picker.asp
+Najprostszą metodą jest użycie [[Pomoc:Szablony|szablonu]] o nazwie [[:Szablon:Kolor tekstu|Kolor tekstu]].
-http://i.imgur.com/qpM9r0n.png
-=== HTML Color Picker (Google) ===
+Jest to szablon posiadający dwie zmienne. W pierwszej podajemy parametr koloru, zaś w drugiej tekst, który ma być objęty tym kolorem.
-Wystarczy wpisać w Google frazę ''html color picker''. Po wyszukaniu wybierany jest losowy kolor.
-https://i.imgur.com/4KHoZvy.png
-''Jeżeli znasz inne sposoby, możesz śmiało je dopisać. ;-)''
+'''Schemat:'''
-=== Kolorowe teksty (tęczowe) ===
+<code><nowiki>{{ Kolor tekstu | </nowiki>'''Kolor'''<nowiki> | </nowiki>'''Tekst'''<nowiki> }}</nowiki></code>
-W tworzeniu kolorowych tekstów pomocna będzie strona [[Text Color Fader]].
+'''Przykład:'''
+<code><nowiki>{{ Kolor tekstu | </nowiki>'''#53dfdd'''<nowiki> | </nowiki>'''Przykładowy tekst'''<nowiki> }}</nowiki></code>
+{{Kolor tekstu | #53dfdd | Przykładowy tekst}}
+Więcej informacji można znaleźć w [[:Szablon:Kolor tekstu|dokumentacji szablonu]].
+== Kod HTML ==
+Kolor tekstu można zmienić na wiele sposobów wykorzystując do tego HTML.
+=== Znacznik span ===
+Znacznik '''span''' można wykorzystać, by pokolorować jedynie wybrany fragment tekstu.
+'''Schemat:'''
+<code><nowiki><span style= "color:</nowiki>'''Kolor'''<nowiki>; "> </nowiki>'''Tekst'''<nowiki> </span></nowiki></code>
+'''Przykład:'''
+<code><nowiki><span style= "color:</nowiki>'''DodgerBlue'''<nowiki>; "> </nowiki>'''Tekst'''<nowiki> </span></nowiki></code>
+<span style= "color: DodgerBlue; "> Tekst </span>
+=== Font color ===
+Starszy zapis na pokolorowanie fragmentu tekstu, który nadal działa.
+<code><nowiki><font color="</nowiki>'''Kolor'''<nowiki>"> </nowiki>'''Tekst'''<nowiki> </font></nowiki></code>
+== Kolory ==
+Kolor można zapisać na wiele sposobów. Powinny działać wszystkie metody, które działają w znaczniku '''span''' jako parametr '''color'''. Są to między innymi:
+* '''Nazwa:''' {{Kolor tekstu | Violet | Violet}}
+* '''HEX:''' {{Kolor tekstu | #EE82EE | #EE82EE}}
+* '''RGB:''' {{Kolor tekstu | rgb(238, 130, 238) | rgb(238, 130, 238)}}
+* '''HSL:''' {{Kolor tekstu | hsl(300, 76%, 72%) | hsl(300, 76%, 72%)}}
+Po prostu podstaw jeden z tych zapisów za "'''Kolor'''".
+== Zobacz też ==
 {{Formatowanie lista}}
 [[Kategoria:Pomoc MW]]