Na wstępie chciałbym wszystkich przywitać w 1 części poradnika „Kodujemy layout pod MyBB – HTML5 i CSS3„.

Skoro tutaj trafiłeś to pewnie szukasz odpowiedzi na pytanie: Jak stworzyć szablon MyBB?

Jeśli tak jest to dobrze trafiłeś! Bo tym właśnie będziemy się zajmować.

Layout, który będziemy kodować:

Zdecydowałem, że layout będę kodował pod skrypt MyBulletinBoard 1.8 (MyBB).

• Naszym pierwszym krokiem będzie zainstalowanie wyżej wymienionego skryptu.

Polską paczkę MyBB 1.8 możemy pobrać: TUTAJ

• Nadszedł czas na stworzenie naszego nowego szablonu.

W tym celu wchodzimy w ACP -> Style i szablony -> Style -> Importuj styl.

• Wybieramy „Plik z dysku” następnie klikamy „Przeglądaj” i wybieramy mybb_theme.xml, który znajdziemy w pobranej przez nas paczce a dokładnie: upload/install/resources/mybb_theme.xml
• Resztę zaznaczamy tak jak na screenie poniżej. Nazwę możemy ustawić własną.

Klikamy „Importuj styl”, gotowe :). Teraz, gdy wejdziemy w ACP -> Style i szablony -> Style powinniśmy ujrzeć 3 pozycje.

• MyBB Master Style
• Default
• Nasz szablon w moim przypadku jest to „estheme„.

Następnym krokiem jest utworzenie nowego folderu z nazwą naszego stylu i wrzuceniem go na nasz serwer do katalogu /images.

W tym folderze będziemy trzymać nasze pliki graficzne.

UWAGA! Najlepiej aby nazwa folderu była bez polskich znaków, wielkich liter oraz spacji.

Przykładowo: Jeśli nasz szablon ma nazwę „Mój Szablon” to folder najlepiej nazwać „mojszablon„.

• Nasz szablon jest już w pełni gotowy i możemy zająć się kodowaniem.

Aby ułatwić nam pracę przygotowałem przewodnik po CSS dla MyBB 1.8.

• Gdzie znajdę dostęp do plików CSS?

ACP -> Style i szablony -> Style -> Twój szablon -> Opcje -> Edytuj styl.

 

Na dzisiaj to już niestety koniec, w następnej części zaczniemy dostosowywać nasz szablon pod wygląd layoutu.

W oczekiwaniu na następny wpis polecam przeglądnięcie sobie szablonów oraz plików CSS, aby mniej więcej wiedzieć jak to wygląda 🙂

UPDATE:

Część druga dostępna TUTAJ.

Zakaz kopiowania poradnika bez mojej zgody.