Dla wielu z Was jest to bardzo trudny zabieg: dostosować wygląd phpBB do swoich potrzeb. Mam nadzieję, że ten artykuł pomoże Wam choć trochę zrozumieć na czym to wszystko polega oraz zachęci do tworzenia i publikowania własnych darmowych stylów.
1. Wymagania sprzętowe oraz software'owe. Niesamowitym ułatwieniem przy produkcji własnego stylu jest serwer lokalny. Jeśli jesteś szczęśliwym posiadaczem systemu operacyjnego spod skrzydeł Microsoftu, wystarczy, że przeczytasz ten tekst: http://www.phpbb2.pl/archiwum/viewtopic.php?t=6319, lub ten, jeśli chcesz pójść na łatwiznę: http://www.phpbb2.pl/archiwum/viewtopic.php?t=5731. To powinno wystarczyć, abyś samodzielnie zainstalował oraz zrozumiał działanie lokalnego serwera.
2. Instalacja najnowszej wersji phpBB. To najłatwiejszy i najkrótszy dział. Wystarczy, że zainstalujesz najnowszą wersję skryptu phpBB na swoim serwerze. Od teraz masz w pełni przygotowany poligon, na którym stoczysz niewątpliwie bardzo ciekawą walkę z plikami .tpl.
3. Na początek: zmiana nazwy stylu. Pierwszym działaniem, jakie wykonasz jest podmiana wszystkich wyrazów "subSilver" (bo tak nazywa się styl, który będziesz przerabiał) na "_twój_styl" we wszystkich plikach *.tpl z katalogu stylu (te w katalogu admin również się liczą). Polecam prostą metodę, którą zaczerpnąłem od Kisioła: Sciągnij EditPlus (http://www.phpbb2.pl/download.php?d=290), uruchom w nim pliki *.tpl oraz w menu Edit w poleceniu Replace wpisz stare słowo subSilver oraz nowe z nazwą twojego stylu, zaznacz również opcję "in all open files" - to zamieni jednym kliknięciem wszystkie wyrazy we wszystkich plikach. Zapisz zmiany i opuść EditPlus. Teraz musisz zmienić nazwy plików, które nazywają się "subSilver" także na nazwę stylu, to samo zrób z katalogiem "subSilver". Oczywiście najlepiej będzie, jeśli wszyskie operacje będziesz robił na kopii katalogu subSilver, dzięki czemu przez cały czas będziesz mógł się poruszać po forum z zainstalowanym i nie zmienionym subSilverem. Przejdź teraz do Panelu Admina na forum i w zakładce Style, kliknij Dodaj. Zaintaluj Twój nowy styl oraz zmień obsługiwany styl w swoim profilu. Zmian nie będziesz widział, jednak od tej pory będziesz działał na swoim własnym stylu, z nazwą, jaką sam wymyśliłeś.
4. Przygotowania wizualne. Jeśli jesteś dobry a czytasz ten artykuł, bo nigdy nie miałeś styczności ze stylami phpBB, to polecam Ci wykonanie designu graficznego w programie graficznym, z potem pocięcie go oraz wstawienie w strukturę stylu. O tym jednak nieco później. Tymczasem musisz wiedzieć, jaki styl chcesz stworzyć, czy to jasny, czy to ciemny, czy niebieski, czy różowy. Wszystko musisz mieć obmyślone na tym etapie. Jeśli teraz obmyślisz szczegółowy plan, potem pójdzie o wiele łatwiej.
5. Arkusz stylów. Jedno z głównych czynności to edycja pliku *.css Twojego stylu. Nieraz jednak jeśli probowałeś bawić się w tym pliku, podmieniałeś swoje dane lecz nie widziałeś żadnych efektów - nic w tym dziwnego. Styl, który przerabiasz jest zbudowany tak, że w pliku overall_header.tpl istnieje odniesienie, które maskuje adres do pliku *.css oraz nieco niżej, zawiera cały arkusz stylów. Oczywiście możesz edytować arkusz w tym pliku i ominąć ten punkt, nie jest to jednak zalecane i pochwalane wśród ludzi ze środowiska phpBB. Czynności do wykonania: w pliku overall_header.tpl znajdujesz frazę "<!-- link rel="stylesheet" href="templates/subSilver/{T_HEAD_STYLESHEET}" type="text/css" -->" oraz zamieniasz ją na "<link rel="stylesheet" href="templates/subSilver/{T_HEAD_STYLESHEET}" type="text/css">". Teraz usuwasz z tego samego pliku tekst, zaczynający się od słowa "<style type="text/css">" a kończący na "</style>". Nie przerażaj się ogromem usuwanego tekstu, bowiem cały czas znajduje się on w pliku *.css. Po wykonaniu tych czynności jednak, arkusz stylów czytany będzie z pliku *.css, a nie jak przedtem - overall_header.tpl.
6. Arkusz stylów - edycja. Dalsza część zabawy z arkuszem będzie o wiele ciekawsza bowiem na tym etapie po raz pierwszy zauważysz zmiany wizualne stylu. Otwórz ten plik w jakimkolwiek edytorze tekstowym i zmieniaj wartości wg swoich upodobań. To będzie Ci pomocne przy edycji CSS: http://www.phpbb2.pl/faq.php?faq=52.
7. Grafika. Zauważyłeś zapewne, że nie wszystko można zmienić poprzez plik *.css. Służnie, ponieważ styl zawiera również elementy graficzne, jak choćby "cellpic'i". W katalogu "images" stylu znajdują się wszystkie pliki graficzne, które również możesz zmieniać wg własnego upodobania.
8. Zaawansowane zmiany w kodzie. Niestety, w tym artykule nie opiszę bardziej konkretnych i bardziej zaawansowanych zmian, jakie możesz wprowadzić tworząc styl. Mój kolejny artykuł będzie jednak dotyczył powyższej kwestii. Opiszę każdy plik *.tpl oraz postaram się wytłumaczyć, jak można w nim coś zmajstrować. Tymczasem polecam samodzielną zabawę z plikami *.tpl. Życzę powodzenia.
Autor: spleen
