t u t o r i a l s i t e

Tutorial: Link Hover (Double Line)

Sunday, July 24, 2011 - 0 comment

SaLam korang..!! xD

Hari neh yad na show, macam mana na buad bila link itu disentuh nanti akan muncul 2 line atas dan bawah. :) So, meh kita start. Korang pon tangan da mengigil excited kan? Kang nanti tempunan pulak korang ta dapat buad tuto neh #mula sesat. Ok jum start tuto! :D

1 Dengan menggunakan kuasa ~~magic~~ CTRL + F, cari code neh a:hover {.

2 Kemudian, korang paste code dibawah besertakan ~~mantera~~nye

border-top: 3px dotted #ffa9b9;border-bottom: 3px dashed #ffa9b9;

Purple: untuk ketebalan line korang. Makin besar angka, makin tebal lh line korang.
Orange: korang boleh tukar kepada | Solid | Dotted | Dashed |
Kalau Solid hanya seperti garisan biasa. Dotted pulak garisan titik titik, dan Dashed pula garisan putus putus.
Merah: Warna line korang >Click here for code colour<

3 Save!
:D Ok tu je lh. Kalau ta jadi boleh tanya ye. Pape pon inform lh kn yad k. ^-^ Selamat mencuba and Goodluck. Bye!

Labels: Tutorial