ForumCała strona

Nawigacja

Aktualnie online

Gości online: 6

Użytkowników online: 0

Łącznie użytkowników: 25,387
Najnowszy użytkownik: Tyka1125

Logowanie

Nazwa użytkownika

Hasło



Zarejestruj się

Odzyskaj hasło

Shoutbox

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

Zbigniew@
22.05.2024 20:58:20
Na forum iso błąd przed <!DOCTYPE wygląda jak utf8 z BOM

JazOOn
14.05.2024 18:31:17
Znowu serwer down?

Zbigniew@
28.04.2024 21:33:51
Nareszcie udało się .V9 Document checking completed. No errors or warnings to show.

JazOOn
27.04.2024 21:35:25
Jazda. Udało się. Firma rusza.

Zbigniew@
01.04.2024 12:28:45
Wszystkiego najlepszego z okazji świąt.

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

RSS

Polecamy hosting SferaHost.pl

Nawigacja

HOW TO: THEME

Napisane przez sonar dnia 17 czerwca 2007 20:38 · 5 komentarzy · 18959 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 czerwca 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 czerwca 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 lipca 2007 10:48
nie moge pobrać przykładowego theme'a Sad
#4 | KarolCharleS dnia 25 października 2007 15:58
ja niestety tez nieFrown
#5 | Pieka dnia 28 sierpnia 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