--=REKLAMA=--

JA Purity/Wyśrodkowanie poziomego menu

Z Joomla!WikiPL

Oryginalny szablon JA Purity został wydany przez JoomlArt.com w pakiecie instalacyjnym jako archiwum w formacie ZIP, ale później został umieszczony w pakiecie instalacyjnym Joomla!. Potrzebne tutaj pliki szablonu: index.php, ja-sosdmenu.css oraz ja-sosdmenu-rtl.css znajdują się w poniższych katalogach :

    templates/ja_purity
                 index.php
                 css/
                     ja-sosdmenu.css
                     ja-sosdmenu-rtl.css 

Jeśli korzystasz z samouczka, możesz pobrać specjalną wersję ćwiczebną wersję szablonu i zainstalować ją w następującym katalogu:

    templates/my_japurity
                 index.php
                 css/
                     ja-sosdmenu.css
                     ja-sosdmenu-rtl.css 

Możesz zmodyfikować te pliki za pomocą zwykłego edytora tekstu, np. VI lub Notepad albo edytora HTML dostępnego na zapleczu 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 HTML
    Ja purity tpl html button.png
  6. Blisko wiersza 93 znajdziesz:
    <style type="text/css">
    #ja-header,#ja-mainnav,#ja-container,#ja-botsl,#ja-footer {width: <?php echo $tmpWidth; ?>;margin: 0 auto;}
    #ja-wrapper {min-width: <?php echo $tmpWrapMin; ?>;}
    </style>
  7. Zmień nazwę stylu #ja-mainnav na #ja-mainnavwrap w sekcji style
  8. Zapisz i zamknij plik HTML
  9. Kliknij w przyborniku ikonę Edytuj CSS
    Ja purity tpl css sel.png
  10. Zaznacz przycisk radiowy obok ja-sosdmenu.css
    Ja purity ja sosdmenu sel.png
  11. Kliknij w przyborniku ikonę Edytuj, aby otworzyć w edytorze plik ja-sosdmenu.css
  12. Blisko wiersza 12 znajdziesz:
    #ja-mainnav, #ja-mainnav ul {
    padding: 0;
    margin: 0;
    line-height: 20px;
    }
  13. Poniżej wiersza 12 dodaj następujący kod:
    #ja-mainnavwrap {
    max-width: 960px; <--- ZMODYFIKUJ TEN FRAGMENT
    margin: 0;
    }
  14. Zmień wartość w tym wierszu tak, aby dostosować szerokość maksymalną
  15. Prawdopodobnie trzeba dodać ten fragment również w pliku ja-sosdmenu-rtl.css
  16. Koniec


Dziękujemy za wkład

» Stefan Wajda [zwiastun],

Źródło „http://wiki.joomla.pl/index.php?title=JA_Purity/Wyśrodkowanie_poziomego_menu&oldid=21519