Polskie wsparcie PrestaShop
PrestaShop => Wygląd => Wątek zaczęty przez: dawid118 w Maj 03, 2010, 10:26:44 pm
-
Witam,
Jak zmienić tło strony z domyślnego białego na jakiś obraz.
Gdy zmieniam w global.css
body {
background: #ffffff;
font-size: 11px;
wartość #fffff kolor zmienia całośćm również tło pomiędzy np. menu a polecane produkty. Kolor wypełnia wszystkie miejsca, a mi chodzi, żeby zmienić jedynie do granic boxów. Tak jak jest np. to zielone na http://www.tennisachat.com/ (http://www.tennisachat.com/)
Jak to zrobić? Z góry dzięki za pomoc
-
W body ustawiasz kolor jaki chcesz tak jak to zrobiłeś, a w sekcji #page trzeba dodać: background-color: #ffffff.
Pozostanie kwestia regulacji odstępów. Po takim ustawieniu kolorów okienka dolegają do prawego i lewego brzegu. Można to zmienić regulując parametrami: width and padding w sekcji #page (powiększyć szerokość i dodać padding po bokach).
-
Właśnie powiedzcie mi jeżeli można gdzie się tło zmienia bo ja jestem kompletnie zielony proszę o pomoc!
-
Jeśli chesz zmienić tło w środkowej części - tam gdzie bloki to zmieniasz w #page:
background: url('../img/nazwa_pliku.jpg') repeat-y top left; (repeat x lub y).
Jeśli chcesz zmienić tło "po bokach" to w body wstawiasz:
background: url('../img/nazwa_pliku.jpg') repeat-y top left; (powielanie: poziom = repeat-x - lub pion = repeat-y).
Pozdrawiam
-
/* global layout */
#page {
width: 980px;
background: url('http://kramik-malucha.pl/img/p/145-635-thickbox.jpg') repeat-y top left;
margin: 2 auto 2px auto;
text-align: left
nie kumam co robię nie tak. Mam nowa wersje czy to może mieć znaczenie ?
-
A co jeżeli chce zmienić tło strony na obraz, ale tak jak widac, aby po drugiej stronie kolor byl odwrocony aby fajnie to pasowalo do srodka strony..
(http://img263.imageshack.us/img263/4471/tlofimm.jpg) (http://img263.imageshack.us/i/tlofimm.jpg/)
-
DOBRA JUZ SOBIE PORADZILEM :D
-
Witam wszystkich bardzo serdecznie.
Jak do tej pory radziłem sobie dobrze ale mam pewien problem. Mówicie o zmianach wpisu żeby zmienić tło. Proszę wyjaśnić mi gdzie mam to znaleźć żeby móc tam zmienić ten wpis. Dokładnie jak ten plik sie nazywa i gdzie jest. Bo wszystko fajnie piszecie ale jak ktos jest mało obeznany to nie radzi sobie. Przepraszam za może głupie pytanie ale uczę sie dopiero i nie bardzo wiem co gdzie szukać.
Dziękuję za podpowiedzi.
-
Zmian dokonujesz w pliku global.css w katalogu na FTP, themes/twoj_szablon/css/.
-
a ja mam takie pytanie próbuje na wszelakie sposoby zmienic kolor tła po bokach i za nic się nie da wszystkie backi pozmieniałam i nic kompletnie zadnej reakcji dalej jak były boki białe tak są białe. Mam najnowszą wersje 1.5.3 czy ktoś mi może powiedzieć w jaki sposób zmienić ten plik i dokładnie w którym miejscu to zrobić tak żeby jednak sklep zareagował? potrzebuję wsadzić grafikę jest to podstawowy plik global css ten co jest automatycznie wgrany w sklepie. Błagam pomocyyyyyy
Zalezy mi na tym żeby cały środek pozostał biały tak jak jest a żeby tylko dookoła była grafika tzn góra i boki
-
Włącz kompilację plików w ustawieniach sklepu i wyczyść katalog cache/smarty/compile
-
Włącz kompilację plików w ustawieniach sklepu i wyczyść katalog cache/smarty/compile
yyyy tzn kurcze jestem zielona ta wersja zaczyna mnie dobijać :/ a starą straciłam ;(
-
Włącz kompilację plików w ustawieniach sklepu i wyczyść katalog cache/smarty/compile
jeszcze jedno znalazlam miejsce na które reaguje sklep ale..... ( ze tez ono zawsze musi byc :/ ) niestety stosując background: url('http://kramik-malucha.pl/img/p/145-635-thickbox.jpg') repeat-y top left; plik powtarza mi tylko w dół albo w górę i cały środek też sie zmienia a chciałabym żeby został biały. jak temu zaradzic?
oryginalnie wygląda to tak:
#page {}
#header {z-index:10}
#columns {z-index:1}
#left_column {}
#center_column {}
#right_column {}
#footer {}
/* ****************************
generic style
*********************************** */
body{
font:normal 11px/14px Arial, Verdana, sans-serif;
color:#222;
background:#fff [tutaj próbuję wsadzić url(../img/black.gif) repeat-y top left; i się zmienia ale wszystko]
}
body.content_only {
background: #FFF;
-
stosując background: url('http://kramik-malucha.pl/img/p/145-635-thickbox.jpg') repeat-y top left; plik powtarza mi tylko w dół albo w górę
a jak jeszcze Twoim zdaniem mialby sie zmieniac? jezeli masz repeat-y? no raczej tak jak winda w jednym z kultowych polskich filmow: "a gdzie ma jechac? w bok?" ? oj, taki zarcik mi sie nasunal ;)
nie napisales ani nie pokazales/as co chesz osiagnac, jak wyglada plik tla i jak ma sie na stronie zachowac? podrzuc linka to napewno podpowiedz bedzie konstruktywna, tym bardziej, ze, raz w sumie moze i wyglad ale to powinno pojawic w sie "poczatkujacych" bo to nie tyle nieznajomosc presta co nieznajomosc podstaw HTML. po drugie bylo to juz walkowane kilkakrotnie... az zal, ze ostatnim czasem tyle razy musze to pisac w roznych postach.... ten forum niedlugo bedzie gorzej wygladalo niz wysypisko smieci, bo smietnik to juz jest na calego.... gdzie to forum sprzed roku.... "przedszkolaki"... sami sobie szkodzicie i szkodzicie nam, bardziej doswiadczonym, bo w tym gaszczu jednych i tych samych postow, bo szkoda korzystac z wyszukiwarki zanim sie cos napisze, i my nie jestesmy w stanie niczego odnalesc.
no ale do rzeczy.
jezeli chcesz zotawic tylko pole puste po srodku i miec boki grafikowane to najprostszym sposobem jest zrobienie pliku graficznego na szerokosc wieksza od pola centralnego i srodek robisz bialy a na boki swoje grafiki, pozniej. wiec powiedzmy jak pole centralne ma 1000px to grafika na 1500px i grafikujesz po 250px z lewej i prawej strony.
pozniej wg powyszych wytycznych dajesz:
background: url('http://kramik-malucha.pl/img/p/145-635-thickbox.jpg') 50% 50% transparent;
ewentualnei zamiast transparen kolor w formacie #ffffff, ktory ma byc wyswietlony w miejscach gdzie nei dociera grafika i po problemie.
mozna to tez zalatwic wprowadzajac kolejne divy po lewej i prawej stronie o, jak wyzej, width:250px; height: auto; position:absolute; margin-left:-250px oraz dla drugiego margin-right:0; ale to za duza zabawa i istnieje mozliwosc, ze IE posypie calosc. wiec pierwszy sposob chyba bedzie najprostszy i najbanlniejszy