Skip to main content

JM-School (Szkoła)

JM-School to nasza nowa propozycja związana z tematyką szkolną i edukacyjną.

Templatkę każdy może dostosować do swoich własnych potrzeb, poniżej przedstawiamy w jaki sposób można zarządzać i modyfikować przykładowe elementy szablonu.

Na początku warto zapoznać się z opisem funkcji szablonu (template features). Dowiesz się stąd wszystkiego na temat pozycji modułów oraz przyrostków klas modułów tzw. suffixów. Znajdziesz również tutaj informacje na temat dodatków użytych w witrynie demo szablonu JM-School. Pamiętaj, aby uzyskać identyczną kopię demo witryny, należy zainstalować Joomlę używając paczki quickstart.zip

Moduły w szablonie JM-School można wyświetlić w czterech różnych wersjach kolorystycznych, wystarczy dodać odpowiedni przyrostek klas (suffix) w parametrach modułu. Jeszcze ciekawiej prezentują się moduły na górze szablonu. Oprócz możliwości zmiany kolorystycznej tła i okrągłych ozdobników, można również kontrolować ich wysokość. Aby moduły miały identyczną wysokość, należy wpisać ten sam przyrostek klas dla każdego z modułów. Suffix odpowiedzialny za wysokość ma postać _modXXX, gdzie XXX to wysokość podana w pikselach np. _mod250 Pamiętaj, żeby dodać ten suffix jako ostatni, jeżeli chcesz łączyć go z innymi, np. blue badge-info_mod250, co oznacza -> blue - niebieskie tło, badge-info - ozdobnik info, _mod250 - wysokość modułu 250px

Inną ciekawą funkcją, która została zastosowana w szablonie, jest powiązana z dolnymi modułami. Na witrynie demo szablonu można zobaczyć aktualnie 4 moduły w pozycji "bottom". Został tutaj użyty kod php, który umożliwia wyświetlenie do 4 modułów w jednym rzędzie. Oznacza to, że jeżeli zechcesz opublikować np. 6 modułów na tej pozycji, to będą one wyświetlone w ten sposób: 4 moduły w pierwszym rzędzie i 2 kolejne w drugim rzędzie, podzielonym na dwie kolumny.

Obrazek w nagłówku nie jest duży, ale nie ma problemu, żeby ustawić szerszy. Aktualny obrazek jest zlokalizowany w folderze images/stories/modules

Logo również można w łatwy sposób zastąpić własnym. Wystarczy nadpisać plik logo.png w folderze templatki "images".

Warto wspomnieć o tle przedstawiającym plan lekcji. Jeżeli chcesz go zmienić lub usunąć to tło ustawione jest w stylach w pliku:

layout.css (wiersz 78)

#wrapper {
background: url("/../images/middle_bg.png") no-repeat scroll center top transparent;
}

Pamiętaj, że do zakupionej paczki dołączony jest plik *.PSD szablonu. Możesz go użyć w celu modyfikacji dowolnych elementów graficznych w szablonie.