Szablon JM-Eco-Cosmetics (Eko kosmetyki)

Szablon JM-Eco-Cosmetics posiada różne opcje układu: dla strony frontowej oraz podstron.

Porównajmy obie opcje tutaj, pierwszy obrazek prezentuje pozycje modułów na stronie frontowej, drugi na podstronach.
Główna różnica tyczy się prawej kolumny, jest on szersza na froncie, niż na podstronie. Z tego powodu nazwy pozycji modułów nie są takie same w obu układach (oprócz pozycji "right-mod").

Druga istotna różnica jest powiązana z przyrostkami klas modułów (suffixami).
Tutaj znajdziesz pełny opis oraz prezentację suffixów.

Moduły w pozycji "bottom" korzystają ze specjalnego kodu, który zlicza ilość modułów w danej pozycji i wyświetla je w wierszach. Poczytaj na temat działania tych modułów, jeżeli masz zamiar wyświetlić ich więcej w następnych wierszach. Szablon JM-Intranet-Corporation używa podobnego kodu, więc znajdziesz tam obszerniejszy opis na ich temat.

Warto wspomnieć o module, który wyświetlony został na pozycji "content-mod". Zawiera on obrazek z minusowym marginesem, aby otrzymać efekt "nachodzącego liścia". Spójrz jak wygląda kod:

Kolejna ważna informacja ma związek z modułem DJ-Catalog2. Jak można zauważyć na stronie demo, obrazki wyświetlane są na białym tle z zaokrąglonymi rogami. Style dla większego obrazka wyglądają następująco:

modules.css line 395

.djf_mod .djf_img {
background: url("/../images/catalog_img_bg.png") no-repeat scroll 0 0 transparent;
float:left;
margin-right:10px;
}

Plik catalog_img_bg.png z folderu "images" jest odpowiedzialny za tło.

Dla mniejszych obrazków wygląda to następująco:

modules.css line 410

.djf_mod .djf_gal td.catalog_small_img_bg a {
background: url('/../images/catalog_small_img_bg.png') no-repeat scroll 0 0 transparent;
display:block;
height:83px;
padding:3px;
width:83px;
}

Tutaj za tło odpowiedzialny jest plik catalog_small_img_bg.png z folderu "images".

Powyższe informacje przydadzą się, jeżeli zechcesz zmienić wymiary obrazków w module DJ-Catalog2, w takim wypadku będziesz musiał zmienić również rozmiary obrazka tworzącego tło. Specjalnie przygotowaliśmy do tego pliki .PSD wraz z obrazkami tła, znajdziesz je w folderze "source" w katalogu zakupionej paczki. Po zmodyfikowaniu wielkości obrazków tła, nadpisz pliki w folderze "images" templatki. Pamiętaj, że rozmiar dużego tła musi być większy i szerszy o 24 piksele od wymiarów obrazka, natomiast tło dla mniejszych obrazków musi być proporcjonalnie większe o 3 piksele.

Zobacz więcej funkcji szablonu