Wednesday, November 30, 2011

Tutorial: Hover | Link shadow



Hello everybody!! 
si cantik dan si kacak..^_^

Entri sebelum aku ada buat tuto nak letak shadow kat border, boleh tengok sini ===> Tutorial: Shadow on the border. Dan sekarang seperti yang dijanjikan aku akan tunjuk cara nak buat shadow dekat tulisan bila cursor menyentuh link. Okeh, jom kita tengok

1. Dashboard | Design | Edit HTML | tick expand widget templates

2. Cari kod di bawah neh, menggunakan ctrl F

a:hover {

3. Then, copy pulak kod di bawah neh dan paste di bawah kod yang korang cari tuh.

text-shadow: 0 0 0.4em #CED8F6, 0 0 0.4em #CED8F6;

Contoh yang aku buat



4. Kod kaler pink tuh korang boleh tukar mengikut saiz shadow dan warna kesukaan korang. Kalo tak nak tukar, guna terus kod tu pun takpe. Tapi sama macam aku punya pulak kan. heheh.. Warna kod boleh tengok SINI

5. Sekarang Preview dulu, takde error baru boleh Save. Ok, tu je..Senang sangatt kan?

k bai!
Photobucket

Thanks for your reading love! =D

0 00 orang duk bersembang:

Related Posts Plugin for WordPress, Blogger...