Kody które ja używam na prywatne i chomikowe rozmowy. Ważne!! W chomikowych rozmowach można wstawić tylko jeden obrazek, natomiast w prywatnych rozmowach można wstawić kilka obrazków. Druga rzecz to w chomikowych rozmowach każdą jedną linijkę tekstu wstawiamy w oddzielny kod, i nie powinno ich być więcej jak 10. Nie dotyczy to prywatnych rozmów. Poniżej wyjaśniam o co chodzi:
..........................................................................................................................................
<img src="ADRES OBRAZKA WKLEJ TU" > to kod do wstawiania obrazka w chomikowe rozmowy. Ale obrazek będzie z lewej strony. Aby go wyśrodkować należy dopisać przed niego: <p align=center> jeżeli na końcu dopiszemy: </p> to tworzy on przerwę po obrazku. A oto cały kod na wklejenie obrazka wyśrodkowanego:
<p align=center><img src="ADRES OBRAZKA WKLEJ TU" /></p>
........................................................................................................................................
To samo dotyczy odnośnie tekstu. Poniżej kilka typów czcionek z tekstem na środku strony:
1
<p align=center><b style="font-family: Monotype Corsiva; font-size: 20px; color: teal;">Tu wpisz tekst</b>
2
<p align=center><b style="font-family: Monotype Corsiva; font-size: 20px; color: #000099;">
Tu wstaw tekst </b></p>
3
<b style="font-family: Monotype Corsiva; font-size: 20px; color: #000099;">Tu wpisz tekst</b>
4
<p align=center><a style="font-size: 18px; color: #800080; font-weight: bold;">Tu wpisz tekst</a>
5
<p align=center><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>
Poniżej widać jak będzie wyglądał tekst:
…………………………………………………………………………………………..
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>
……………………………………………………………………………..
Zostało nam jeszcze określić wielkość czcionki
<a style="font-size: 18px; color: #FF0000; font-weight: bold;">Tu wpisz tekst</a>
Kolorem czerwonym zaznaczyłem gdzie wpisujemy wielkość czcionki
......................................................................................................................
Może jeszcze wytłumaczę kwestię pogrubienia i pochylenia tekstu.
W przykładowym kodzie:
<a style="font-family: EFN dokument; font-size: 18px; color: #663399; font-weight: bold;">MIEJSCE na Twój tekst </a>
font-weight: bold; zaznaczyłam na niebiesko…. Właśnie to polecenie odpowiada za pogrubienie tekstu.
Pokażę jak to wygląda w praktyce:
<a style="font-family: EFN dokument; font-size: 18px; color: #663399;">MIEJSCE na Twój tekst </a>
A tak wygląda kod tego stylu bez pogrubienia… czyli tekst pierwszy na zamieszczonym rysunku.
Niektóre czcionki bardziej efektownie wyglądają właśnie po pogrubieniu, ale nie wszystkie….
Są też takie, które tracą na wyglądzie, bo po prostu są za grube.
...................................................................................................................................
No i jeszcze pochylenie tekstu:
Ten tekst będzie prosty
<a style="font-family: EFN tess; font-size: 18px; color: #009900;">MIEJSCE na Twój tekst </a>
A ten pochylony…. odpowiada za to literka umieszczona w ostrym nawiasie
Czyli <a na początku kodu i </a> na końcu oznacza tekst prosty
Natomiast <i na początku oraz </i> na końcu oznacza tekst pochylony
<i style="font-family: EFN tess; font-size: 18px; color: #009900;">MIEJSCE na Twój tekst </i>
W praktyce wygląda to tak:
..............................................................................................................................................
A teraz podam przykłady kodu z obrazkiem i tekstem:
Na prywatne rozmowy
<p align=center><b style="font-family: Monotype Corsiva; font-size: 28px; color: teal;">
Witam Cię Drogi Chomiczku
</b></p>
<p align=center><img src=" http://s796.chomikuj.pl/ChomikImage.aspx?k=1336004&t=634104065066879242&id=280101253&vid=280101253" /></p>
<p align=center><b style="font-family: Monotype Corsiva; font-size: 24px; color: #000099;">
Słoneczko dawno się zbudziło
Z za chmur świeci jasno i nieśmiało
Nam się wtedy miło i ochoczo wstaje
I radość promienną do serca nam dodaje
Niech smutek zniknie z twarzy Twej
I uśmiech na ustach cały czas miej
Niech ją ogrzewa promyczek słońca
Co nigdy nie zniknie i trwa bez końca
</b></p>
<p align=center><b style="font-family: Monotype Corsiva; font-size: 28px; color: teal;">
Życzę Ci Miłego, pogodnego dnia, dużo uśmiechu
Pozdrawiam Cieplutko!...Dziękuję za pamięć
</b>
.........................................................................................................................................
I na chomikowe rozmowy to samo pozdrowienie
<p align=center><b style="font-family: Monotype Corsiva; font-size: 28px; color: teal;">
Witam Cię Drogi Chomiczku
</b></p>
<p align=center><img src="
http://s796.chomikuj.pl/ChomikImage.aspx?k=1336004&t=634104065066879242&id=280101253&vid=280101253" /></p>
<p align=center><b style="font-family: Monotype Corsiva; font-size: 24px; color: #000099;">
Słoneczko dawno się zbudziło
</b>
<p align=center><b style="font-family: Monotype Corsiva; font-size: 24px; color: #000099;">
Z za chmur świeci jasno i nieśmiało
</b>
<p align=center><b style="font-family: Monotype Corsiva; font-size: 24px; color: #000099;">
Nam się wtedy miło i ochoczo wstaje
</b>
</b><p align=center><b style="font-family: Monotype Corsiva; font-size: 24px; color: #000099;">
I radość promienną do serca nam dodaje
</b>
</b><p align=center><b style="font-family: Monotype Corsiva; font-size: 24px; color: #000099;">
Niech smutek zniknie z twarzy Twej
</b>
</b><p align=center><b style="font-family: Monotype Corsiva; font-size: 24px; color: #000099;">
I uśmiech na ustach cały czas miej
</b>
</b><p align=center><b style="font-family: Monotype Corsiva; font-size: 24px; color: #000099;">
Niech ją ogrzewa promyczek słońca
</b>
</b><p align=center><b style="font-family: Monotype Corsiva; font-size: 24px; color: #000099;">
Co nigdy nie zniknie i trwa bez końca
</b></p>
<p align=center><b style="font-family: Monotype Corsiva; font-size: 28px; color: teal;">
Życzę Ci Miłego, pogodnego dnia, dużo uśmiechu
Pozdrawiam Cieplutko!...Dziękuję za pamięć
</b>
..................................................................................................................................................
Miłej Zabawy