Jak pisać kolorowym tekstem
Chcąc wpisad tekst w kolorze, trzeba posłużyd się kodem HTML.
Podam kilka przykładów kolorowego tekstu i stylu czcionki.
Najłatwiej sprawdzid 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 wstawid.
1
<b style="font-family: Monotype Corsiva; font-size: 20px; color: #000099;"> </b> granat
2
<b style="font-family: Monotype Corsiva; font-size: 20px; color: maroon;">Tu wpisz tekst</b> brązowy
3
<b style="font-family: Monotype Corsiva; font-size: 20px; color: teal;">Tu wpisz tekst</b> zielony
4
<a style="font-size: 18px; color: #800080; font-weight: bold;">Tu wpisz tekst</a> fiolet
5
<a style="font-size: 18px; color: red; font-weight: bold;">Tu wpisz tekst</a> czerwony
6
<a style="font-size: 18px; color: green; font-weight: bold;">Tu wpisz tekst</a>
W miejsce >Tu wpisz tekst< należy wpisad dowolny tekst pozostawiając te znaki > <
Tekst należy wpisad między tymi znakami.
bez tytułu32.JPG
Teraz należy zatwierdzid klikając przycisk “zatwierdź”.
Tu pokażę jak to będzie wyglądało po
zatwierdzeniu.
bez tytułu31.JPG
Można wybrad 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 korzystad właśnie z tych symboli.
Teraz pokażę, w którym miejscu kodu należy wstawid oznaczenie koloru:
<a style="font-size: 18px; color: red; font-weight: bold;">Tu wpisz tekst</a>
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
<b style="font-family: Monotype Corsiva; font-size: 20px; color: maroon;">Tu wpisz tekst</b>
Kolorem niebieskim zaznaczyłam styl, zielonym wielkośd, czerwonym kolor a fioletowym
miejsce wpisania tekstu. Można dowolnie zmieniad kolor, rozmiar i styl.
W tym Tutorialu podałam tylko dwa style, ale ostatnio brakuje mi czasu .
a otrzymuję tak wiele pytao dotyczących pisania w kolorze, że postanowiłam w szybki i
prosty sposób wytłumaczyd podstawy.
Mam nadzieję, że Wam się przyda, tym bardziej, że można sobie skopiowad jakikolwiek
przykład kodu, podmienid tekst i gotowe .
Pozdrawiam i życzę miłej zabawy
Anna_M