Jak pisać kolorowym tekstem
Chcąc wpisać tekst w kolorze, trzeba posłużyć się kodem HTML.
Podam kilka przykładów kolorowego tekstu i stylu czcionki.
Najłatwiej sprawdzić jak wygląda tekst korzystając z opcji „edytuj opis”
bez tytułu33.JPG
Klikając na przycisk „edytuj opis” otworzy nam się okienko, w które wstawiamy kod HTML z wpisanym w niego tekstem bez tytułu34.JPG
To okienko na razie jest puste…. ale poniżej podam kilka przykładów kodów, które można tam wstawić.
1
<b style="font-family: Monotype Corsiva; font-size: 20px; color: #000099;">Tu wpisz tekst</b>
2
<b style="font-family: Monotype Corsiva; font-size: 20px; color: maroon;">Tu wpisz tekst</b>
3
<b style="font-family: Monotype Corsiva; font-size: 20px; color: teal;">Tu wpisz tekst</b>
4
<a style="font-size: 18px; color: #800080; font-weight: bold;">Tu wpisz tekst</a>
5
<a style="font-size: 18px; color: red; font-weight: bold;">Tu wpisz tekst</a>
6
<a style="font-size: 18px; color: green; font-weight: bold;">Tu wpisz tekst</a>
W miejsce >Tu wpisz tekst< należy wpisać dowolny tekst pozostawiając te znaki > <
Tekst należy wpisać między tymi znakami.
bez tytułu32.JPG
Teraz należy zatwierdzić klikając przycisk “zatwierdź”.
Tu pokażę jak to będzie wyglądało po zatwierdzeniu.bez tytułu31.JPG
Można wybrać dowolny kolor korzystając z poniższej tabelki.
bez tytułu35.JPG
Tu jest tyko 16 podstawowych kolorów, ale myślę, że na początek to wystarczy.
Do wyboru są nazwy i obok podane symbole w systemie HEX… niektóre przeglądarki widzą kolory pisane tylko systemem HEX, więc lepiej korzystać właśnie z tych symboli.
Teraz pokażę, w którym miejscu kodu należy wstawić oznaczenie koloru:
Miejsce wpisania zaznaczyłam kolorem czerwonym
<a style="font-size: 18px; color: #FF0000; font-weight: bold;">Tu wpisz tekst</a>
A tak będzie wyglądało polecenie, jesli wstawimy oznaczenie koloru w systemie HEX, też jest to kolor czerwony.
A teraz pora na krótkie wyjaśnienie kodu HTML
Kolorem niebieskim zaznaczyłam styl, zielonym wielkość, czerwonym kolor a fioletowym miejsce wpisania tekstu. Można dowolnie zmieniać kolor, rozmiar i styl.
W tym Tutorialu podałam tylko dwa style, ale ostatnio brakuje mi czasu J
a otrzymuję tak wiele pytań dotyczących pisania w kolorze, że postanowiłam w szybki i prosty sposób wytłumaczyć podstawy.
Mam nadzieję, że Wam się przyda, tym bardziej, że można sobie skopiować jakikolwiek przykład kodu, podmienić tekst i gotowe
urszulka47