--=REKLAMA=--

JA Purity/Zmiana położenia logo

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 logo 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 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;
    display: block;
    background: url(../images/logo.png) no-repeat;
    height: 80px;
    position: absolute; <---- POPRAW TUTAJ
    top: 10px; <---- DODAJ TEN WIERSZ
    left: 10px; <---- DODAJ TEN WIERSZ
    z-index: 100;
    }
  9. W dodanych wierszach umieszczasz obrazek logo zgodnie ze swoimi preferencjami.
  10. Następnie popraw pozycje tekstów towarzyszących logo...
  11. W pobliżu wiersza 970 znajdziesz:
    h1.logo-text a {
    color: #CCCCCC !important;
    text-decoration: none;
    outline: none;
    position: absolute;
    bottom: 40px; <---- POPRAW TUTAJ
    left: 5px; <---- POPRAW TUTAJ
    }
    p.site-slogan {
    margin: 0;
    padding: 0;
    padding: 2px 5px;
    color: #FFFFFF;
    background: #444444;
    font-size: 92%;
    position: absolute;
    bottom: 20px; <---- POPRAW TUTAJ
    left: 0; <---- POPRAW TUTAJ
    }
  12. Popraw te wiersze, aby umieścić logo w preferowanym miejscu.
  13. Naciśnij w przyborniku ikonę Zapisz, aby zakończyć i zachować zmiany.


Dziękujemy za wkład

» Stefan Wajda [zwiastun],

Źródło „http://wiki.joomla.pl/index.php?title=JA_Purity/Zmiana_położenia_logo&oldid=21512