Nawigacja
HOW TO: THEME
Napisane przez sonar
dnia 17 czerwca 2007 20:38 ·
5 komentarzy ·
19472 czytań ·
· 
· 
Streszczenie:
Zagadnienie tworzenia themów do php-fusion jest dla Ciebie czarn? magi?? Po przeczytaniu tego artyku?u powinno si? to zmieni?.Witam!
Z?apa?em dzi? troch? czasu, wi?c postanowi?em napisa? jak si? robi themy do PHP-Fusion v6.0x.x .
Na samym pocz?tku chcia?bym zaznaczy?, ?e do "robienia" themów potrzebna jest znajomo?? conajmniej HTML'a (mile widziana wiedza na temat CSS).
No to przejd?my do pracy...
?ci?gamy przyk?adowego thema (który oczywi?cie jest zrobiony specjalnie na potrzeby tego artyku?u), który spe?nia wymagania HTML'a 4.01
DOWNLOAD
Po ?ci?gni?ciu (plik ma tylko 9 KB) zobaczycie, ?e theme nie zawiera zbyt du?o obrazków - zrobi?em to celowo, po pierwsze po to, ?eby Wam zbytnio nie miesza? podczas t?umaczenia jak to wszystko dzia?a, a po drugie w celu ukazania, które pliki musz? by? w themie.
A teraz... Do roboty!
Otwieramy plik style.css (239 linijek :: 3663 znaków) w dowolnym edytorze tekstowym.
Je?li widzimy co? czego nigdy wcze?niej nie widzieli?my i nie wiemy jak to w ogóle dzia?a i co do czego s?u?y, to przeczyta? warto obja?nienia zawarte poni?ej.
(...)
}
- definiujemy wygl?d ogólny ca?ego thema (czcionka domy?lna, jej rozmiar, margines itp)
(...)
}
a:hover {
(...)
}
a.side {
(...)
}
a:hover.side {
(...)
}
a.white {
(...)
}
a:hover.white {
(...)
}
- od tego wpisu zale?y jaki b?dzie kolor poszczególnych linków
(...)
}
hr.side-hr {
(...)
}
- ustawiamy kolory "linii" na stronie wywy?ywanych przez < i >
(...)
}
- zmieniamy kolor, t?o, czcionka, itp. przycisków na stronie
(...)
}
- modyfikujemy wygl?d pola tekstowego
(...)
}
.side-border-left {
(...)
}
.side-border-right {
(...)
}
- w tym miejscu mo?emy zmienia? odst?p (w pikselach) od góry, od do?u, od lewej i od prawej
(...)
}
.tbl {
(...)
}
.tbl1 {
(...)
}
.tbl2 {
(...)
}
- definiujemy kolor poszczególnych tabelek np. na forum
(...)
}
- modyfikujemy wygl?d cytatów
(...)
}
- cz???, która odpowiedzialna jest za ankiet? (jej obramowanie itd)
(...)
}
- zmieniamy kolor nicka osoby komentuj?cej
(...)
}
.shoutbox {
(...)
}
.shoutboxdate {
(...)
}
- ustalamy kolor nicka, czcionki, i daty w shoutboxie
(...)
}
.small2 {
(...)
}
- wygl?d small i small2
(...)
}
.gallery img {
(...)
}
.gallery:hover img {
(...)
}
img.activegallery {
(...)
}
- definiujemy kolor obramowania, odst?py w galerii
No to tyle je?li chodzi o cz??? style.css, która musi by? zawsze. Dalej w style.css znajdziemy kilka podobnych do powy?szych "cudów". W pliku odzieli?em je czy? takim:
* * * * * * * * * * * * * * * * * * * * * * * * * * * *
\*****************************************************/
Rzuca si? w oczy, dzi?ki czemu wida? co jest "inne".
To temat styli uwa?am za (narazie) zamkni?ty.
Komentarze
Dodaj komentarz
Oceny
Zaloguj się lub zarejestruj, żeby móc zagłosować.
| Świetne! |  |
22% | [2 głosy] |
| Bardzo dobre | |
56% | [5 głosów] |
| Dobre | |
11% | [1 głos] |
| Średnie | |
11% | [1 głos] |
| Słabe | |
0% | [0 głosów] |