Share This

Gantry framework 4 dla Joomla - jak dostosować szablon do swoich potrzeb. Zmiany graficzne w szablonie Gantry są dość proste, jest kilka wbudowanych styli modułów, możemy tworzyć także własne style. Dzięki wtyczce dla Firefoxa - firebug możemy podejrzeć jak wygląda kod stylu css dla modułów i go dostosować dla naszych potrzeb, tak by strony internetowe lublin na joomla były atrakcyjne graficznie.

 


1. Standardowa instalacja Gantry4 Rocketlauncher dla Joomla z danymi demo i domyślnym szablonem.

joomla 3 - szablon Gantry 4 - strony www Warszawa - jak zmienić styl modułu w Joomla 3 na domyślnym szablonie Gantry 4

 

2. Przechodzimy do zakładki: Features / Module Variations. W tym miejscu możemy zobaczyć domyślne style w szablonie dla frameworka Gantry 4. Jak widać mamy do dyspozycji 4 style tytułu modułu i 3 style dla modułu.

joomla 3 - szablon Gantry 4 - strony www Warszawa - jak zmienić styl modułu w Joomla 3 na domyślnym szablonie Gantry 4

 

3. Dodatkowo w zapleczu szablonu - zakładka style - możemy zdefiniować kolor linku. Jak na darmowy szablon chyba dość dużo. Ale komercyjne szablony RT mają o wiele większe możliwości

joomla 3 - szablon Gantry 4 - strony www Warszawa - jak zmienić styl modułu w Joomla 3 na domyślnym szablonie Gantry 4

 

4. Spróbujmy zmienić kolor linku - to bardzo proste bo mamy mikser kolorów podobny do tego z programów graficznych.

joomla 3 - szablon Gantry 4 - strony www Warszawa - jak zmienić styl modułu w Joomla 3 na domyślnym szablonie Gantry 4

5. Jak widać zmianie uległy linki - zarówno buttony jak i tytuł artykułu który jest linkiem

joomla 3 - szablon Gantry 4 - strony www Warszawa - jak zmienić styl modułu w Joomla 3 na domyślnym szablonie Gantry 4

 

6. OK wracamy na stronę główną szablonu. Moduł "LESS is More" sprawdźmy jakie ma przypisane style.

joomla 3 - szablon Gantry 4 - strony www Warszawa - jak zmienić styl modułu w Joomla 3 na domyślnym szablonie Gantry 4

 {josociallocker}

7.Na zapleczu przechodzimy do Rozszerzenie / Moduły i szukamy naszego modułu "LESS is More"

joomla 3 - szablon Gantry 4 - strony www Warszawa - jak zmienić styl modułu w Joomla 3 na domyślnym szablonie Gantry 4

 

8. Do modułu "LESS is More" przypisany jest styl "box3" - sprawdzamy to w zakładce Wzbogacone. Zmieniam "box3" na "box1"

joomla 3 - szablon Gantry 4 - strony www Warszawa - jak zmienić styl modułu w Joomla 3 na domyślnym szablonie Gantry 4

 

 

9. Tak wygląda moduł "LESS is More" z przypisanym stylem "box1"

joomla 3 - szablon Gantry 4 - strony www Warszawa - jak zmienić styl modułu w Joomla 3 na domyślnym szablonie Gantry 4

 

 

10. Wracam do "box3" bo ten styl ma więcej opcji

joomla 3 - szablon Gantry 4 - strony www Warszawa - jak zmienić styl modułu w Joomla 3 na domyślnym szablonie Gantry 4

 

 11. Sprawdzam Firebug'iem - jak widać styl dla "box3" jest rozbudowany. Dodatkowo jest jeden styl wspólny dla "box1" "box2" i "box3"- border-radius: 3px - to znaczy że ramka modułów jest zaokrąglona

joomla 3 - szablon Gantry 4 - strony www Warszawa - jak zmienić styl modułu w Joomla 3 na domyślnym szablonie Gantry 4

 

 

 12. Zmieniam kilka parametrów bezpośrednio w firebugu i nas styl "box3" moduły na stronie www Lublin zmienia się.

joomla 3 - szablon Gantry 4 - strony www Warszawa - jak zmienić styl modułu w Joomla 3 na domyślnym szablonie Gantry 4

 

13. Pamiętajmy jednak że zmiany wprowadzone w firebugu nie są trwałe. Kopiuje nowo utworzone wersje stylu i wklejam do pliku "gantry-custom.css"

joomla 3 - szablon Gantry 4 - strony www Warszawa - jak zmienić styl modułu w Joomla 3 na domyślnym szablonie Gantry 4

 

