ForumCała strona

Nawigacja

Aktualnie online

Gości online: 10

Użytkowników online: 0

Łącznie użytkowników: 25,373
Najnowszy użytkownik: Damian_Blaszak

Logowanie

Nazwa użytkownika

Hasło



Zarejestruj się

Odzyskaj hasło

Shoutbox

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

Korul
25.11.2022 22:40:53
Umarło to ? xD jaki teraz cms sie uzywa ?

JazOOn
15.10.2022 00:10:11
No ja zacząłem w 2005 Grin

Pieta
14.10.2022 23:04:33
Do dzisiaj używam php-fusion. Niestety mam wersję 8 oraz 7. Czas będzie powędrować do 9. Zacząłem się bawić fusionem w 2007 roku. Więc już 15 lat Smile

Dynloth
13.10.2022 11:50:42
Moja pierwsza strona stała na PHP-Fusion więc sentyment jest Smile

Pieta
12.10.2022 09:41:27
Oj szkoda. Bardzo dobry CMS

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 · 18354 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