--=REKLAMA=--

JA Purity/Zmiana rozmiaru nagłówka

Z Joomla!WikiPL

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!.

  1. Zaloguj się na stronę zaplecza administracyjnego
  2. Otwórz stronę menedżera szablonów
    Ja purity tpl manager0.png
  3. Kliknij nazwę swojej wersji szablonu JA Purity albo
  4. Zaznacz przycisk radiowy obok nazwy i kliknij ikonę Zmień w przyborniku.
    tumb
  5. Kliknij w przyborniku ikonę Edytuj CSS
    Ja purity tpl css button.png
  6. Zaznacz przycisk radiowy obok template.css
    Ja purity tpl css sel.png
  7. Kliknij w przyborniku ikonę Edytuj, aby otworzyć w edytorze plik template.css
  8. 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;
    }
  9. Zmień wartości we wskazanych wierszach zgodnie pożądaną wysokością nagłówka.
  10. 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.


Dziękujemy za wkład

» Stefan Wajda [zwiastun],

Źródło „http://wiki.joomla.pl/index.php?title=JA_Purity/Zmiana_rozmiaru_nagłówka&oldid=21521