natsu.
Wiek: 30 Dołączył: 22 Gru 2012 Posty: 417 Piwa: 58/1 Skąd: Bytom
|
Wysłany: 29-01-13, 21:58 [phpBB by Przemo] Jak edytować styl do phpBB by Przemo
|
|
|
Poradnik dotyczy edycji na stylach do for na silniku PhpBB by Przemo
Na start chciałbym poinformować, że jeśli nie mamy dostępu do FTP strony lub do Panelu Admina (opcjonalnie), to nie zmienimy nic w stylu. Tyczy się to for, które od razu zostały stworzone na hostingach, np. fora.pl czy jun.pl <- Takie fora są bezużyteczne.
Proponuję także zrobić na dysku kopie plików, które będę wymieniał w punktach - gdyby coś poszło nie tak, to podmienimy stary, dobry plik z nowym, uszkodzonym
Let's Go.!
1. Edycja Loga
Najłatwiejsza i najczęstsza edycja w stylach to logo.
a) Aby je zmienić wchodzimy do ftp:/templates/<nazwa_stylu>/images/ i podmieniamy nowe logo za aktualnie istniejące. Oczywistym jest to, że nazwa, rozmiary i rozszerzenie muszą być takie same jak w poprzednim logu. Jeśli rozmiar lub rozszerzenie będzie inne - nowe logo zostanie zignorowane, jeśli rozmiar będzie niezgodny - zostanie rozciągnięty lub zwężony tak, by się zgadzał.
b) Jeśli chcemy głębszych zmian w logu, jak np. zmiana nazwy pliku, wchodzimy do ftp:/templates/<nazwa_stylu>/ i otwieramy plik overall_header.tpl. Aby zmienić cokolwiek w logu, musimy znać przynajmniej jego nazwę, wtedy wciskamy Ctrl+F i wpisujemy szukaną frazę.
2. Edycja Tła
Nie tak częsta, lecz zazwyczaj potrzebna zmiana w stylu to tło.
a) Jeśli nasze logo to tylko wybrany kolor - możemy go zmienić, lub zastąpić obrazem.. Pierwsze co trzeba zrobić to dowiedzieć się jaki kolor posiada stare tło, aby się tego dowiedzieć, ściągamy program "ColorPic", instalujemy, uruchamiamy, i najeżdżamy na tło, po czym wciskamy Ctrl+G, i proszę, teraz kopiujemy kod koloru, np. #FF0000. Wchodzimy do ftp:/templates/<nazwa_stylu/ i otwieramy plik <nazwa_stylu>.css. Wciskamy Ctrl+F i wpisujemy kod koloru (np. FF0000), powinnien nam znaleźć mniej więcej coś takiego (ja mam kod DEE3E7):
Kod: | background-color: #dee3e7; | Teraz manipulujemy na tym kodzie i jego okolicach:
Kod: | /* General page style. The scroll bar colours only visible in IE5.5+ */
body {
margin: 0px;
padding: 0px;
background-color: #dee3e7;
background-image: url(images/phpbb_bg.gif);
background-position: top;
background-repeat: repeat-x;
color: #222217; | Teraz zmieniamy background-color: #dee3e7; na inny kod np. #3333ff. Pod koniec zapisujemy i podmieniamy.
b) Jeśli chcemy zmienić nasze tło "kolorowe" na "obrazkowe" to usuwamy kod po background-color: , a wstawiamy adres w background-image: url(images/<nazwa_loga>.<rozszerzenie>); np. background-image: url(images/logocs.png);
I gotowe.
3. Rangi i kolory grup
Częsta edycja w stylu to również rangi oraz kolory grup.
a) Zmiana kolorów grup "Administrator", "Junior Admin" i "Moderator".
Są dwie możliwości:
- Wchodzimy do ftp:/templates/<nazwa_stylu>/ i otwieramy plik theme_info.cfg, szukamy w nim tego:
Kod: | [I]<nazwa_stylu>[/I][0]['fontcolor_admin'] = "FF0000";
[I]<nazwa_stylu>[/I][0]['fontcolor_jradmin'] = "00FF00";
[I]<nazwa_stylu>[/I][0]['fontcolor_mod'] = "0000FF"; | Oczywiście kolory zależą od danego stylu, jeśli chcemy usunąć domyślne grupy (by stworzyć grupę np. HeadAdmin) usuwamy kody kolorów z pomiędzy cudzysłowiów, zapisujemy plik, podmieniamy i gotowe, standardowe grupy zniknęły, teraz w Panel Admina -> Grupy, możemy stworzyć nowe, swoje grupy lub zostawić jak jest. Jeśli chcemy tylko zmenić kolory danych grup, po prostu wklejamy inny kod koloru pomiędzy cudzysłowia.
- Drugi sposób opiera się na Panelu Admina. Mimo to na początek wchodzimy do ftp:/templates/<nazwa_stylu>/ i zmienamy CHMod plików theme_info.cfg i <nazwa_stylu.css na 777. Teraz wchodzimy do PA -> Style -> Edytuj dane stylu, szukamy czegoś takiego:
Kod: | Kolor admina:
Kolor junior admina:
Kolor moda: | I zmieniamy w polach kody kolorów lub usuwamy.
b) Zmiana obrazków rang
Obrazy rang to obrazki, które pokazywane są wraz z nadaną rangą. Standardowe obrazy rang w PhpBB by Przemo to mniej więcej coś takiego:
Wiadomo, że są one 'słabe', na strony o ciemniej kolorystyce są doszczętnie okropne, no więc ściągamy lub tworzymy nowe rangi, gdy już je mamy, wchodzimy do ftp:/templates/<nazwa_stylu>/images/ranks/, możemy usunąć stamtąd wszystko oprócz folderu /icons/ i przesłać tam nowe rangi.
UWAGA: Testowałem rozszerzenia (dawno temu) i okazało się, że rangi z rozszerzeniem *.bmp nie działają (chyba), natomiast rangi z rozszerzeniem *.png i *.gif działają bez zarzutu, nie mam pojęcia jak jest z *.jpg.
4. Ikony działów itp
Z pewnością najbardziej nudząca edycja polegająca na zrobieniu i podmienieniu wszystkich małych ikonek i innych szkaradzieństw.
Aby podmienić jedną z ikon lub inny element graficzny forum (np. ikonki "edytuj", "cytuj" itp) musimy wkleić plik z taką samą nazwą i rozszerzeniem do ftp:/templates/<nazwa_stylu>/images/
Aby głębiej zmienić elementy graficzne wchodzimy do ftp:/templates/<nazwa_stylu>/ i otwieramy plik <nazwa_stylu>.cfg, następnie wpisujemy w Szukajkę (Ctrl+F) szukaną frazę, np. folder_lock.png, praca będzie się odbywała na całej linijce:
Kod: | "$current_template_images/folder_lock.png\" width=\"46\" height=\"46";
$images['folder_locked_new'] = | Fraza Kod: | "$current_template_images/[U]folder_lock.png[/U]\" | odpowiada za nazwę pliku i jego rozszerzenie.
Fraza Kod: | width=\"[U]46[/U]\" height=\"[U]46[/U]"; | odpowiada za rozmiary obrazu w pikselach,
width - szerokość,
height - wysokośc.
5. Miniaturki w postach i sygnaturach
Często upierdliwa sprawa, gdy sygnatura z dobrymi wymiarami (np. 450x150) zostaje pomniejszona do 400x..., jest na to sposób.
Wchodzimy do ftp:/templates/<nazwa_stylu>/ i otwieramy plik viewtopic_body.tpl. Włączamy szukajkę (Ctrl+F) i wklejamy tam frazę: "var rmw_max_width = 400", w której "var rmw_max_width = 400" odpowiada za szerokość w pikselach (bo wysokość sama się dopasuje), najlepiej ustawić to na 500 lub 600.
6. Edycja stopki
Nie często spotykana edycja w stylu, choć często konieczna.
Przykład: przypuśćmy, że jakieś forum typu CSCenter zleciło Ci edycję jakiegoś stylu, po jego edycji oczywiście należy się podpisać (lub zastosować się do punktu 7 :P) pod pracę.
W celu edycji stopki wchodzimy do ftp:/templates/<nazwa_stylu>/ i otwieramy plik overall_footer.tpl.
7. Zmiana nazwy stylu
Jeśli zmieniłeś sporo w stylu (conajmniej 3 rzeczy które wyżej opisałem :q), możesz go sobie "przywłaszczyć", jest to legalne, o ile cokolwiek w tym stylu sam zrobiłeś (oprócz loga i 5 punktu). Aby to zrobić łatwo, wchodzimy do Panel Admina -> Style -> Klonuj styl. Nazwa w obydwu polach powinna być taka sama, pamiętajcie, że bardzo delikatnie podchodzi się do nazwy stylu, rozpoznawalne są w niej duże i małe litery. Wystarczy jeden błąd w nazwie, np. CScenterTheme zamiast CSCenterTheme i styl może się rozpaść.
UWAGA: Po jakichkolwiek edycjach stylu, trzeba go zainstalować na nowo, tj. w PA -> Konfiguracja wybrać np. SubSilver, odinstalować styl w PA -> Style, następnie na nowo zainstalować i znów wybrać w PA -> Konfiguracja.
Jestem autorem poradnika. Pozwalam na rozpowszechnianie go, jednak nie na przypisywanie sobie autorstwa. |
|
_________________
|
Autor postu otrzymał 2 piw(a) |
|