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”

Klikając na przycisk „edytuj opis” otworzy nam się okienko, w które wstawiamy kod HTML z wpisanym w niego tekstem

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.

Teraz należy zatwierdzić klikając przycisk “zatwierdź”.

Tu pokażę jak to będzie wyglądało po zatwierdzeniu.

Można wybrać dowolny kolor korzystając z poniższej tabelki.

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:

<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ść, 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 

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 

Pozdrawiam i życzę miłej zabawy

Anna_M

<a style="font-size: 22px; color: #800000; font-weight: bold;">Najnowszy odcinek THE VAMPIRE DIARIES 09!!! ZAPRASZAM</a>

<a style="font-size: 20px; color: FF0000; font-weight: bold;">Dostępny również najnowszy odcinek HEROES S04 E09 – Shadowboxing, Nowy serial twórców Lost – FLASHFORWARD, Kroniki Sary Connor, Twilight saga, filmy, bajki, piękne tapety na pulpit</a>