Własny komponent i niezależny arkusz styli CSS.
Jestem w trakcie pisania dosyć zaawansowanego komponentu pod Joomlę.
Piszę pod J!1.6 i pod te style, jednak chciałbym, aby komponent był niezależny wobec stylu szablonu J!.
Póki co mam taki problem, że (dla przykładu) linki przybierają styl z szablonu J! zamiast z mojego szablonu. Dodawania klas nic nie pomaga - zawsze styl jest nadpisywany stylem z J!.
Ktoś ma jakieś rady dla mnie?
Dziękuję
A masz własny plik css? Jeśli tak to musisz do odpowiednie załadować, każdemu linkowi w Twoim komponencie musisz nadać odpowiednią klasę.
Webdeveloper do usług ;)
Mam własny plik CSS
Ładuję go poprzez poniższy kod:
W pliku tym mam zdefiniowane importy innych plików .css (może to jest problemem, sprawdzę).Kod PHP:$document = JFactory::getDocument();
$document->addStyleSheet('components/....../stylesheet.css');
Każdy link ma przypisaną klasę, a mimo to przypisywany jest styl szablonu J!.
1. Generalnie: Własny arkusz stylu ma sens, jeśli trzeba stylizować rzeczy niestandardowe, a nie standardowe. Jeśli administrator będzie chciał wystylizować inaczej rzeczy standardowe, ma w Joomla! proste do tego narzędzia: klasy CSS strony, modułu, menu (przyrostki).
2. Oprócz dodania własnego arkusza stylów, trzeba jeszcze uwzględnić kwestie kaskadowości i dziedziczenia. To zapewne jest powód, że nie widzisz różnic (zakładając, że arkusz jest wczytany, o czym nie piszesz).
No dobra, zauważyłem pewną zależność - otóż ciągłe ignorowania moich stylów wiąże się z tym, iż mój arkusz jest ładowany wcześniej niż arkusz szablonu J! (ale o dziwo, dzieje się to na standardowych szablonach oraz także na kilku innych - szablon od Gavicka działa elegancko).
Chciałbym zrobić uniwersalną szatę graficzną, na wygląd której nie będzie miał wpływ szablon J!.
I tu moje pytanie - czy mam jakieś inne rozwiązanie niż dopisywanie "!important" przy właściwościach CSS?
Bo jeśli ktoś umie zrobić szablon to używa addStyleSheet, a jak nie to dodaje w szablonie "na sztywno" i stąd ten błąd.
Możesz użyć kilku linijek kodu, które wczytają treść wygenerowanej strony, wyszukają </head> i zamienią na <link rel="stylesheet" type="text/css" href="..." /></head>, wszystko na docs.joomla.org ; )
Webdeveloper do usług ;)
Można to trochę łatwiej (zależy od wersji PHP):Wysłane przez GrzesiekP
Mam własny plik CSS
Ładuję go poprzez poniższy kod:
W pliku tym mam zdefiniowane importy innych plików .css (może to jest problemem, sprawdzę).Kod PHP:$document = JFactory::getDocument();
$document->addStyleSheet('components/....../stylesheet.css');
Każdy link ma przypisaną klasę, a mimo to przypisywany jest styl szablonu J!.
Ponadto zalecałbym dodawanie tego w poszczególnym pliku szablonu widoku czyli np. dla com_content: /components/com_content/views/articles/tmpl/default.phpKod PHP:JFactory::getDocument()->addStyleSheet('components/....../stylesheet.css');
Wtedy deweloper korzystający z Template Overrrides będzie mógł łatwo wyłączyć styl dostarczony z komponentem. Rozwiązanie tego na klasach podstron może powodować potrzebę kombinowania z priorytetami selektorów ponadto wydłuża to parsowanie styli w przeglądarce.
Nie wiem, ale ten szablon Beez2 jest coś popsuty
Dodałem wpis w pliku component.forum
Ale tylko na Beez szablon jest ładowany przed stylami szablonu. Nie wiem o co chodzi doprawdyKod PHP:JFactory::getDocument()->addStyleSheet('components/com_mycomponent/styles/default/layout.css');
Jak wypuszczę komponent, to chciałbym, aby na czystej instalacji J! wyglądał tak samo, jak na innych komponentach
Nic nie jest popsute. Co najwyżej twój plik CSS i to nie dosłownie.
Po pierwsze jeśli jakiś plik CSS wrzucony zostanie (wpisany ręcznie) w szablonie po sekcji "<jdoc:include type=head..." to stare style zostaną nadpisane. Ponadto dochodzi jeszcze wartość poszczególnych wpisów. Nigdy nie ma pewności, że się uzyska żądany efekt zawsze.
Mimo, iż mam w CSS definicję:
#gpcom ol
To i tak styl ten jest nadpisywany przez wcześniej zdefiniowaną klasę:
#main ol
#gpcom ol siłą rzeczy znajduje się wewnątrz #main ol
Reguły pisania
Cytuj