Polskie wsparcie PrestaShop
PrestaShop => Konfiguracja => Wątek zaczęty przez: hglock w Marzec 07, 2016, 07:12:54 pm
-
Witam.
Strona: http://ekopcja.xaa.pl
Chciałbym żeby na mojej stronie w tle po lewej i prawej było tło obrazkowe.
W global.css mam linijkę
body {
background: url("http://ekopcja.xaa.pl/themes/default-bootstrap/img/tlo.png") repeat-y scroll left rgba(0, 0, 0, 0);
color: #FF6034;
font: 12px/14px Arial,Verdana,sans-serif;
margin: 0; }
niestety tło nie chce się wyświetlać.
-
Strona się nie ładuje, zmień serwer na inny, jakiś normalny i wrócimy do tematu ;)
-
Sprawdzałem na kilku komputerach i urządzeniach, w różnych sieciach i nigdzie nie mam problemu z ładowaniem się strony więc co jest nie tak z tym hostingiem?
-
że strona w ogóle sie nie ładuje - na moim komputerze też
-
Czy w takim razie jesteście w stanie polecić jakiś niedrogi, DZIAŁAJĄCY hosting?
-
linuxpl.com działa całkiem dobrze z prestą.
-
Odświeżam temat.
Hostingu póki co nie zmieniam ponieważ na wszystkich urządzeniach, na których do tych czas sprawdziłem stronę jest wszystko w porządku.
Wracając do tematu poradziłem sobie z problemem, ale tylko połowicznie.
Linijka z global.css
.columns-container {
background: #FFF url('http://ekopcja.xaa.pl/themes/default-bootstrap/img/tlo.png')!important (http://ekopcja.xaa.pl/themes/default-bootstrap/img/tlo.png')!important) !position:
}
Komenda !position z automatu przypisuje wyświetlany obrazek na lewą stronę, nawet bez podania wartości, a chciałbym żeby grafika wyświetlała się z lewej i prawej strony
http://i.imgur.com/V7xqXQH.jpg (http://i.imgur.com/V7xqXQH.jpg)
ktoś pomoże?
-
Spróbuj tak:
background: url("http://ekopcja.xaa.pl/themes/default-bootstrap/img/tlo.png") repeat-y right, url("http://ekopcja.xaa.pl/themes/default-bootstrap/img/tlo.png") repeat-y left;
-
Teraz działa, z tym że z lewej strony tło zaczęło nakładać się na siebie
http://i.imgur.com/7kGw4al.jpg (http://i.imgur.com/7kGw4al.jpg)
-
To znaczy ze masz gdzieś w pliku 2 razy to zdeklarowane zostaw tylko tą linijkę którą ci podałem.
Usuń to z global.css linia 90
dodatkowo uwzględnij fakt że ludzie korzystają z różnych urządzeń i nie wszyscy widzą to tak jak ty na screenie który podałeś.
-
Teraz Twoja linijka działa prawidłowo, ale jeszcze jedna kwestia o której zapomniałem wspominieć.
Mianowicie wstawiłem linijkę, którą mi podesłałeś w selektor .header ponieważ chciałbym aby tło obrazkowe wyświetlało się na całości strony i niestety w miejscu, w którym header łączy się z contentem jest ucięcie tła. Czy da się zrobić żeby tło było jednolite na całości strony?
#header {
background: url("http://ekopcja.xaa.pl/themes/default-bootstrap/img/tlo.png") repeat-y right, url("http://ekopcja.xaa.pl/themes/default-bootstrap/img/tlo.png") repeat-y left;
z-index: 5003; }
http://i.imgur.com/Lt1rhbP.jpg (http://i.imgur.com/Lt1rhbP.jpg)
-
Zanim dociągniemy ten wątek do końca spytam czy testowałeś te zmiany na innych rozdzielczościach? Ja testowałem i powiem że na małych rozdzielczościach efekt który chcesz osiągnąć będzie odstraszał klientów, ponieważ to tło będzie im utrudniać poruszanie sie po sklepie.
-
Jeszcze nie testowałem ponieważ obrazek na tło, który jest w tym momencie na stronie nie jest obrazkiem domyślnym, jak już będę miał gotowy kod to tylko podmienię obrazki i będę sprawdzał. Domyślnie ma być krata biało zielona ze slidera transparentna do białego koloru, który jest w tle contentu.
-
to wstawiasz zaraz pod body obrazek jako "img src" i dodajesz ostylowanie
position: fixed;
top: 0;
left: 0;
min-width: 100%;
min-height: 100%;
z-index: -1;
wynik wysportowani.com.pl
-
z tym tlo ktore obecnie jest po bokach znajduje sie w selektorze header i .columns-container
-
Dlatego należy wyciągnąć taki obiekt poza header, gdyż wtedy obrazki się nakładają
-
Zrobiłem jak mówiłeś czyli wyciągnąłem z headera i kolumn tło i przełożyłem do body.
body {
background: url("http://ekopcja.xaa.pl/themes/default-bootstrap/img/tlo.png") repeat-y right, url("http://ekopcja.xaa.pl/themes/default-bootstrap/img/tlo.png") repeat-y left;
top: 0;
position: fixed;
left: 0;
min-width: 100%;
min-height: 100%;
z-index: -1;
font-family: Arial, Helvetica, sans-serif;
font-size: 13px;
line-height: 1.42857;
color: #777777;
background-color: #fff; }position: fixed;
rozkrzacza układ strony, a bez tego tło nadal nie pojawia się w headerze.
-
Tego fixed nie ma być, nie edytujesz układu strony tylko tło więc powinieneś sie odnosić tylko do background.
Tak wygląda strona z tłem na mniejszych rozdzielczościach, wszystko co jest w lewej kolumnie jest nieczytelne.
(http://static.pokazywarka.pl/bigImages/6419012/17487591.jpg?1457975085)
-
to wstawiasz zaraz pod body obrazek jako "img src" i dodajesz ostylowanie
position: fixed;
top: 0;
left: 0;
min-width: 100%;
min-height: 100%;
z-index: -1;
wynik wysportowani.com.pl
West podał mi kod więc tak wkleiłem jak podał. Bez position: fixed, efekt jest ten sam czyli w headerze nie ma tla.
Zmienilem juz tlo endriu zeby Cie nie razilo :)
-
W linii 5745 i 7149 wyłącz background wtedy tło będzie do samej góry jeśli taki efekt chcesz uzyskać, i nie do końca zmieniłeś ponieważ tam jest tło zadeklarowane 2 razy a ty zmieniłeś tylko w drugim.
-
Działa!
Dziekuje bardzo za pomoc.
Tlo jest zadeklarowane dwa razy i dwa razy jest zmienione.
(http://ekopcja.xaa.pl/themes/default-bootstrap/img/tlo.png)
(http://ekopcja.xaa.pl/themes/default-bootstrap/img/tlo2.png)
Bynajmniej u mnie wyświetla się wszytko cacy.
Jeszcze ostatnia kwestia: czy mogę zamienić miejscami w headerze wyszukiwarke i logo?
W edycji na zywo niestety nie mozna ruszac zadnymi elementami headera