NEWS TEMPLATE

BLOGGER

TUTORIAL PRESTASHOP

TEMPLATE SEKOLAH

SEMUA ARTIKEL KATEGORI

Selasa, 25 April 2017

Cara buat menu yang posisinya tetap biasa disebut menu melayang, atau flying menu atau fixed position menu.







nav {
background: #000000;
position: fixed;
top: 0;
width: 100%; /* Sesuaikan dengan kebutuhan */
}

sumber http://www.contohblog.com/2014/05/menu-navigasi-blog-tetap-muncul-melayang.html

Kamis, 25 Desember 2014

Cara Mengganti Background Prestashop

Merubah penampilan Prestashop dengan warna / color  dapat kita lakukan melalui file yang bernama global.css file ini berada pada folder your-themes\css, dibawah ini saya lampirkan area yang dapat dirubah warnanya :

1. Background global.css (line 51)

body{
font:normal 11px/14px Arial, Verdana, sans-serif;
color:#222;
background:#8AE3F9
}

Hasil dari penambahan background:#8AE3F9 akan memberikan efek background pada seluruh halaman, lihat gambar


2. Feature product color                        homefeatured.css (line 1)

#featured-products_block_center li {
margin-right:10px;
padding:10px 0;
width:112px;
height:240px;
background-color: #2A0453;
}

Hasil dari penambahan background-color: #2A0453  akan memberikan efek background pada block home featured product, lihat gambar


3. Background dengan picture / image global.css (line 51)

Letakan file love.gif ini ( atau file lain ) ke folder  C:\xampp\htdocs\presta1541\themes\default\img

body{
font:normal 11px/14px Arial, Verdana, sans-serif;
color:#222;
background:url(../img/love.gif) scroll left top transparent;
background-repeat:repeat-x: rapeat-y;
}

Hasil dari penambahan background:url(../img/love.gif) scroll left top transparent; danbackground-repeat:repeat-x: rapeat-y; akan memberikan efek background pada halaman  lihat gambar




Sekian, semoga bermanfaat
 
Copyright © 2013 Joko Template