Add Me Follow Me Follow Me

Double Dashed Hover

Posted by Mira Rasidi | 24 February 2012 | Comment
Ehem.Ehem.
Assalamualaikum to all reader^ ^

Sempena 24/2/2012 ,cik meera nak share dengan korang satu lagi tutorial yang semestinya korang suka.Hehe.Tutorialnya adalah Cara nak buat Double Dashed Hover.Kiranya bila  bawak cursor korang dekat hover ataupun link,akan keluar Double Dashed.

Nak tahu cara buatnya?Jom ikot Step ini:

1.  Dashboard>Design>Edit HTML>tick Expand Widget Templates

2.  Cari kod ini:(Bagi memudahkan pencarian,tekan Ctrl F serentak.Kemudian,Copy Paste kod di bawah di kotak Find: & tekan Enter)
a:hover {

# Untuk Denim Templates, korang tak da a:hover {.Betol tak?
So.korang just cari kod a:visited { 


Kemudian Paste kod  a:hover {  DI ATAS kod  a:visited { yup


3.  Copy kod di bawah & Paste DI BAWAH kod  a:hover { .
border-top: 2px dashed #000000;
border-bottom: 2px dashed #000000;
}

Warna Hijau:Boleh gantikan dengan saiz yang korang suka
Warna Merah:If ada yang tak suka dashed,korang boleh gantikan dengan solid ataupown dotted
Warna Biru:Gantikan dengan kod warna kesukaan korang.Boleh dapatkan di SINI


4.  Preview.Tak ada error,Save.



P/s:Selamat Mencuba^ ^.Jangan lupa rojer2 dekat cik meera ye.

No comments: