Tutorial double link hover

Wednesday, January 02, 2013


Assalamualaikum =D


Tutorial ini telah di request oleh salah seorang blogger kita. So hari ni huda nak share tutorial double link hover, means kalau kita sentuh dia ada dua line. macam tulah ceritanya. Contoh? Cuba letak cursor korang dekat header huda. =D

ok, nampak tak gambar dotted di atas - yang ada dua line? ok tulah double hover.



Follow step dekat bawah ni :-

1. Dashboard > Template > Tick Expand Widget Template.


2. Tekan CTRL + F dan cari code dekat bawah ni
a:hover

3. Kemudian COPY pula code dekat bawah ni dan PASTE di bawah code yang korang cari tadi (step2)

border-top: 2px dotted #F660AB;
border-bottom: 2px dotted #F660AB;

NOTA :-
Warna Merah :- korang bole tukar dengan dua perkataan ni - dotted,dashed,solid 
Warna Purple :- korang tukar dengan code warna pilihan korang.


4. Save dan lihat hasilnya =D



Selamat mencuba dan semoga berjaya =D



You Might Also Like

5 comment di sini.

  1. thank u.. semua tuto akk kebanyakaye mnjadi.. akak reti tak buat header pisahkn dari content

    ReplyDelete
  2. Thank banyak membantu...(^_^)V

    ReplyDelete