Home > prestablog, Tutorial > Merubah/menambah gambar/warna pada background Prestashop

Merubah/menambah gambar/warna pada background Prestashop

Merubah / menambah gambar / warna pada background prestashop 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\presta144\themes\themes-mu\cssseperti gambar dibawah ini :

merubah-menambah-background

background-color: white;            bagian ini merubah warna background dari standard yang berwarna putih menjadi warna lain sesuai dengan pilihan anda, anda bisa menggunakan ColorSchemer Studio apabila anda ingin mencari warna yang lebih spesifik atau menggunakan addon-nya mozilla yaitu COLOR That Site!

 

background: url(“../img/back-028.gif”) scroll left top transparent;            bagian ini merubah background dengan memberikan latar belakang berupa image/picture, file back-028.gif ini berukuran 151px x 184px atau sesuaikan dengan selera anda , file ini diletakan di C:\xampp\htdocs\presta144\themes\themes-mu\img

background

Lihat gambar dibawah ini, hasil dari perubahan dengan latarbelakang image

background-image-prestashop

background-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.

Image background-repeat:repeat-x

background-image_repeat-x

Image background-repeat:repeat-x

background-image_repeat-y

Selamat mencoba

 

untuk background yang lain anda bisa men-download-nya dari http://www.freebackgrounds.com/background_28.htm

 

Advertisements
  1. 16/05/2012 at 18:25

    C:\xampp\htdocs\presta144\themes\themes-mu.it nyarinya di mana gan,,cpanel ya ??maklum newbi,,mohon pencerahan

    thanxs

  2. 19/07/2012 at 08:32

    sy mau nambahin background, tapi posisi gambarnya pengen tetap ga bergerak saat web dinaik-turunkan, jadi yang naik & turun cuman konten (produk & tulisan) saja, backgroundnya tetep ga ikut naik & turun, seperti di web deal keren/living social (http://www.livingsocial.co.id/travel/heaven-hill-villa-bali.html)
    mohon bantuannya mas..

  1. No trackbacks yet.

Leave a Reply

Fill in your details below or click an icon to log in:

WordPress.com Logo

You are commenting using your WordPress.com account. Log Out / Change )

Twitter picture

You are commenting using your Twitter account. Log Out / Change )

Facebook photo

You are commenting using your Facebook account. Log Out / Change )

Google+ photo

You are commenting using your Google+ account. Log Out / Change )

Connecting to %s

%d bloggers like this: