9 odpowiedzi na ten temat

[evvka]

witam,
czy wiecie może jakiego skryptu użyć lub jak powinien być napisany css, aby strona skalowała się w zaleźności od rozdzielczości monitora, tak aby na dużej rozdzielczości była normalnie widoczna a nie malutka na środku?
przykład jest tu, ale ta jest akurat we flashu
http://www.jordanvot...e/5c1d/seniors/
lub ta, która jest na wordpress
http://www.lucim.org/
chodzi oczywiście o to aby tak zrobić w Contao

[ORLONnet]

witam,
czy wiecie może jakiego skryptu użyć lub jak powinien być napisany css, aby strona skalowała się w zaleźności od rozdzielczości monitora, tak aby na dużej rozdzielczości była normalnie widoczna a nie malutka na środku?
przykład jest tu, ale ta jest akurat we flashu
http://www.jordanvot...e/5c1d/seniors/
lub ta, która jest na wordpress
http://www.lucim.org/
chodzi oczywiście o to aby tak zrobić w Contao

w templatce ustawiaj procentowo szerokość strony
Jak dobrze skroisz szablon strony to będzie tak ładnie jak w przykladach

[evvka]

no tak ale nie mogę na stronie procentowo okreslić każdego div'a jesli mam grafike użytą do wyglądu strony
Zalezy mi na tym aby skalował się przedewszystkim zdjęcia w galerii oraz tekst no i generalnie rozmiar strony

[Kamil]

Do takiego skalowania tła potrzebny jest javascript. Swego czasu gdzieś widziałem coś takiego dla jQuery, poszukaj a na pewno znajdziesz.

Hej, a zaglądałaś w źródła tej strony? Bo ja znalazłem tam takie coś http://pstbn.com/a9OdOTb

[milbau]

Hej. Sprawdź tutaj, jest kilka sposobów:
http://css-tricks.co...ckground-image/
i ostatnio używałem tego i też fajnie śmiga jak chcielibyśmy zmieniające się tła.
http://www.ajaxblend...in-updated.html
A jeśli chodzi Ci konkretnie o galerię full screen - to też są darmowe rozwiązania.

[kylu123]

Witam
Przyłączam się do tematu. Mam strasznie dużą stronę - 1920x1080, to jej max rozmiar, będzie głównie wyświetlana na dużych screenach (taki terminarz dla mechaników), ale też przez uzytkowników korzystających z PCtów o mniejszej rozdzielczosci (jak choćby ja). Fajnie jakby nie trzeba przesuwać strony suwakami w nieskończoność, ale aby sama się skalowała wraz ze zmiana rozdzielczości.

Problem w tym ze praktycznie w każdym div mam grafikę jako background, mimo że ustawiam rozmiary divów procentowoto niestety grafiki mi przeglądarki nie skalują.
Można to jakoś za pomocą css zrobić czy jedynie jakieś skrypty javowe?

Z płynnym szablonem mam same kłopoty, dużo prościej byłoby jakbym mógł to zrobić na stałym szablonie, gdzie wpisałbym na sztywno wymiary div

Poradźcie coś Koledzy....

[Kamil]

Zapoznaj się z responsive design.

[kylu123]

Brzmi ciekawie i pewnie to przyszłość, ale dla mnie nie w tym przypadku. Poszukuję poprostu sposobu na automatyczne przeskalowanie layoutu, który składa się praktycznie z samych fotek. jQuery przyjdzie tu z pomocą?

[kylu123]

To może inaczej, konkretny przypadek - mam header podzielony na dwie części. Pierwszy kontener zawiera logo jako background w css, drugi element to tez grafika jako tło. Część z logiem zajmuje 21.04% szerokości, prawa 78.96% wobec tego.
Same bloki układa mi w porządku (sprawdzam na kilku rozdzielczościach i dobrze je układa, tylko w szerokości), ale nie skaluje obrazków z background. Pewnie dla tego że nie podaję właściwości "height", po samym "width" mi tego nie wyświetla. Próbowałem z height: auto, max-height:.., min-height, podawanie wartości procentowych i nic

Jak to obejść?

[Kamil]

To może poszukaj jakiegoś automatycznego skalowania obrazków w jQuery.