Tutorial: Scalloped Edges (with freebies)

Pop corn

Assalamualaikum..
Haiiii.. Sekarang ni Ira nak share dengan korang macam mana nak buat Scalloped Edges. Tau apa itu Scalloped Edges ? Kalau tak tau , boleh tengok contoh gambar di bawah :


Yes, itulah Scalloped Edges yang macam langsir tu. Berminat ? Okay, lets' start . Okay sebelum tu, tutorial ni hanya untuk template designer sahaja yaa.

1. Dashboard > Layout > HTML/JavaScript

2. Copy code di bawah :
<div style=" background-image: url('URL IMAGE'); top: 0px;  width: 100%; left:0px; height: 72px; z-index: 100; position: fixed; background-hover:filter:alpha(opacity=100);"></div>
Note:
red/merah - url scalloped edges korang
oren/orange - height/ketinggian scalloped edges korang. Pastikan height tu betul-2 ikut korang punya scalloped edges.

3. Paste di ruangan HTML/JavaScript.

4. SAVE !

Ira ada sediakan freebies, scalloped edges ni berukuran 58x72. So, code yang Ira bagi dekat atas tu, tak perlu ubah apa-2 pun. Sebab height scalloped edges ni sama dengan code yang Ira bagi :)
Feel free to take the freebies. Originally not mine :)
Don't forget to comment ^_^


FREEBIES

image
image
image
image
image
image
image
image

How to copy image url ?
Right Click > Copy image URL

Credit : Pixel-Soup | foollovers

No comments: