November 9, 2011

Link Hover Background



1. Dashboard > Design > Edit HTML and cari code a:hover{ dulu .
2. Copy code bawah ni :
background: #3E3535;
border-radius: 5px;
padding-top: 2px;
padding-bottom: 1px;
padding-left: 3px;
padding-right: 3px;
}
3. Paste code atas nie , dekat bawah code yang korang cari tadi .
4. So cepat-cepat tukar ape yang patut pade yang saye bold tu :
yellow : warna background
4. Hokaee done ! Save now now! gotta problem , juz tell me! :D


    Kalau nak add-on dekat untuk link hover yang lain , let's see :


 Underline link hover 


1. Dashboard > Design > Edit HTML > Expand Widget Templates
2. Cari code /*Header
3. Copy code bawah ni :

u {
text-decoration:underline;
border-bottom: 1.5px dashed #F9A7B0;
padding: 2px; }

4. Paste code atas ni , dekat atas /*Header yang korang cari tadi .
5. Preview & Save !


No comments: