--=REKLAMA=--

JA Purity/Wymiana logo Joomla!

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


Źródło „http://wiki.joomla.pl/index.php?title=JA_Purity/Wymiana_logo_Joomla!&oldid=24432