cara ganti background front office dengan motif bunga / gambar + warna

[joe_ku]

Halooo sist+bro

 

numpang tanya ya. gimana sih cara nya supaya penampakan website kita background nya ganti menjadi bunga / gambar lucu2 ( kayak wallpaper gitu ).

kan standart background front office prestashop warna nya putih.

setau gue kalo diganti warna nya kita harus mengubah di file themes nya. tolong diinfo dong, kode warna nya ( misal kalo pingin background bunga kode nya xxx, kalo background gambar boneka lucu kode nya yyy )

 

thx ya buat sharing ilmunya

[gonebdg - webindoshop.com]

Contoh

 

Untuk disemua halaman

body{
	 background: url('../img/BACKGROUND_IMAGE_FILE') repeat scroll 0 0 transparent;
}

 

Untuk perhalaman (gunakan ID)

body#ID_HALAMAN{
	 background: url('../img/BACKGROUND_IMAGE_FILE') repeat scroll 0 0 transparent;
}

 

Selengkapnya mengenai CSS background baca di : http://www.w3schools.com/css/css_background.asp

[Syah Jehan]

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\css

 

 

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-repeat:repeat-x: repeat-y;

bagian ini memberikan efect penyebaran image ke seluruh bagian halaman web baik secara horizontal maupun vertikal ,

 

background-repeat:repeat-x;

background-repeat:repeat-y;

jika anda hanya menuliskan repeat-x maka penyebaran image hanya secara horizontal ( 1 baris ) begitu juga dengan repeat-y penyebaran image dilakukan secara vertikal.

Edited October 3, 2012 by Syah Jehan (see edit history)

[hwiwik]

dah nyoba tetep gak berubah. Saya nyobanya di file global.css di direktori theme/theme-ku/css. Apalagi yg harus dilakukan? Saya PS versi 1.4.7.0. Mohon pencerahan. Makasih.

[lauxinz]

coba disini, tutorial lengkap untuk merubah themes default

 

http://www.youtube.com/watch?v=47v1ZKPJwW8&list=PLRlJzBxBJUe4_OqNmrSo-o--ZynauMRH-

[si culun]

coba disini, tutorial lengkap untuk merubah themes default

 

http://www.youtube.com/watch?v=47v1ZKPJwW8&list=PLRlJzBxBJUe4_OqNmrSo-o--ZynauMRH 

 

om, itu caranya si editornya ngedit scriptnya. nyari scriptnya itu sudah ada di installan PS nya apa blm ya?

Edited December 19, 2013 by si culun (see edit history)