Edycja szablonów joomla.

[Djef]

No więc znowu ja.
Przepraszam za pos pod postem na początku, ale pojawił mi sie kolejny problem. Googlanie na niewiele się jak na razie zdało, więc piszę na forum, bo po to chyba fora są, tak?

Chciałbym na tej mojej stronce zmienić tło, ten najbardziej odległy background. Wiem, że wszystko co trzeba znajduje się w sekcji body mojego szablonu, znalazłem miejsce itd. Wiem też, że tło to jest obrazk i aby je zmienić trzeba obrazek podminić.
Chcę żeby mój obrazk nie był powielany, więc zmieniłem funkcję "repeat" na "no-repeat".
Ale, jak sprawić, żeby obrazek był wyśrodkowany idalnie i czy da się zrobić tak, żeby obrazek dopasował się do wielkości okna przeglądarki? Obawiam się, że tutaj w gre może wchodzić grafika responsywna, ale o tej jeszcze nie mam zielonego pojęcia.
Satysfakcjonowałaby mnie jeszcze trzecia opcja: jednolite tło i na tym tle jakiś element (obrazek), który zawsze byłby na środku ekranu, niezależnie jak nisko zjedziemy scrollem, albo jak bardzo dużej rozdzielczości używamy.

Da się to jakoś zrobić?
Z góry dzięki za pomoc.

[AndiC]

Rozumiem że żaden z dostępnych modułów na JED nie jest odpowiedni ?
I wszystkie sprawdziłeś ?

[Djef]

Szczerze mówiąc, liczyłem, że wystarczy odpowiednią formułę wpisać w kodzie, żeby tło np. dopasowało sie do okna przeglądarki. I nie trzeba będzie uciekać się do modułów.

[zwiastun]

Ale, jak sprawić, żeby obrazek był wyśrodkowany idalnie i czy da się zrobić tak, żeby obrazek dopasował się do wielkości okna przeglądarki? Obawiam się, że tutaj w gre może wchodzić grafika responsywna, ale o tej jeszcze nie mam zielonego pojęcia.
Satysfakcjonowałaby mnie jeszcze trzecia opcja: jednolite tło i na tym tle jakiś element (obrazek), który zawsze byłby na środku ekranu, niezależnie jak nisko zjedziemy scrollem, albo jak bardzo dużej rozdzielczości używamy.

@AndiC dlatego podpowiedział skorzystanie z modułu, bo napisałeś co napisałeś: nie wiesz, nie masz pojęcia, czyli oczekujesz nie podpowiedzi, ale poradnika czy instrukcji krok po kroku. Co prawda to nieco inna skala zagrożenia, ale porównanie jest mimo wszystko uprawnione: czy użytkownikowi wyrostka robaczkowego chirurg ma na na forum odpowiadać, jak krok po kroku rozwiązać doskwierający użytkownikowi problem.

Da się osiągnąć efekt za pomocą modułu, znaczy, że da się napisać kod, który problem rozwiązuje. Ale nie jest to jeden wierszyk w arkuszu CSS ("odpowiednia formula w kodzie")

[alex51]

@Djef, włącz witrynę.

[Djef]

@zwiastun, słuszne rozumowanie, nie podszedlem do tego tematu z tej strony. Po prostu miałem nadzieję, że wystarczy zmienić jakiś elemnt, lub coś dopisać, tak jak w przypadku sprawienia aby obrazek nie był powielany - wystarczyło dodać przedrostek "no-" do repeat i było w porządku.

@alex, witryna włączona.

[alex51]

Coś długo trwało to włączanie. Widzę, że masz już wstawiony obrazek w tle strony:
http://13taxi.pl/templates/realestate/css/styles.css
wiersz 12

.background {

background: url("../images/bck.jpg") no-repeat scroll 0 0 transparent;
position: absolute;
width: 100%;


}

Aby obrazek nie przesuwał się wraz z przesuwaniem zawartości strony zmienić należy wartość scroll na fixed.

[Djef]

Jedyne co w tym pliku znalazłem to:

/* Main Layout */
html {height: 100%; width:100%;}
body { font-family: Helvetica, Arial, sans-serif; font-size:13px; line-height: 1.3; color: #393939; }
body.contentpane { background:#393939; color:#393939;}

.background {position: absolute; width: 100%; background:url(../images/bck.jpg) no-repeat;}
h2.item-page-title a, .leading-0 a, h1, h2, h3, h4, a:link, a:visited { text-decoration: none; color: #393939;}
a:hover { text-decoration: underline; color: #555; background:none;}
.logo { position:absolute; max-width:267px; max-height:85px;}
.logo a {color:#fff; text-decoration:none; font-size:56px;}
.slogan {color: #fff;font-size: 10px;left: 290px;position: absolute;top: 73px;}
.searchbutton { position:absolute; right:10px; top: 7px; color:#fff; float:right; width:50px;}

I szczerze nie widzę tam info o scrollu :/

[zwiastun]

@Alex51 pokazał Ci jak zmienić te deklarację:
.background {position: absolute; width: 100%; background:url(../images/bck.jpg) no-repeat;}

[alex51]

Brak wpisu wartości scroll jest równoznaczny z tym, że tło strony pozostaje "sklejone" z pozostałymi częściami szablonu. Mówiąc inaczej nie trzeba koniecznie dopisywać scroll w regule określającej tło strony jeśli zależy nam aby tło przesuwało się wraz z przesuwaniem strony. Chcąc uzyskać nieruchomy obraz tła należy użyć wartości fixed. Robi się tak w przypadku ustawiania w tle strony konkretnego obrazka o rozdzielczości wystarczającej do pokrycia całego roboczego rozmiaru strony. Wówczas nie ma potrzeby stosowania powtórzeń tego obrazu.