WebSite X5Help Center

 
Łukasz M.
Łukasz M.
User

Wielkość tła wersja mobilna i desktopowa  pl

Autor: Łukasz M.
Visited 2030, Followers 1, Udostępniony 0  

Witam.

Jak zmienić wielkość tła?

Mam tu na myśli jak zrobić aby tło było normalnej wielkości i na komputerze i na wersji mobilnej?

Na komputerze jest wszystko ok, ale jak tę samą stronę otworzę na wersji mobilnej to nic nie widać. Tzn. widać ale tylko mały urywek tła gdzieś w środku. Same piksele. Chcę aby tło było tak samo widoczne w wersji mobilnej tylko odpowiednio przeskalowane co do rozdzielczości. 

Mam tu na myśli tę opcję:

Tam gdzie dodajemy tło do stron:

Dzięki z odpowiedź.

Posted on the
13 ODPOWIEDZI - 5 USEFUL
Promise SA
Promise SA
Icm Partner

Witaj Łukasz,

Na jakim urządzeniu mobilnym i w jakiej wersji przeglądarki występuje opisywany problem? Proszę również podać adres strony i zapoznać się z wątkiem dotyczącym podobnego problemu: https://helpcenter.websitex5.com/pl/post/210811

Pozdrawiamy

Czytaj więcej
Posted on the from Promise SA
Łukasz M.
Łukasz M.
User
Autor

Strona nie jest jeszcze gotowa.

Generalnie chodzi o to, że na wersjach mobilnych tło strony jest jak gdyby maksymalnie przybliżone. 

Podam przyklad:

w tym zrzucie, który jest w załączniku powinny być w tle deski drewniane, i takie są w wersji desktopowej. Jednakże w wersji mobilnej wyglada to tak jak w załączniku.

Mam telefony w IOS i Android aktualne oprogramowanie

Czytaj więcej
Posted on the from Łukasz M.
Promise SA
Promise SA
Icm Partner

Witaj Łukasz,

Proszę zapoznać się z przytoczonym wcześniej wątkiem.

Pozdrawiamy

Czytaj więcej
Posted on the from Promise SA
Łukasz M.
Łukasz M.
User
Autor

Promise, mnie nie chodzi o paralaksę.

Mój problem to zbyt przybliżony obraz, ktory jest zarazem tłem strony.

Tak jak zaznaczyłem na pliku, który wysłałem wczesniej tło jest zbyt mocno przybliżone w wersji mobilnej.

Nie mam ustawionej żadnej paralaksy. 

Czytaj więcej
Posted on the from Łukasz M.
Łukasz M.
Łukasz M.
User
Autor

Dokładnie Tom, o to mi chodzi.

Czytaj więcej
Posted on the from Łukasz M.
Łukasz M.
Łukasz M.
User
Autor

Tom mogłbyś napisać krok po kroku jak to zrobić? Te linki, które wysłał KolAsim nie są już aktywne.

frown

Czytaj więcej
Posted on the from Łukasz M.
Tom G.
Tom G.
User

Łukasz,

Nie wiem czy to u Ciebie zadziała, nie wiem jak wyświetlasz "tło".

Kod, napisany przez KolAsim'a (z małymi moimi zmianami) wstaw w:

3 - Map | strona z tłem | Properties | Expert tab | Before closing the HEAD tag

          

          

W linii poniżej, zmień "images/SELL.jpg" na adres pliku Twojego tła.

         

Kod powoduje, że środek tła cały czas jest w centrum obrazu.

Mam nadzieję, że zadziała u Ciebie poprawnie, że o to chodziło.

(Możesz zobaczyć jak to działa przy zmianie rezolucji na stronie ownitconsignment.com, którą aktualnie tworzę dla mojej córki. Jest tam wiele elementów, które są w trakcie testowania, jak np. tło "side show" na stronie HOME lub FAQ pod SALE).

(-) Tomek

Czytaj więcej
Posted on the from Tom G.
Tom G.
Tom G.
User

Łukasz,

Być może w kodzie powinienneś zmienic wartości

              var wImg = 3; // width of image  |relative               var hImg = 2; // height of image |   ""
 

Te zmienne pokazują względny stosunek szerokości zdjęcia do wysokości. U mnie ten stosunek jest ak 3 do 2.

Czytaj więcej
Posted on the from Tom G.
Mini M.
Mini M.
User

Ja robie zawsze 2 tła

1 w wersji komputer
2 w wersji mobilnej

Wtedy mogę dostosować fragment wielkość tła na telefonach, aby było dobrze widoczne.

widać to na mojej www www.djlux.tv

Załatwia to wklejenie kodu z podmianą fotki tła:

@media screen and (max-width: 719px) and (min-width: 320px){
#imPageRowGraphics_1{
background: transparent url('/images/twoje nowe foto tła ') no-repeat center top;
background-size: cover;
}
}

Czytaj więcej
Posted on the from Mini M.
Łukasz M.
Łukasz M.
User
Autor

@Mini

wlasnie o to mi chodzi.

Napiszesz mi gdzie mam wkleić ten kod?

Co masz na myśli, że robisz dwa tła?

jak ustawimy tło w strony/formaty wierszy to jest jednakowe we wszystkich wersjach desktopowej i mobilnej.

Czytaj więcej
Posted on the from Łukasz M.
Tom G.
Tom G.
User

Łukasz,

"Dwa tła" to po prostu dwie fotki, które podmianiasz dla pewnej rezolucji. W przykładzie Mini M. zmiana następuje przy 720 px.

Kod wklejasz pod 3 - Map | Expert | Before closing the HEAD tag, pomiędzy <style> ... </style>. Jest to niewątpliwie skuteczne i eleganckie rozwiązanie.

Męczył mnie ten problem, i napisałem JS kod, któty pokazuje jedną (całkowitą) fotkę zmniejszjąc ją lub zwiększając przy zmianie rezolucji. Zajrzyj jeszcze raz na ownitconsignment.com, pod "SELL experiment". Nie patrz na text czy logo, tylko na zdjęcie.

To podejście też może być interesujące...

Czytaj więcej
Posted on the from Tom G.
Łukasz M.
Łukasz M.
User
Autor

No właśnie o to mi chodzi Tomek co jest na Twojej stronie.

Spróbuję to porobić co napisałeś.

Dzięki wielkie!

Czytaj więcej
Posted on the from Łukasz M.