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

Tutorial: Underline Hover

Wednesday, September 7, 2011 - 0 comment

Assalamualaikum

Basically, tadi saya godeh code and suddenly I got an idea about this tutorial. First, thanks to my friend because share this idea with me. Mungkin orang lain pernah buat tutorial ni juga.

Let's start.

1 - Dashboard > Design > EditHTML {tick expand widget and backup code if needed}

2 - Gunakan fungsi ctrl + f dan cari code dibawah;

u {

3 - Pastekan code dibawah selepas u{

text-decoration:none;
background-color: #000000;
border-bottom: 2px solid #000000;
padding: 3px;
}

*tulisan yang diwarnakan boleh ditukar mengikut citarasa. boleh tekan sini dan sini.

4 - Cari code ni pula;

u:hover {

5 - Copy code dibawah;

border-radius:4px;
-webkit-transition-duration: 2s;
text-decoration:none;
background-color: #000000;
border-bottom: 2px solid #000000;
padding: 3px;
}

*code diwarnakan boleh ditukar mengikut citarasa

6 - Paste code tersebut selepas u:hover { tadi.

Tips;
Kalau tak jumpa code u:hover { tu, just copy semua code dekat atas ni dan sambung je dekat bawah anak anak code u { tadi, kalau jumpa code a:hover tu korang just copy code daripada u:hover { tu je.

Goodluck.

Labels: Tutorial