ForumCała strona

Nawigacja

Aktualnie online

Gości online: 6

Użytkowników online: 0

Łącznie użytkowników: 25,376
Najnowszy użytkownik: martyna23

Logowanie

Nazwa użytkownika

Hasło



Zarejestruj się

Odzyskaj hasło

Shoutbox

Musisz zalogować się, aby móc dodać wiadomość.

Zbigniew@
31.12.2022 15:41:05
W nowym roku 2023 moc uścisków! Dużo zdrowia i pomysłów

JazOOn
29.12.2022 21:41:25
Nie musze przywoływać, mam ją na facebooku Grin

khaman
07.12.2022 20:38:37
Jeszcze broń boże przywołacie Milkę Wink

piterus
07.12.2022 18:19:33
Łoooo matko jedyna... Toż to tu się jakby muzealnie zrobiło... Pfft

jantom
05.12.2022 23:14:45
Znowu zlot emerytów? Zróbcie trochę miejsca na tej ławce, też sobie klapnę i powspominam.

Pobierz nową wersję
Pobierz podręcznik
Zobacz inne oficjalne Supporty
Statystyki supportu
PHP-Fuson PL na Facebooku

RSS

Nawigacja

HOW TO: THEME

Napisane przez sonar dnia 17 czerwiec 2007 20:38 · 5 komentarzy · 18461 czytań · Drukuj · Facebook · Wykop

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.

body {
(...)
}


- definiujemy wygląd ogólny całego thema (czcionka domyślna, jej rozmiar, margines itp)


a {
(...)
}
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 {
(...)
}
hr.side-hr {
(...)
}


- ustawiamy kolory "linii" na stronie wywyływanych przez < i >


.button {
(...)
}


- zmieniamy kolor, tło, czcionka, itp. przycisków na stronie


.textbox {
(...)
}


- modyfikujemy wygląd pola tekstowego


.main-bg {
(...)
}
.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-border {
(...)
}
.tbl {
(...)
}
.tbl1 {
(...)
}
.tbl2 {
(...)
}


- definiujemy kolor poszczególnych tabelek np. na forum


.quote {
(...)
}


- modyfikujemy wygląd cytatów


.poll {
(...)
}


- część, która odpowiedzialna jest za ankietę (jej obramowanie itd)


.comment-name {
(...)
}


- zmieniamy kolor nicka osoby komentującej


.shoutboxname {
(...)
}
.shoutbox {
(...)
}
.shoutboxdate {
(...)
}


- ustalamy kolor nicka, czcionki, i daty w shoutboxie


.small {
(...)
}
.small2 {
(...)
}


- wygląd small i small2


.gallery {
(...)
}
.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

#1 | zezol dnia 18 czerwiec 2007 00:14
Wiesz co @sonar? Chyba Twój artykuł skłonił mnie do "ruszenia" w stronę themów Grin W sumie wydaje się to proste po przejrzeniu kodu thema, co do CSS, to musiałbym się trochu podszkolić, bo nie do końca wszystko KPW Pfft
Boje się troche funkcji w theme.php, ale jak na początek można by podpatrzeć niektóre rzeczy z gotowych themów Wink
#2 | zezol dnia 18 czerwiec 2007 00:34
Zerknąłem jeszcze na stronkę extreme-fusion i co widzę? Artykuł: Tworzymy nasz pierwszy theme autorstwa: @Seba0p. Poczytamy, zobaczymy... Połączy się 2 tutoriale i będzie jak znalazł Smile Tylko kiedy ja się zabiorę za tego thema? Sam nie wiem czego brak: chęci, umiejętności?
#3 | Duplej dnia 03 lipiec 2007 10:48
nie moge pobrać przykładowego theme'a Sad
#4 | KarolCharleS dnia 25 październik 2007 15:58
ja niestety tez nieFrown
#5 | Pieka dnia 28 sierpień 2008 01:12
Link juz jest aktywny.

Dodaj komentarz

Zaloguj się, aby móc dodać komentarz.

Oceny

Tylko zarejestrowani użytkownicy mogą oceniać zawartość strony
Zaloguj się lub zarejestruj, żeby móc zagłosować.

Świetne! Świetne! 22% [2 głosy]
Bardzo dobre Bardzo dobre 56% [5 głosów]
Dobre Dobre 11% [1 głos]
Średnie Średnie 11% [1 głos]
Słabe Słabe 0% [0 głosów]
Created by Arox Copyright (C) 2004
Copyright (C) 2004 - 2018 Ekipa PHP-Fusion.pl