Zrób sam - styl
Oto co użyłem do zrobienia styla:
-Program Chat Editor
-Program Adobe Photoshop 7.0 lub Point shop pro 7.04 i Paint from Windows
-Program Tlen.pl :)
-Herb Realu Madryt pobrany z jakiejś strony o tym zespole
Tak wygląda standardowy styl okna rozmowy Tlen.pl:
A my zrobimy taki styl:
Rozpoczynamy prace:
-Wchodzimy do katalogu, w którym jest zainstalowany nasz program Tlen.pl, (zazwyczaj jest to:
C:Program FilesTlen.pl) następnie otwieramy katalog "skins", a następnie "chat_sets". Widzimy w nim Katalog "standardowy" - jest w nim właśnie plik - "chat.xml" to właśnie w tym pliku znajduje się kod który odpowiada za nasze okno rozmowy.
-Zaznaczamy folder "standardowy" i kopiujemy go do tego samego folderu. Folder "Kopia standardowy" zmieniamy nazwę na "Real Madryt".
-Otwieramy program Point (jest standardowo w Windows), klikamy w Obraz/Atrybuty i zmieniamy rozmiar rysunku:
Szerokość - 450 (Piksele), Wysokość - 216 (Piksele)
Tło (gdy jest inne) zmieniamy na białe. Klikamy w Plik/Zapisz jako i zapisujemy plik w katalogu "Real Madryt", nazywamy go "logo" i zapisujemy jako typ *.JPG. Nasz katalog teraz powinien wyglądać tak:
-Ściągamy z jakiejś strony herb Realu Madryt i zapisujemy w katalogu "Real Madryt" jako np. "herb.jpg". Otwieramy go np. w Paint shop pro 7 i klikamy w Kolors/Adjust/Hue, Saturation, Lightness , i wartość Lightness zmieniamy na 75 :
Następnie zapisujemy zmiany w File/Save i wychodzimy z programy. Nasz katalog "Real Madryt" powinien wyglądać teraz tak:
-Otwieramy "herb" w Paint, klikamy "Ctrl+A"następnie "Ctrl+C". Klikamy w Plik/Otwórz i otwieramy plik "logo.jpg" który jest w katalogu "Real Madryt".Klikamy "Ctrl+V" i przesuwamy herb np. na prawą strone:
Zapisujemy w Plik/Zapisz i wychodzimy z programu. Logo które będzie tłem w oknie jest skończone!
-Teraz Użyjemy programu Chat Editor (CE) aby m.in. wstawić nasze logo i pozmieniać czcionki… Zaczynamy od uruchomienia programu : a następnie otwieramy plik "chat.xml" który znajduje się w katalogu "Real Madryt":
-Znajdujemy w kodzie taki zapis:
" .C13{background-color:#$$13$$;} ", odpowiada on za tło naszego okna.
W nawiasy {} wklejamy kod -
" background-color:#$$13$$;background:fixed;background-image:url($$path$$/logo.jpg); background-repeat:no-repeat;background-position:center center; ".
Nasz kod powinien wyglądać tak:
------------------------------------------------------------------
v='color=#0000FF;font-family:verdana;font-size:9pt;text-decoration:none; '/>
a:hover{text-decoration:underline;} .c0{$$0$$}
.c1{$$1$$}
.c2{$$2$$}
.c3{$$3$$}
.c4{$$4$$}
.a1{$$5$$}
.c6{$$6$$}
.c7{$$7$$}
.c8{$$8$$}
.c9{$$9$$}
.c10{$$10$$}
.a2{$$11$$}
.c13{background-color:#$$13$$;background:fixed;
background-image:url($$path$$/logo.jpg); background-repeat:no-repeat;background-position:center center;}
.c14{padding-bottom:2px;padding-left:2px; padding-right:2px;border-width:5px; background-color:#$$14$$; word-wrap:break-word}
.c15{padding-bottom:2px;padding-left:2px; padding-right:2px; background-color:#$$15$$; word-wrap:break-word}
id='chat'>
$$date$$ class='c1'>$$time$$ $$name$$ class='c3'>($$user$$) class='c4'>$$message$$
$$date$$ class='c7'>$$time$$ $$name$$ class='c9'>($$user$$)$$message$$
----------------------------------------------------
Zapisujemy całość w Plik/Zapisz I można by powiedzieć że mamy gotowy styl. Ale my chcemy jeszcze pozmieniać np. czcionki… Wchodzimy w zakładkę "Edycja uproszczona" i znajdujemy tam okienko do modyfikowania parametrów czcionek. Gdy skończymy, całość zapisujemy i mamy gotowy styl.
|
