Mała instrukcja , jak ozdobić swój chomik kolorowymi napisami
W folderach(edytuj opis) lub by pisać kolorowo na rozmowach chomikowych …
To jest główny kod HMTL:
<b style="font-family:'Monotype Corsiva';font-size:20px;color:#800000;">
Twój tekst
</b>
Te parametry można zmieniać
Kolory: color:
Color
Red
White
Turquoise
Light Grey
Light Blue
Dark Grey
'''''''''''''''''''''''''''''''''
<div style="text-align:center;"><b><i><i>
</i></i></b><div style="text-align:center;"><b><i><i>
</i><i></i></i></b></div><b><i></i></b></div><b><i><i></i><i></i><i></i><i></i><i></i><i></i><i></i><i></i><i></i><i></i><i></i>
..........................................................................
</i></b><div
.........................................................................................
> <b style="font-family:'Black Chancery';font-size:20px;color:#33CCFF;"> TEXT </b> (jasno niebieski)
,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,
style="float: Left;" />
<i style="font-family:CoventryGarden;font-size:22px;color:#0000FF;"> TEXT</i> {ciemno niebieski}
................................................................................................................................
</i></i></b><h1 style="color:#004400;"><b><i><i><i>TEXT</i></i></i></b></h1><b><i><i><i> (CIEMNO ZIELONA) #660033
.....................................................................................................................
</i></i></i></b><h1 style="color:#FF0000;"><b><i><i><i>Zosia</i></i></i></b></h1><b><i><i><i> ...CZERWONY... #004400
====================================================
http://chomikuj.pl/Image.aspx?id=508989330
..........................................................................................
</i></i></i></b><h1 style="color:#660033;"><b><i><i><i>TEXT</i></i></i></b></h1><b><i><i><i> [FIOLET] #770000
.............................................................................................................
</i></i></i></b><h1 style="color:#770000;"><b><i><i><i>TEXT</i></i></i></b></h1><b><i><i><i> CIEMNA CZERWIEŃ
........................................................................................................................
<b style="font-family:Ravie;font-size:70px;color:rgb(0,128,0);">
tu wpisujesz tekst </b> ( KOD GRUBA CZCIONKA)
<em style="font-family:'tu wpisz nazwę czcionki';color:#FF0000;">tu wpisz własny tekst </em></i></i>
<a style="font-family:'EFN zefir';font-size:18px;color:#FF3300;font-weight:bold;">MIEJSCE na Twój tekst </a>
...........................................................
...................................................................
</i></b><h1 style="color:#FF0000;"><b><i>Zosia</i></b></h1><b><i> , CZCIONKA,
..................................................................................................................
1a)
<i><font size="7" color="#990000" face="Monotype Corsiva">TEKST</font></i>
.......................................................................................................
<b><font size="7" color="#990000" face="Monotype Corsiva">TEKST</font></b>
.............................................................................
<span style="font-size:35px;color:#009999;font-weight:bold;font-style:italic;">KODY DO PISMA KOLOROWEGO </span>
...................................................................................................
2a)
<i style="font-family:'EFN zefir';font-size:35px;color:#FF3300;font-weight:bold;">MIEJSCE na Twój tekst <i>
<span style="font-size:35px;color:#009999;font-weight:bold;font-style:italic;"> MIEJSCE na Twój tekst </span>
....................................................................
Kilka dodatkowych styli czcionki
Obiecałam dodać część drugą z dodatkowymi stylami J
Oto kilka przykładów:
1
2
<a style="font-family:'EFN zefir';font-size:35px;color:#FF3300;font-weight:bold;">MIEJSCE na Twój tekst </a>
3
<a style="font-family:'EFN tess';font-size:35px;color:#009900;">MIEJSCE na Twój tekst </a>
4
<a style="font-family:'EFN tamiza';font-size:35px;color:#990033;font-weight:bold;">MIEJSCE na Twój tekst </a>
5
<a style="font-family:'EFN skrypt';font-size:35px;color:#3399CC;font-weight:bold;">MIEJSCE na Twój tekst </a>
6
<a style="font-family:'EFN serpentine';font-size:35px;color:#CC0066;font-weight:bold;">MIEJSCE na Twój tekst </a>
7
<a style="font-family:'EFN RexFont';font-size:35px;color:#330099;">MIEJSCE na Twój tekst </a>
8
<a style="font-family:'EFN etiopia';font-size:35px;color:#0066CC;">MIEJSCE na Twój tekst </a>
9
<a style="font-family:'EFN dokument';font-size:35px;color:#663399;font-weight:bold;">MIEJSCE na Twój tekst </a>
10
<a style="font-family:'EFN gedeon';font-size:35px;color:#FF0000;font-weight:bold;">MIEJSCE na Twój tekst </a>
A tak będzie to wyglądało w opisie folderu:
text 5.JPG
Podam jeszcze adres strony z kolorami:
http://www.statom.pl/HTML/kolory.html
to tylko jedna z licznych stron tego typu, są tam oznaczenia kolorów, które można podmieniać w poleceniu html J
Pokażę tu screena jak to wygląda na podanej stronie:
kolory1.JPG
Widać tu symbole obok kolorów…. ten biały pasek zaznaczony obok koloru fioletowego, to właśnie ślad zaznaczenia symbolu, którego użyłam do wklejenia J
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 J
pogrubienie.JPG
<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
<a style="font-family:'EFN tess';font-size:18px;color:#009900;">MIEJSCE na Twój tekst </a>
Ten tekst będzie prosty
<i style="font-family:'EFN tess';font-size:18px;color:#009900;">MIEJSCE na Twój tekst </i>
A ten pochylony…. odpowiada za to literka umieszczona w ostrym nawiasie
Czyli <a> na końcu oznacza tekst prosty
Natomiast <i> na końcu oznacza tekst pochylony
W praktyce wygląda to tak:
pochylenie.JPG
Życzę miłej zabawy J
Anna_M
annak354