Oryginalny szablon JA Purity został wydany przez JoomlArt.com w pakiecie instalacyjnym jako archiwum w formacie ZIP, ale później został umieszczony w pakiecie instalacyjnym Joomla!. Potrzebne tutaj pliki szablonu: index.php, ja-sosdmenu.css oraz ja-sosdmenu-rtl.css znajdują się w poniższych katalogach :
templates/ja_purity
index.php
css/
ja-sosdmenu.css
ja-sosdmenu-rtl.css
Jeśli korzystasz z samouczka, możesz pobrać specjalną wersję ćwiczebną wersję szablonu i zainstalować ją w następującym katalogu:
templates/my_japurity
index.php
css/
ja-sosdmenu.css
ja-sosdmenu-rtl.css
Możesz zmodyfikować te pliki za pomocą zwykłego edytora tekstu, np. VI lub Notepad albo edytora HTML dostępnego na zapleczu Joomla!. Tutaj posłużymy się edytorem wbudowanym w Joomla!.
- Zaloguj się na stronę zaplecza administracyjnego
- Otwórz stronę menedżera szablonów
- Kliknij nazwę swojej wersji szablonu JA Purity albo
- Zaznacz przycisk radiowy obok nazwy i kliknij ikonę Zmień w przyborniku.
- Kliknij w przyborniku ikonę Edytuj HTML
- Blisko wiersza 93 znajdziesz:
- <style type="text/css">
- #ja-header,#ja-mainnav,#ja-container,#ja-botsl,#ja-footer {width: <?php echo $tmpWidth; ?>;margin: 0 auto;}
- #ja-wrapper {min-width: <?php echo $tmpWrapMin; ?>;}
- </style>
-
- Zmień nazwę stylu #ja-mainnav na #ja-mainnavwrap w sekcji style
- Zapisz i zamknij plik HTML
- Kliknij w przyborniku ikonę Edytuj CSS
- Zaznacz przycisk radiowy obok ja-sosdmenu.css
- Kliknij w przyborniku ikonę Edytuj, aby otworzyć w edytorze plik ja-sosdmenu.css
- Blisko wiersza 12 znajdziesz:
- #ja-mainnav, #ja-mainnav ul {
- padding: 0;
- margin: 0;
- line-height: 20px;
- }
-
- Poniżej wiersza 12 dodaj następujący kod:
- #ja-mainnavwrap {
- max-width: 960px; <--- ZMODYFIKUJ TEN FRAGMENT
- margin: 0;
- }
-
- Zmień wartość w tym wierszu tak, aby dostosować szerokość maksymalną
- Prawdopodobnie trzeba dodać ten fragment również w pliku ja-sosdmenu-rtl.css
- Koniec