Polskie wsparcie PrestaShop

PrestaShop => Wygląd => Wątek zaczęty przez: Prezes91 w Sierpień 28, 2011, 06:24:35 pm

Tytuł: tło strony prestashop_1.4.4.1
Wiadomość wysłana przez: Prezes91 w 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ł

Tytuł: Odp: tło strony prestashop_1.4.4.1
Wiadomość wysłana przez: selljus.pl w Sierpień 28, 2011, 06:27:42 pm

themes/nazwa_szaty/css/global.css,
koło linii 16 masz: background-color: white;

Tytuł: Odp: tło strony prestashop_1.4.4.1
Wiadomość wysłana przez: Prezes91 w Sierpień 28, 2011, 06:29:56 pm

ok dzięki ale ja chce np z jednej strony obrazek i z drugiej

Tytuł: Odp: tło strony prestashop_1.4.4.1
Wiadomość wysłana przez: selljus.pl w 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. 

Tytuł: Odp: tło strony prestashop_1.4.4.1
Wiadomość wysłana przez: Prezes91 w 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

Tytuł: Odp: tło strony prestashop_1.4.4.1
Wiadomość wysłana przez: fishtalk w 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ą;)