Tuesday 6 December 2011

Tutorial : Background Link Hover

Assalamualaikum


Okey,seperti biasa,sebelum kita mulakan tutorial ni,apple akan explain dulu kat korang apa itu BACKGROUND LINK HOVER..

Apple tunjukkan gambar pada korang okey

(ni la yang dinamakan background link hover)

Bila cursor kita sentuh ja mana2 link,ia akan jadi seperti yang tertera di dalam gambar tu.

Now,lets to began

STEP 1 : Pergi kat Dashboard > Design > Edit HTML


STEP 2 : Tick Expand Widget (ctrl + F) dan Cari kod di bawah ni 

          a:hover {

STEP 3 : Paste kod di bawah ni di bawah kod yang korang cari tadi tu

background: #FCD0E5;
border-radius:4px;

 Yang warna MERAH tu,korang boleh tukar dengan warna kesukaan korang sendiri kat SINI
 Paste ja kod warna yang korang suka tu kat tempat MERAH tu
 Yang HIJAU tu pulak,korang boleh tukar untk besarkan/kecilkan lengkung background link hover korang

STEP 4 : Preview dulu ya..kalau sudah puas hati,SAVE larrr

Tapi,kalau korang tidak mau guna warna,boleh juga tukar dengan dengan gambar...tukar ja dengan kod di bawah ni dekat yang warna MERAH tu.Tapi guna url..

   background : url(URL Background);

bye! selamat mencuba

No comments:

Copyright By ✿apple pearl✿