Jump to content

ganti background


Recommended Posts

tolong di bantu ya caranya ganti background dengan jpg dan kawan2'ya..


saya udah otak atik footer.tpl, global.css ,header.tpl Tapi hasilnya nihil..



Bagi ilmunya ya?????



edit file global.css

/* global layout */
#page {
   width: 980px;
   margin: 0 auto 2px auto;
   text-align: left
}



tambahkan background color

/* global layout */
#page {
       background: #FFFFFF; /*code warna yang diinginkan /*
   width: 980px;
   margin: 0 auto 2px auto;
   text-align: left;
}




tambahkan background image

/* global layout */
#page {
       background-image: url('../path_to/your_image'); /* lokasi gambar yang diinginkan */
   width: 980px;
   margin: 0 auto 2px auto;
   text-align: left;
}

  • Like 1
Link to comment
Share on other sites

  • 2 weeks later...

Bagaimana setting background image tapi imagenya bisa menyesuaikan otomatis ukuran screen komputer.

Kalau imagenya lebih kecil dari screen komputer, image sebagai background pasti berualang dan itu bikin ga menarik.

Terimakasih.

Link to comment
Share on other sites

Bagaimana setting background image tapi imagenya bisa menyesuaikan otomatis ukuran screen komputer.

Kalau imagenya lebih kecil dari screen komputer, image sebagai background pasti berualang dan itu bikin ga menarik.

Terimakasih.


Anda dapat membuat gambar latar belakang dengan menggunakan gambar berukuran kecil untuk ditampilkan berulang mengisi seluruh halaman.
Untuk mengontrol efek ini (tiles) gunakan CSS properti background-repeat, sebagai berikut :

background-repeat: repeat /*pengulangan gambar secara vertikal dan horizontal*/


background-repeat: repeat-x /*pengulangan gambar hanya kearah horizontal.*/


background-repeat: repeat-y /*pengulangan gambar hanya kearah vertikal*/


background-repeat: no-repeat /*tidak ada pengulangan gambar*/



no-repeat, cocok digunakan jika gambar latar belakang yang dipakai berukuran besar dan tidak didesain untuk tampil dgn efek Tiles

Selengkapnya mengenai styling CSS, silahkan Anda belajar sendiri disini : Belajar Sendiri CSS Gratis

Link to comment
Share on other sites

  • 1 year later...
  • 5 months later...
  • 4 weeks later...
  • 6 months later...
  • 4 weeks later...

saya juga mau tanya masalah background.. jadi saya niatnya mau bikin background dengan 2 warna yang berbeda..ditengah misalkan warna putih dan dipinggirnya misalkan warna hitam..saya sudah coba edit global.cssnya tetapi yang tampil hanya 1 background saja..

Link to comment
Share on other sites

  • 1 month later...

Salam kenal. Aku juga pernah alami hal yg sama. Mencoba utak atik cara di atas tetap gak bisa. Dulu aku pake versi 1.4.x dan sekarang 1.5.4.0. Tapi aku dah ketemu caranya, sapa tau cara ini berhasil buat agan2 di sini.

Caranya :

1. Coba view page source di url prestashop front office masing2

(aku pake mozilla caranya : akses url front office prestashop, kemudian klik kanan, pilih view page source

2. Cari tag '<body' (Ctrl-F aja biar cepet). Kalo agan nemu tulisan begini

div id="page" class="container_9 clearfix">

<body id="index" class=" ">

<div id="page" class="container_9 clearfix">

3. ada 'id="index"' adalah nama identifikasi untuk tampilan background keseluruhan. Dan 'id="page" adalah nama identifikasi untuk tampilan background dimana semua modul prestashop kita letakkan.

Sekarang kita buka file theme/themeku/css/global.css, periksa apakah ada definisi untuk untuk id index dan page yg ditandai dg #index { bla-bla-bla } dan #page {bla-bla-bla} ?

(klo dulu aku waktu pake prestashop 1.4.x dan 1.5.4.0 sekarang, definisi dua id tsb gak ada di global.css)

4. Klo gak ada tambah dan bikin definisi untuk id tersebut di bawah definisi untuk tag <body>

 

#index {

background-color : #FFF; /* untuk warna atau klo pengen gambar, tambah kode di bawahnya*/

background-image: url (../image/fileimage)

}

#page {

background-color : #FFF; /* untuk warna atau klo pengen gambar, tambah kode di bawahnya*/

background-image: url (../image/fileimage)

}

 

bisa disesuaikan, caranya seperti yg udah dijelaskan oleh agan2 di atas.

save deh perubahan di global.css

5. Tinggal refresh url front office prestashopnya (jangan lupa hapus cachenya dulu)

6. Semoga dapat membantu dan berhasil:-)

Link to comment
Share on other sites

  • 3 weeks later...

Create an account or sign in to comment

You need to be a member in order to leave a comment

Create an account

Sign up for a new account in our community. It's easy!

Register a new account

Sign in

Already have an account? Sign in here.

Sign In Now
×
×
  • Create New...