20 December 2011

Tutorial: shadow border melengkung

Assalammualaikum, readers..


Korang nampak tak shadow dalam gambar kat atas tu.. Sekarang, Ain nak ajar buat shadow tu lah... Jom start!!!!

1) Dashboard> Design> Edit Html> Tick Expand Widget Templates
2) Cari code ini .content-inner { menggunakan CTRL+F...Kalau tak jumpa, cuba cari code nie pulak: #content-wrapper {


3) Copy dan Paste code nie di bawah code yang korang cari tadi..:



-moz-box-shadow: 0 0 6px 6px #000000;
-webkit-box-shadow: 0 0 6px 6px #000000;
box-shadow: 0 0 4px 4px #000000;


Hijau: Ketebalan shadow
biru: Warna Shadow.. kalau nak cari code, cari kat sini> clickhere

Credits: Amalina

2 comments:

Cik Anno said...

gune template ape yee?? simple or waterpark.

Nurain Syahirah said...

Ain guna Template denim..:D