Polskie wsparcie PrestaShop

PrestaShop => Wygląd => Wątek zaczęty przez: raywan w Marzec 08, 2012, 07:17:30 pm

Tytuł: Tło
Wiadomość wysłana przez: raywan w Marzec 08, 2012, 07:17:30 pm
Witam, mam problem mianowicie chciałbym zmienić tło w Prestashop (chodzi mi o całą strone) umiem zmienić tło, ale rozchodzi się o to żeby ono się rozciągało a nie powstawał nowy obraz. dzieki

Edit: jezeli coś jest nie zrozumiałe to postaram się to wytłumaczyć graficznie
Tytuł: Odp: Tło
Wiadomość wysłana przez: presta w Marzec 08, 2012, 08:20:04 pm
w css:
Kod: [Zaznacz]
background: url('../img/nazwa_pliku.png') repeat-x top left;
powyższe jest do powielania poziomego -> pionowe: repeat-y
itd :)
Tytuł: Odp: Tło
Wiadomość wysłana przez: Sokon w Marzec 08, 2012, 08:25:40 pm
Podejrzewam, że Raywan'owi nie chodzi o powielanie tylko rozciąganie...

Ten kawałek kodu ci pomoże:
Kod: [Zaznacz]
<body style="margin: 0; padding: 0; width: 100%; height: 100%; overflow: hidden">

<div style="position: absolute; z-index: 2; width: 100%; height: 100%; overflow: auto">
<div style="margin: 10px">

Tu wpisuje się treść strony

</div>
</div>

<div><img src="obrazek.jpg" alt="" style="width: 100%; height: 100%; position: absolute; left: 0; top: 0; z-index: 1" /></div>

</body>
Tytuł: Odp: Tło
Wiadomość wysłana przez: raywan w Marzec 08, 2012, 08:31:12 pm
Tak właśnie chodziło mi o rozciąganie, tylko teraz gdzie to zamieścic? normalnie GLOBAL.CSS ?:)
Tytuł: Odp: Tło
Wiadomość wysłana przez: Sokon w Marzec 09, 2012, 05:29:12 am
div'om nadaj jakieś id i style do nich umieść w global.css
Tytuł: Odp: Tło
Wiadomość wysłana przez: raywan w Marzec 09, 2012, 03:47:08 pm
nie rozumiem :/, możesz mi to jaśniej wytłumaczyć?
Tytuł: Odp: Tło
Wiadomość wysłana przez: raywan w Marzec 10, 2012, 09:56:13 pm
ODŚWIEŻAM !!
Tytuł: Odp: Tło
Wiadomość wysłana przez: Sokon w Marzec 11, 2012, 09:20:25 am
Utwórz na samym końcu szablonu nowy div  -  zamieść w nim obrazek poprzez tag <img src... /> który będzie miał rozmiary w pionie i poziomie 100% . 
Div'owi nadaj style: position: absolute; left: 0;  top: 0; width: 100%; height:100%
I to wszystko....