Polskie wsparcie PrestaShop
PrestaShop => Wygląd => Wątek zaczęty przez: Adek4100 w Grudzień 21, 2013, 10:34:26 pm
-
Witam wszystkich bardzo serdecznie.
Mam problem z modyfikacją wyglądu mojego jeszcze nie doszłego sklepu.
Otóż nie potrafię poradzić sobie ze zmiana kolorystyki tła które miało by graniczyć wraz z początkiem boxów, tzn środek sklepu miał by już miec inny kolor.
Korzystałem z pomocy wyszukiwarki i natknąłem się na podobny temat:
http://prestashopforum.pl/index.php?topic=2297.0 (http://prestashopforum.pl/index.php?topic=2297.0)
Robiąc według instrukcji z w.w tematu zmienia się kolor sklepu ale na całym jego obszarze, nie graniczy on niestety z wraz z początkiem boxów.
Co zrobiłem? w sekcji body zmieniłem kolor na szary (#333333) a do sekcji page dodałem #background-color:#ffffff.
całośc wygląda tak:
#page {}
#header {z-index:10}
#columns {z-index:1}
#left_column {}
#center_column {}
#right_column {}
#background-color:#ffffff
#footer {}
/* ************************************************************************************************
generic style
************************************************************************************************ */
body{
font:normal 11px/14px Arial, Verdana, sans-serif;
color:#222;
background-color:#333333
Korzystam z najaktualniejszej wersji sklepu oraz z domyślnego szablonu dołączonego do oprogramowania.
Bardzo proszę o pomoc !
-
Kod powinien wyglądać tak:
#page {background-color: #ffffff;}
usuń z css kod #background-color:#ffffff który dodałeś wcześniej w niewłaściwym miejscu.
-
za bardzo nei zrozumielm co dokladnie chcesz osiagnac, ale domyslam sie, ze inne tlo ma miec tylko srodkowa kolumna wiec tutaj style 'background:#fff;' powinienes zastosowac dla stylu #center_column {}
-
Aktualnie całośc w tej chwili wygląda tak:
(http://imageshack.us/a/img268/4549/ifkx.jpg)
A chciałbym aby wyglądało tak :
(http://imageshack.us/a/img35/8333/53vy.jpg)
Nie ma to jak najprostsza metoda tłumaczenia - paint !!
-
no to styl dla #columns {}
-
No wyłożyłem się...
Poradziłem sobie z trudniejszymi rzeczami, modułami, a z edycja szablonu nie daję sobie rady.
Co zrobić z tym columns? W sekcji #page znajduje się ten odnośnik #columns {z-index:1}
usunałem wszystko z pomiedzy klamer i nic, wrociłem dodałem do sekji body ten odnośnik, nic....
W jaki sposób to edytować? background w sekcji body zostaje z podanym własnym kolorem?
-
kolego.. to juz nawet nie podlega podstawom... znajdz sobie jakis podstawowy kurs CSS i zobacz jak to sie edytuje. masz juz dokladnie podane co i gdzie masz wstawic a ty usuwasz bardzo istotne rzeczy... co ma #body do twojego problemu? chcesz wstawic kolor dla stylu #columns wiec wstaw dla colunms a nie body...
po pierwsze: zaznajom sie z podstawymi strukturami pliku HTML (pierwsze czesci kazdego kursu), nastepnie podstawowy kurs odnosnie wstawiania kolorow w CSS oraz innych znaczacych elementow zeby uzyskac pewne zalozenia.
sorka... gotowca nie dostaniesz w tej kateogrii... moze jakbys zaczal post w kategorii 'Poczatkujacy' jezscze bym sie skusil. ale jak ktos zabiera sie za przerabianie takiego 'kompajna' jak presta to juz pewne postawy programowania trzeba miec w jednym paluszku. przepraszam....
-
Masz rację kolego... mogłem napisać gdzie indziej...
Ale udało mi się rozwiązać problem, dla mających podobny problem podaje rozwiązanie :
#page {}
#header {z-index:10}
#columns {background-color: #ffffff} <--- w tym miejscu dodajemy kolor dla środka stylu forum
#left_column {}
#center_column {}
#right_column {}
#footer {}
/* ************************************************************************************************
generic style
************************************************************************************************ */
body{
font:normal 11px/14px Arial, Verdana, sans-serif;
color:#222;
background:#CCCCCC <--- tutaj kolor ramki
}
-
no widzisz, chcesz to potrafisz ;)
dodalbym jeszcze, to malo istotne, ale warto wyrobic sobie taki nawyk, zeby po kazdej linijce (kazdym wpisie stylowania) dodac ';' pozniej jak bedziesz uzupelnial o kolejne style to nie bedziesz mial problemu. nieraz zapomniany srednik rozsypuje cale style i nie znajac paru trikow (m.in. bardzo pomocny firebug) mozna spedzic sporo czasu na szykanie bledu.