Joomla!WikiPL

Oryginalny szablon JA Purity został wydany przez JoomlArt.com jako archiwum w formacie ZIP oraz został umieszczony w pakiecie instalacyjnym Joomla!. Odnoszące się do logo pliki szablonu, które poddamy modyfikacji, logo.gif (stosowane w przypadku problemów z przezroczystością) oraz logo.png znajdują się w poniższych katalogach:

    templates/ja_purity
                 images/
                     logo.gif
                     logo.png

Jeśli korzystasz z samouczka i szablonu ćwiczebnego, pliki te znajdują się w katalogu:

    templates/my_japurity
                   images/
                       logo.gif
                       logo.png

1. Stwórz nowy obraz o rozmiarach: szerokość - 207 pikseli, wysokość 80px, korzystając z edytora graficznego takiego, jak Gimp.
2. Zapisz obraz w obu formatach - PNG oraz Gif w katalogu /images. W ten sposób nadpiszesz (zastąpisz) istniejące pliki logo.gif oraz logo.png.
3. Poprawiaj, zapisuj, testuj swoje nowe logo aż uzyskasz satysfakcjonujący Cię efekt.

Jeśli chcesz zmienić rozmiary logo, skorzystaj z samouczka rozmiar obszaru nagłówka oraz popraw odpowiednio arkusz stylów, template.css, znajdujący się w katalogu:

    templates/ja_purity
                 css/
                     template.css

W przypadku, gdy korzystasz z szablonu ćwiczebnego, arkusz stylów znajduje się w katalogu:

    templates/my_japurity
                   css/
                     template.css

Plik CSS mozesz 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
   

   
3. Kliknij nazwę swojej wersji szablonu JA Purity albo
4. Zaznacz przycisk radiowy obok nazwy i kliknij ikonę Zmień w przyborniku.
   
5. Kliknij w przyborniku ikonę Edytuj CSS
   

   
6. Zaznacz przycisk radiowy obok template.css
   

   
7. Kliknij w przyborniku ikonę Edytuj, aby otworzyć w edytorze plik template.css
8. W pobliżu wiersza 956 znajdziesz:

   h1.logo a {

   width: 208px; <--- POPRAW TUTAJ SZEROKOŚĆ ---<<

   display: block;

   background: url(../images/logo.png) no-repeat;

   height: 80px; <--- POPRAW TUTAJ WYSOKOŚĆ ---<<

   position: relative;

   z-index: 100;

   }

9. Zmień odpowiednio wartości określające szerokość i wysokość Twojego logo.
10. Naciśnij w przyborniku ikonę Zapisz, aby zakończyć i zachować zmiany.

• © Ten materiał jest dokładnym albo swobodnym tłumaczeniem artykułu http://docs.joomla.org/Replace_the_JA_Purity_Joomla!_Logo udostępnionego na licencji JEDL na witrynie: Joomla! Official Documentation Wiki