TUTORIAL : DOUBLE DASHED HOVER

May 29, 2012



Tutorial kali nih untuk bahagian Hover.
Bila cursor uols pergi mana-mana link atau image, akan ada dashed atas dan bawah link. 
Oke, kite teruskan la yer.

1. Dashboard > Design > Edit HTML > Tick Expand Widget

2. Dengan menggunakan fungsi Ctrl F, cari kod nih : 
a:hover {

3. Oke, dah jumpa kan? Sekarang Copy dan Paste kod kat bawah nih BAWAH kod yang uols cari tadi.
border-top: 2px dashed #58ACFA;
border-bottom: 2px dashed #58ACFA;
4. Yang dashed tuh, uols boleh tukar kepada Solid atau Dotted 
5. Kod #58ACFA boleh tukar kat Sini.

Save terus, tak payah Preview oke, sebab kalau uols Preview takkan dapat tengok.


You Might Also Like

0 000, 000 Pengkomen

DISCLAIMER: Comments are welcomed. However, noted that, tasteless and insulting comments may be deleted. Any personal remarks and attacks may be deleted. The same holds true for off-topic comment. Any comments that reek of link spam or marketing messages will be deleted.

I am not responsible for the content in comments other than those made by me, or in blogs, or other online content that I may link to.</p>