wdrożenia PrestaShop

Tło obrazkowe po bokach strony

  • 20 Odpowiedzi
  • 3635 Wyświetleń

0 użytkowników i 1 Gość przegląda ten wątek.

*

Offline west

  • Administrator
  • Mieszkaniec
  • *****
  • 5,292
  • 106
  • Płeć: Mężczyzna
  • Europasaz.pl
    • PrestaShop, Wordpress, SMF, Woocomerce
  • PrestaShop: 8.0
  • Status: Programista
Odp: Tło obrazkowe po bokach strony
« Odpowiedź #15 dnia: Marzec 11, 2016, 08:11:06 pm »
Dlatego należy wyciągnąć taki obiekt poza header, gdyż wtedy obrazki się nakładają
MODUŁY | https://europasaz.pl |  SKLEPY INTERNETOWE | WSPARCIE TECHNICZNE | HOSTING | https://europasaz.pl 

*

Offline hglock

  • Nowy
  • *
  • 12
  • 0
  • prestashop
  • PrestaShop: 1.6.1
  • Status: forum
Odp: Tło obrazkowe po bokach strony
« Odpowiedź #16 dnia: Marzec 14, 2016, 05:40:35 pm »
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.

*

Offline endriu107

  • user
  • Mieszkaniec
  • *****
  • 1,197
  • 51
  • PrestaShop: PS
  • Status: forum
Odp: Tło obrazkowe po bokach strony
« Odpowiedź #17 dnia: Marzec 14, 2016, 06:05:29 pm »
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.


*

Offline hglock

  • Nowy
  • *
  • 12
  • 0
  • prestashop
  • PrestaShop: 1.6.1
  • Status: forum
Odp: Tło obrazkowe po bokach strony
« Odpowiedź #18 dnia: Marzec 14, 2016, 06:19:42 pm »
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 :)

*

Offline endriu107

  • user
  • Mieszkaniec
  • *****
  • 1,197
  • 51
  • PrestaShop: PS
  • Status: forum
Odp: Tło obrazkowe po bokach strony
« Odpowiedź #19 dnia: Marzec 14, 2016, 06:59:52 pm »
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.

*

Offline hglock

  • Nowy
  • *
  • 12
  • 0
  • prestashop
  • PrestaShop: 1.6.1
  • Status: forum
Odp: Tło obrazkowe po bokach strony
« Odpowiedź #20 dnia: Marzec 14, 2016, 07:42:14 pm »
Działa!

Dziekuje bardzo za pomoc.

Tlo jest zadeklarowane dwa razy i dwa razy jest zmienione.



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