dostosowanie wielkości tła do rodzielczości

[eraser`]

Witam!
Proszę o pomoc w następującym temacie:
Stworzyłem stronkę w której tłem jest obraz.Nie wiem jak dostosować tło tak aby niezależnie od rodzielczości wyświtlało sie prawidłowo(joomla 2.5).Bardzo proszę o radę jak mam się za to zabrać,próbowałem zmodyfikować plik template.css ale nie osiągnąłem odpowiedniego efektu

[marian_mk]

Dostosowanie tła do rozdzielczości nie ma nic wspólnego z joomla. Aby obraz tła nie uległ zniekształceniu przy powiększaniu lub zmiejszaniu ( w zależności od rozdzielczości i proporcji ekranu) nie wystarczy CSS , trzeba zastsowac skrypty - odpowiedź da google - wpisz "full background"

[eraser`]

Dzięki za info,
Doszukałem się modułów które pozwalają na wstawienie własnego tła,niestety po zainstalowaniu żaden nie działa(nie wyświetla mojego jpga tylko białe tło)templatka:avatar dream.Jak sądzisz?w czym może być problem?

[marian_mk]

Bez fusów nic nie wywrózę - ja np. stosuję własny moduł zbudowany na bazie http://www.buildinternet.com/project/supersized/. Moduł ten pozwala równiez ustwić obrazki losowo dla kazdej podstrony (bez slide) jak i tez ustawić pojedyńczy obrazek tła dla każdej podstrony. Przykład http://efekt.mar2.pl/

[eraser`]

Faktycznie jest to dobre rozwiązanie,znalazłem kilka pluginów/modułów natomiast mam kolejny problem,zgodnie z instrukcją:
Step 1:
Install the background module via the Joomla extensions installer (Extensions -> Install/uninstall).

Step 2:
Place a module tag in your template, for example:


Important! You can place the module tag where you want in the template, but after the CSS reference line.

Step 3:
Navigate to the background module settings in the Joomla module list (Extensions -> Module manager).

- Set the right position (in this case: user1)
- Choose an image (or set a directory) from the select list in the module parameters and publish the module.

Wytłumacz mi proszę czy css(step 2) powinienem wstawic w pliku template.css mojej templatki czy w innym?

[marian_mk]

Sam piszesz, ze znalazłeś kilka, ale nie piszesz, które rozwiązanie instalujesz - to ponownie wróżenie bez fusów.

[Dziudek]

Jeżeli chodzi o dostosowywanie tła do szerokości strony to wystarczy CSS i właściwość background-size:



background-size: 100% auto;


Jedyna mała wada - działa na wszystkich nowoczesnych przeglądarkach i IE > 8.

[eraser`]

Dzięki dziudek,kod dodac do pliku template.css?
aktualnie część dotycząca tła wygląda tak:
body {
background: url(/templates/avatar_dream/showcases/default/images/bg2.jpg);
background-size: 100% auto;
}
niestety teraz wyswietla powielone tło

[marian_mk]

A Twoja przegladarka nie obsługuje google? Tu masz wszystko http://css-tricks.com/perfect-full-page-background-image/