wdrożenia PrestaShop Powiększenie zdjęć moduł

Zmiana koloru tła do granic boxów.

  • 8 Odpowiedzi
  • 3308 Wyświetleń

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

*

Offline Adek4100

  • Nowy
  • *
  • 10
  • 0
  • PrestaShop: 1.5.4
  • Status: Właściciel
Zmiana koloru tła do granic boxów.
« dnia: 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

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:

Cytuj
#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
Cytuj

Korzystam z najaktualniejszej wersji sklepu oraz z domyślnego szablonu dołączonego do oprogramowania.

Bardzo proszę o pomoc !


*

Offline Angar

  • Tubylec
  • ****
  • 190
  • 2
Odp: Zmiana koloru tła do granic boxów.
« Odpowiedź #1 dnia: Grudzień 22, 2013, 03:09:35 am »

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.

Presta-Portal.pl - Dokumentacja, funkcjonalność, szablony i usługi związane z PrestaShop.

*

Offline design4VIP

  • user
  • Mieszkaniec
  • *****
  • 3,866
  • 131
    • design4VIP z innej strony...
  • PrestaShop: PS
  • Status: Programista
Odp: Zmiana koloru tła do granic boxów.
« Odpowiedź #2 dnia: Grudzień 22, 2013, 08:59:51 am »
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 {}
design4VIP z innej strony...

*

Offline Adek4100

  • Nowy
  • *
  • 10
  • 0
  • PrestaShop: 1.5.4
  • Status: Właściciel
Odp: Zmiana koloru tła do granic boxów.
« Odpowiedź #3 dnia: Grudzień 22, 2013, 10:28:45 am »
Aktualnie całośc w tej chwili wygląda tak:



A chciałbym aby wyglądało tak :



Nie ma to jak najprostsza metoda tłumaczenia - paint !!

*

Offline design4VIP

  • user
  • Mieszkaniec
  • *****
  • 3,866
  • 131
    • design4VIP z innej strony...
  • PrestaShop: PS
  • Status: Programista
Odp: Zmiana koloru tła do granic boxów.
« Odpowiedź #4 dnia: Grudzień 22, 2013, 11:18:33 am »
no to styl dla #columns {}
design4VIP z innej strony...

*

Offline Adek4100

  • Nowy
  • *
  • 10
  • 0
  • PrestaShop: 1.5.4
  • Status: Właściciel
Odp: Zmiana koloru tła do granic boxów.
« Odpowiedź #5 dnia: Grudzień 22, 2013, 11:37:16 am »
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?

*

Offline design4VIP

  • user
  • Mieszkaniec
  • *****
  • 3,866
  • 131
    • design4VIP z innej strony...
  • PrestaShop: PS
  • Status: Programista
Odp: Zmiana koloru tła do granic boxów.
« Odpowiedź #6 dnia: Grudzień 22, 2013, 11:50:49 am »
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....
design4VIP z innej strony...

*

Offline Adek4100

  • Nowy
  • *
  • 10
  • 0
  • PrestaShop: 1.5.4
  • Status: Właściciel
Odp: Zmiana koloru tła do granic boxów.
« Odpowiedź #7 dnia: Grudzień 22, 2013, 03:44:29 pm »
Masz rację kolego... mogłem napisać gdzie indziej...
Ale udało mi się rozwiązać problem, dla mających podobny problem podaje rozwiązanie :

Cytuj
#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
       }

*

Offline design4VIP

  • user
  • Mieszkaniec
  • *****
  • 3,866
  • 131
    • design4VIP z innej strony...
  • PrestaShop: PS
  • Status: Programista
Odp: Zmiana koloru tła do granic boxów.
« Odpowiedź #8 dnia: Grudzień 22, 2013, 05:28:32 pm »
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. 
design4VIP z innej strony...