14. Właściwie możemy to uprościć. Zapisujemy plik "gantry-custom.css"  i kopiujemy na serwer do następującej lokalizacji: templates/gantry/css/custom-gantry.css  Podmieniliśmy więc parametry stylu "box3"

joomla 3 - szablon Gantry 4 - strony www Warszawa - jak zmienić styl modułu w Joomla 3 na domyślnym szablonie Gantry 4

 

15. Powyższe rozwiązanie ma jedną wadę, często oryginalne style są lepsze od naszych - jak w tym przypadku. Dlaczego więc nie pozostawić oryginalnych styli "box1" "box2" "box3" i nie stworzyć nowego stylu.
Tworzymy styl "box7". Zapisujemy plik i wysyłamy na serwer

joomla 3 - szablon Gantry 4 - strony www Warszawa - jak zmienić styl modułu w Joomla 3 na domyślnym szablonie Gantry 4

 

16. W zakładce "Wzbogacone" modułu zmieniamy styl "box3" na "box7"

joomla 3 - szablon Gantry 4 - strony www Warszawa - jak zmienić styl modułu w Joomla 3 na domyślnym szablonie Gantry 4

 

17. Ok nowo utworzony styl "box7" dla naszej strony www Warszawa na joomla działa poprawnie. Wizualnie tak sobie ale zasada tworzenia nowego stylu przekazana została mam nadzieję przejżyście.

joomla 3 - szablon Gantry 4 - strony www Warszawa - jak zmienić styl modułu w Joomla 3 na domyślnym szablonie Gantry 4

 {/josociallocker}

 

Przydało się? - Udostępnij

Blog - popularne

Specified key was too long; max key length is 767 bytes - błąd podczas przywracania strony za...

Klient poprosił mnie o zwiększenie wersji PHP do najnowszej wersj PHP 7.2. Przy stronach firmowych najczęściej nie wykonuję takich operacji z automatu tylko staram się na początek sprawdzić czy jest...
Czytaj dalej

Akeeba Kickstart - czyli jak przywrócić stronę internetową Joomla 3 z kopii zapasowej Akeeba Backup

Przenosimy stronę na CMS joomla na inny serwer. Mając wykonaną za pomocą Akeeba Backup kopię strony www możemy ją przenieść w krótkim czasie na dowolny serwer. Czas wysyłania na serwer rozpakowanych...
Czytaj dalej

Jak zrobić banner slideshow w joomla 3 - dodatek Roksprocket dla strony www na joomla

Roksprocket dla Joomla czyli jak zrobić banner dla naszej strony internetowej na joomla. Roksprocket do moduł którego wersja występuje także dla wordpressa. Można za jego pomocą wykonać nie tylko...
Czytaj dalej

Jak dodać firmę do Google Maps

Tworząc firmową stronę internetową prawie zawsze umieszczamy na niej mapę z lokalizacją firmy. Czasy statycznych map graficznych minęły dawno temu. Teraz najczęściej szukamy firm na google które ma...
Czytaj dalej

Jak dodać film z youtube stronę www na joomla - dodatek AllVideos od Joomla Works

Niezbyt często korzystam w wykonywanych stronach www z możliwości osadzania w nich wideo. Jeśli klienci mają przygotowane materiały wideo warto je wykorzystać nie tylko z powodu lepszego zapoznania...
Czytaj dalej

Jak wykonać przekierowanie DNS domeny zarejestrowanej na home.pl na serwer nazwa.pl - na którym...

Przekierowanie DNS wykonujemy kiedy domenę zarejestrowaliśmy w jednej firmie, a hosting dla naszej strony internetowej wykupiliśmy w innej. Dzisiaj pokażę jak przekierować domenę zarejestrowaną na...
Czytaj dalej

Przezroczystość w plikach PNG - jak zapisać plik z PNG z przezroczystością w Adobe Photoshop dla...

Format .png to drugi w kolejności po .jpg format plików graficznych wykorzystywany w czasie tworzenia stron internetowych. Oczywiście większość użytkowników internetu najbardziej kojarzy .jpg bo w...
Czytaj dalej

WordPress - jak wykonać kopię zapasową strony www na WordPress za pomocą Akeeba Backup

WordPress podobno nie sprawia problemów, ale dmuchając na zimne - kopię strony www należy wykonać jeśli zależy nam na bezpieczeństwie naszych danych. Akeeba Backup to narzędzie które powstało jako...
Czytaj dalej

Akeeba Backup - jak wykonać kopię strony www na CMS Joomla 3

Akeeba Backup pozwala na tworzenie kopii na wszystkich wersjach joomla - tu w wersji dla Joomla 3 Mając stronę internetową utrzymywaną na dobrym hostingu nie musimy martwić się o wykonywanie kopii...
Czytaj dalej