Tuesday, July 7

Merubah warna/menambah gambar pada background Prestashop 1.6.0.14

Merubah warna/menambah gambar pada background Prestashop 1.6.0.14 sebenarnya terbilang mudah dilakukan saya jamin anda semuanya pasti bisa, sekarang mari kita lakukan perubahan sedikit file global.css yang berada di C:\xampp\htdocs\presta16014\themes\default-bootstrap\css, bukalah file global.css dengan notepad++ seperti gambar dibawah ini :

Background: #fff;     script ini merubah warna background dari standard yang berwarna putih menjadi warna lain sesuai dengan pilihan anda, anda bisa menggunakan addon-nya mozilla yaitu  COLOR That Site!. untuk mencari warna yang anda inginkan. Sekarang cobalah anda rubah #fff  menjadi #345455 dan lihat hasilnya dibawah ini :
Selanjutnya jika background: #fff; dirubah menjadi background: url(../img/cute.jpg) repeat;     maka bagian ini akan merubah background dengan memberikan latar belakang berupa image/picture, file cute.jpg ini berukuran 215px x 185px atau sesuaikan dengan selera anda , file ini diletakan di C:\xampp\htdocs\presta16014\themes\default-bootstrap\img, contoh background image :
Lihat gambar dibawah ini, hasil dari perubahan dengan latarbelakang image :
Anda juga bisa mengtur background picture dengan memberikan script repeat / repeat-x; / repeat-y; bagian ini memberikan efect penyebaran image ke seluruh bagian halaman web baik secara  horizontal maupun vertikal , jika anda hanya menuliskan repeat-x maka penyebaran image hanya secara horizontal        ( 1 baris ) begitu juga dengan repeat-y penyebaran image dilakukan secara vertikal,.

Selamat mencoba……….

 

2 comments:

  1. I think your blog is very powerful to me. We have hope that u can keep up the good job.
    prestashop 1.6

    ReplyDelete
  2. Its like you read my mind! You seem to know so much about this, like you wrote the book in it or something.

    ReplyDelete