wdrożenia PrestaShop

tło strony prestashop_1.4.4.1

  • 5 Odpowiedzi
  • 4573 Wyświetleń

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

*

Offline Prezes91

  • Nowy
  • *
  • 4
  • 0
tło strony prestashop_1.4.4.1
« dnia: Sierpień 28, 2011, 06:24:35 pm »
witam jak zrobić tło strony jakie pliki są odpowiedzialne za to

że nie jest białe tylko wrzucam swój pomysł

*

Offline selljus.pl

  • Stały użytkownik
  • ***
  • 91
  • 0
Odp: tło strony prestashop_1.4.4.1
« Odpowiedź #1 dnia: Sierpień 28, 2011, 06:27:42 pm »
themes/nazwa_szaty/css/global.css,
koło linii 16 masz: background-color: white;

*

Offline Prezes91

  • Nowy
  • *
  • 4
  • 0
Odp: tło strony prestashop_1.4.4.1
« Odpowiedź #2 dnia: Sierpień 28, 2011, 06:29:56 pm »
ok dzięki ale ja chce np z jednej strony obrazek i z drugiej

*

Offline selljus.pl

  • Stały użytkownik
  • ***
  • 91
  • 0
Odp: tło strony prestashop_1.4.4.1
« Odpowiedź #3 dnia: Sierpień 28, 2011, 08:09:52 pm »
najłatwiej wstawić tak dużą grafikę aby wyświetlana była z prawej i z lewej (jeśli nie jest to element, który można powielać - w pionie lub poziomie). Tego typu rozwiązania mogą spowolnić funkcjonowanie sklepu ze względu na konieczność załadowania dużej grafiki. 

*

Offline Prezes91

  • Nowy
  • *
  • 4
  • 0
Odp: tło strony prestashop_1.4.4.1
« Odpowiedź #4 dnia: Wrzesień 18, 2011, 08:24:57 pm »
czyli co mam dodać żeby np czytało mi tło z grafiki o nazwie ,,tło,, proszę o pomoc bardzo ważne

*

Offline fishtalk

  • Nowy
  • *
  • 5
  • 0
Odp: tło strony prestashop_1.4.4.1
« Odpowiedź #5 dnia: Wrzesień 26, 2011, 10:48:38 pm »
Nie jestem pewny czy ta informacja Ci pomoże, ale pojęcie tła strony można rożnie rozumieć.

W pliku global.css:

1. na początku w linii 15 możesz wstawić tło, które będzie rozciągnięte na cały monitor. Można zamiast "no-repeat" wpisać "repeat..." wtedy obrazek nie będzie rozciągany tylko powielany.
 
body {
   background: url('http://www.xxxxx.nazwa.pl/shop/img/background/tlo2.jpg') no-repeat; background-size: 100%;

   font-size: 11px;
   font-family: Verdana, Arial, Helvetica, Sans-Serif;
   color: #5d717e;
   text-align: center

2. W okolicy wiersza 209 można zmienić tło właściwej strony, czyli na wybranej przez ciebie szerokości. Funkcja repeat i no-repeat działa jak poprzednio.

/* global layout */
#page {
   width: 980px;
background: url('http://www.xxx.nazwa.pl/shop/img/background/tloin.jpg') no-repeat; background-size: 100%;

   margin: 0 auto 2px auto;
   text-align: left
}

Pamiętaj aby wpisać poprawną ścieżkę do pliku i oczywiście aby umieścić pliki tła we właściwym miejscu. Wykorzystując powyższe można osiągnąć naprawdę ciekawy efekt.

Mam nadzieję, że moje uwagi się przydadzą. Zaznaczam przy tym, że nie jestem programistą;)