Edycja stylu

[kasro]

Witajcie,


Chciałbym dokonać zmian w szablonie. Widze np takie wpisy w index.php


<div id="top-image">
<div id="menu-top"><jdoc:include type="modules" name="dj-menu-top" style="raw"/></div>
<?php if($this->countModules('header')) { ?>
<jdoc:include type="modules" name="header" style="raw"/>
<?php } else{ ?>
<img src="<?php echo $dj_path;?>images/bag.png" alt="bag" />


header ma styl raw. chciałbym go zmienić ( tło, etc) w celu dopasowania najlepszych kolorów

... lecz za chiny nie wiem gdzie mam to odszukać. Przeszukałem wszystkie pliki w templatce css
przeszukałem wiki i forum. NIe znalazłem odpowiedzi lub nie doczytałem za co przepraszam, lecz postów jest mnóstwo.

Gdzie mogę to zmienić?

Z góry dzięki za info

[nikszal]

Czy przypadkiem nie myli Ci się szablon z szablonowym tworzeniem kodu?

Nikt nie wie co chcesz zmienić , jak wygląda ten szablon, jaki jest link do strony więc czekaj cierpliwie aż ktoś udzieli Ci "szablonowej" odpowiedzi.

[Bazyl]

Witam,

Piszesz o stylu dla modułu - sposób wyświetlania modułu w szablonie...
Zainstaluj Firebuga, podejrzyj kod, nanieś zmiany w css.

[kasro]

hmhm.

Zainstalowałem firebuga i nie bardzo wiem co z nim zrobić. Pokazuje mi kod z wskazaniem na miejsce w indexie danego elementu. A tutaj chyba tego niezmienie.

zaobczcie na stronę http://nakanapie.eu/

strona jest testowa, uczę się na niej i sobie analizuję różne możliwości

Zerknijcie na moduł OGŁOSZENIA. Tło jest niebieskie. Chcę np to zmienić.

W indexie ma styl djrounded:


<?php } ?>
<?php if($this->countModules('top2')) { ?>
<div class="content-top">
<div class="inside">
<jdoc:include type="modules" name="top2" style="djrounded"/>
</div>
</div>


Więc domyślam się, musze gdzieś w jakimś pliku odszukać wpisy do tego stylu i je zmienić

---------- Post dodany o 18:14 ---------- Poprzedni post był o 18:11 ----------

Czy mam patrzeć tutaj?

4711

[Bazyl]

Przeczytaj raz jeszcze moja poprzednia odpowiedź, pomyśl i zrób co trzeba w plikach css.
W sieci jest masę kursów.

Nie edytujesz stylów prezentowania modułów zawartych w jdoc, a style szablonu

[nikszal]

Zerknijcie na moduł OGŁOSZENIA. Tło jest niebieskie. Chcę np to zmienić.
Jest jeden, a nawet dwa problemy.

1. Jak zmienisz kolor tła modułu edytując css to zmienisz go dla wszystkich modułów, a nie tylko tego jednego. Tu przydaje się przyrostek klasy dla wyróżnienia tylko jednej pozycji modułu.

2. Żeby zmienić kolor tła modułu, to musisz w swoim konkretnym przypadku zmienić kilka plików graficznych.

[kasro]

A nie jest tak, że różne moduły top, header, footer mają wpisane różne style, więc jak zmienię color w stylu 1 to tylko te moduły, które czerpią z tego stylu będą zmienione?

Jakbym wiedział, gdzie jest składnia pliku ze style, to bym widział do jakich plików się odwołuje i mógł je zmienić :/

[nikszal]

Słuchaj starszych.
Gdyby tak było, to nie wspominałbym o przyrostku klasy modułu.

Jak zmienisz kolor tła modułu 'Ogłoszenia' bez stosowania przyrostka klasy, to tło modułu 'Oferty stałych noclegów' też się zmieni.

[kasro]

Ahzu :)

Czyli pozostało mi siedzieć całą noc i czytać jak Bazyl przykazał

[nikszal]

Przecież w Firebugu z prawej strony masz podgląd każdej klasy, na którą klikniesz. W czym problem?
Ale czytaj, na pewno wyjdzie Ci to zdrowie. Poczytaj także na wiki.joomla.pl o przyrostkach klasy modułów.

[kasro]

Chyba zakumałem. Zrobie sobie nową klasę i ją podmontuje per moduł, bo o to chodzi.

Chyba ten temat mi wystarczy:
http://wiki.joomla.pl/index.php/Stosowanie_przyrostk%C3%B3w_klas_w_Joomla!_1.5

Aczkolwiek nie wiem jeszcze gdzie mam stworzyć ta klasę w kodem, ale chyba znajdę na Wiki

[zwiastun]

Już Ci raz napisał @nikszal, że mylisz styl pozycji modułu (dokładniej ramki, szablonu, chrome), który decyduje li tylko o opisaniu modułu kodem HTML, ze stylami w CSS. Stylów typu "raw","none", "xhtml", "djrounded", używanych w instrukcji jdoc w arkuszach stylów nie szukaj, bo ich tam nie ma.

[kasro]

Zwiastun masz rację.

Ale mój ostatni wpis idzie już w dobrą stronę?


Wykorzystamy teraz tę nową klasę, by dodać jakieś stylizowanie. Przejdź na koniec pliku templates/rhuk_milkyway/css/template.css i dodaj poniższy kod:
div.customLatestClass { background-color: #FFFFD2; } div.customLatestClass h3, ul.customLatestClass, ul.customLatestClass a { color: #8B4513; }

W swoim pliku z szablonu wpisze odpowiednie linijki definiujace np. _modkasro z odpowiednim tłem itp

W konfiracji modułu po prawej stronie , gdzie wywołuje przedrostek klas wpiszę _modkasro i będzie śmigac?