Oryginalny szablon JA Purity został wydany przez JoomlArt.com jako archiwum w formacie ZIP oraz został umieszczony w pakiecie instalacyjnym Joomla!. Odnoszący się do obszaru header plik szablonu, który poddamy modyfikacji, template.css znajduje się w poniższym katalogu:
templates/ja_purity
css/
template.css
Jeśli korzystasz z samouczka i szablonu ćwiczebnego, plik ten znajduje się w katalogu:
templates/my_japurity
css/
template.css
Plik CSS możesz zmodyfikować w dowolnym zwykłym edytorze tekstu, takim jak Vi czy Notepad albo za pomocą edytora CSS dostępnego na stronie administracyjnej 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 CSS
- Zaznacz przycisk radiowy obok template.css
- Kliknij w przyborniku ikonę Edytuj, aby otworzyć w edytorze plik template.css
- W pobliżu wiersza 921 znajdziesz:
-
- /* HEADER
- --------------------------------------------------------- */
- #ja-headerwrap {
- background: #333333;
- color: #CCCCCC;
- line-height: normal;
- height: 80px; <---- POPRAW TUTAJ
- }
-
- #ja-header {
- position: relative;
- height: 80px; <---- POPRAW TUTAJ
- }
-
- .ja-headermask {
- width: 602px;
- display: block;
- background: url(../images/header-mask.png) no-repeat top right;
- height: 80px; <---- POPRAW TUTAJ
- position: absolute;
- top: 0;
- right: -1px;
- }
- Zmień wartości we wskazanych wierszach zgodnie pożądaną wysokością nagłówka.
- Naciśnij ikonę Zapisz w przyborniku, aby zachować zmiany.
Skoro zmieniasz rozmiar nagłówka, zechcesz zapewne dostosować obrazek w nagłówku oraz wymienić logo na własne, dostosowane do nowych rozmiarów.
Możliwe, że zechcesz także zmienić położenie swojego logo.