Dostosowywanie stylu phpBB :: StrefaWWW >> Webmaster, Kurs HTML, PHP, JavaScript, News

SZUKANA FRAZA:

Dostosowywanie stylu phpBB

Data publikacji: 2007-05-18
Autor: Yuo

PhpBB jest coraz chętniej i częściej wykorzystywanym skryptem obsługującym forum dyskusyjne. Mimo, że w Internecie można znaleźć wiele stylów, szablonów i grafik do phpBB, nigdy nie będą pasowały idealnie do grafiki i klimatu strony. W tym artykule postaram się wyjaśnić, jak przerobić standardowy styl phpBB, czyli subSilver, aby pasował kolorystycznie i wizualnie do naszej strony.

Od początku

Mamy już własną stronę i chcemy założyć forum. Ale forum nie takie jak cała reszta. Nie niebiesko-białe, z logiem "phpBB - creating communities". To forum ma mieć taki sam klimat jak nasza strona. Może nieco mroczny, a może przeciwnie - ma rozweselać, doprowadzać do śmiechu. ;) Zatem do roboty!

Krok 1

Własny styl będziemy robić na podstawie głównego stylu phpBB, czyli subSilver.
Najpierw wyjaśnię, jak wygląda wyświetlana strona (dowolna) forum. (Pliki znajdują się w katalogu /templates/subSilver)

overall_header.tpl

cos.tpl - zmienia się razem ze zmianą podstrony

overall_footer.tpl

Wygląda to jak prosta tabela. Wynika z tego prosta rzecz: zmieniamy tylko overall_header.tpl oraz overall_footer.tpl. Zmiany w innych plikach są opcjonalne.

Krok 2

Teraz przygotowujemy szablon naszej strony na potrzeby forum. Posłużę się własnym przykładem. Robimy jeszcze jeden plik index.htm, w którym mamy cały kod strony głównej. Gdy mamy już szablon, wybieramy miejsce na same forum. Wycinamy treść strony, a także dobrze jest pozbyć się menu, gdyż zajmują sporo miejsca. Teraz przystąpimy do zrobienia nowych plików overall_header.tpl i overall_footer.tpl. Cały kod z naszego spreparowanego szablonu, który jest przed miejscem na forum kopiujemy i zapisujemy w pliku overall_header.tpl, a kod znajdujący się za miejscem na forum zapisujemy w pliku overall_footer.tpl.

Krok 3

Obydwa świeże pliki na razie zostają w innym katalogu niż styl subSilver. Musimy jeszcze do nich dodać parę ważnych rzeczy.

Sekcja head ma wyglądać następująco:

 <html dir="{S_CONTENT_DIRECTION}"><br>

<head><br>

<meta http-equiv="Content-Type" content="text/html; charset={S_CONTENT_ENCODING}"> 

<meta http-equiv="Content-Style-Type" content="text/css">

{META}

{NAV_LINKS}

<title>{SITENAME} :: {PAGE_TITLE}</title>

<link rel="stylesheet" href="templates/subSilver/subSilver.css" type="text/css">

<!-- BEGIN switch_enable_pm_popup -->

<script language="Javascript" type="text/javascript">

<!--

if ( {PRIVATE_MESSAGE_NEW_FLAG} )

{

window.open('{U_PRIVATEMSGS_POPUP}', '_phpbbprivmsg', 'HEIGHT=225,resizable=yes,WIDTH=400');;

}

//-->

</script>

<!-- END switch_enable_pm_popup -->

</head>

Musimy dołożyć jeszcze następujące linki:

 Najczęściej zadawane pytania:

<A HREF="{U_FAQ}">{L_FAQ}</A>



Szukaj:

<A HREF="{U_SEARCH}">{L_SEARCH}</A>



Lista użytkowników:

<A HREF="{U_MEMBERLIST}">{L_MEMBERLIST}</A>



Grupy użytkowników:

<A HREF="{U_USERGROUPS}">{L_USERGROUPS}</A>



Profil:

<A HREF="{U_PROFILE}">{L_PROFILE}</A>



Prywatne wiadmomoęci:

<A HREF="{U_PRIVATE_MESSAGE_INFO}">{L_PRIVATE_MESSAGE_INFO}</A>



Zaloguj / Wyloguj:

<A HREF="{U_LOGIN_LOGOUT}">{L_LOGIN LOGOUT}</A>



Rejestracja:

<!-- BEGIN switch_user_logged_out -->

<A HREF="{U_REGISTER}">{L_REGISTER}</A>

<!-- BEGIN switch_user_logged_out -->

Krótkie wyjaśnienie: U_??? to zmienna z nazwą pliku, taką trzeba zostawić, a L_??? to zmienna z nazwą w danym języku (albo zmieniający się tekst). Trzeba te wartoęci zostawić takimi, jakimi są. Komentarze przy linku do rejestracji też są potrzebne - bez nich po zalogowaniu link 'rejestracja' będzie dalej widoczny.

Do overall_footer.tpl trzeba jeszcze wkleić ten kod:

 <div align="center"><span class="copyright"><br />{ADMIN_LINK}<br />

<!--

We request you retain the full copyright notice below including the link to www.phpbb.com.

This not only gives respect to the large amount of time given freely by the developers

but also helps build interest, traffic and use of phpBB 2.0. If you cannot (for good

reason) retain the full copyright we request you at least leave in place the

Powered by phpBB line, with phpBB linked to www.phpbb.com. If you refuse

to include even this then support on our forums may be affected.



The phpBB Group : 2002

// -->

Powered by <a href="http://www.phpbb.com/" target="_phpbb" class="copyright">phpBB</a> © 2001, 2005 phpBB Group<br />{TRANSLATION_INFO}</span></div>

Odpowiada on za wyświetlanie linka do Panelu Administracyjnego, oraz są w nim prawa autorskie wymagane przez phpBB.

Krok 4

Obydwa pliki zapisujemy i wgrywamy do katalogu /templates/subSilver na serwerze. Jeżeli na stronie wykorzystujemy obrazki, najlepiej podać do nich ścieżkę bezwzględną (np. http://www.forum.pl/obrazek.jpg). Wtedy na pewno zadziała.

Informacje:

Dostosowywanie stylu phpBB