Translate

get this widget here
Create your own banner at mybannermaker.com!

Khamis, 27 Disember 2012

Efek double dashed apabila cursor menyentuh link (Double Dashed Hover)

Preview:

Caranya:

1) Sign in akaun blogger

2) Dashboard > Design > Edit HTML > Tick kotak "Expand Widget Templates"

3) Dengan menggunakan ctrl + F (tekan serentak pada keyboard), cari kod   
a:hover

4) Kemudian copy paste kod di bawah selepas kod  a:hover  yang korang cari tadi:
border-top: 2px dashed #ff8fc1;
border-bottom: 2px dashed #ff8fc1;

 contoh:
 a:hover 
border-top: 2px dashed #ff8fc1;
border-bottom: 2px dashed #ff8fc1;

Nota:
ff8fc1 - warna garisan dashed. Tukar dengan kod warna yang korang suka. Rujuk kod warna di bawah:
( untuk paparan lebih besar, klik di sini)


5) Lastly, klik preview, jika tiada error, klik save dan lihat hasilnya.

Selamat mencuba! :) 

0 ulasan:

Copyright© All Rights Reserved HafizalHajiZainal.blogspot.com