[hglock]

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ć.

[endriu107]

Strona się nie ładuje, zmień serwer na inny, jakiś normalny i wrócimy do tematu

[hglock]

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?

[west]

że strona w ogóle sie nie ładuje - na moim komputerze też

[hglock]

Czy w takim razie jesteście w stanie polecić jakiś niedrogi, DZIAŁAJĄCY hosting?

[endriu107]

linuxpl.com działa całkiem dobrze z prestą.

[hglock]

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 !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


ktoś pomoże?

[endriu107]

Spróbuj tak:

Kod: [Zaznacz]

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;


[hglock]

Teraz działa, z tym że z lewej strony tło zaczęło nakładać się na siebie


http://i.imgur.com/7kGw4al.jpg

[endriu107]

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ś.

[hglock]

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?

Kod: [Zaznacz]


#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

[endriu107]

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.

[hglock]

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.

[west]

to wstawiasz zaraz pod body obrazek jako "img src" i dodajesz ostylowanie

Kod: [Zaznacz]

     position: fixed;
    top: 0;
    left: 0;
    min-width: 100%;
    min-height: 100%;
    z-index: -1;

wynik wysportowani.com.pl

[hglock]

z tym tlo ktore obecnie jest po bokach znajduje sie w selektorze header i .columns-container