Jak pisać kolorowym tekstem.doc

(183 KB) Pobierz

wieJak  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:  24px; color: bleck;">

Z okazji Świąt Wielkanocnych życzę

aby blask prawdy o zmartwychwstaniu

rozświetlał wszelkie mroki codzienności,

a wiara w nowe życie

napełniała serca Twoje radością i pokojem!</b>

3

<b style="font-family: Monotype Corsiva; font-size: 15 px; color: bleckOne life to live
One love to give
One chance to keep from falling
One heart to break
One soul to take us
Not forsake us
Only One
Only One</b>

Jedno życie do przeżycia
Jedną miłość do oddania
Jedną szansę, by nie upaść
Jedno serce do złamania
Jedną duszę, by nas zabrać
A nie porzucić
Tylko jedną
Tylko jedną

 

4

<a style="font-size: 12 px; color: bleck; font-weight: bold;">

Tak jakoś nie wiem … ale ta piosenka skojarzyła mi się z Ashem J

One love to give
One chance to keep from falling
One heart to break
One soul to take us
Not forsake us
Only One
Only One</b>

Jedno życie do przeżycia
Jedną miłość do oddania
Jedną szansę, by nie upaść
Jedno serce do złamania
Jedną duszę, by nas zabrać
A nie porzucić
Tylko jedną
Tylko jedną

</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:

<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: navy; font-weight: bold;"> Sherrilyn Kenyon - Dark Hunter – ACHERON.

Nowy rozdział.

 

Zapraszam </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 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 J

Pozdrawiam i życzę miłej zabawy

                                             Anna_M

 

 

 

 

 

 

 

 

 

 

 

 

Zgłoś jeśli naruszono regulamin