Monday 8 September 2014

Tutorial : Background Link

Hai :D 
Nak tau tak pebendanya background link tu ?
CLICK HERE
Heheh :p 
Nak try ? Nak cuba ? Tertarik ? Meh2 !

1. Dashboard > Template > Edit HTML 
2. Tekan CTRL+F/F3 & Cari kod ni .
a:hover {
3. Pastekan code di bawah ni dekat BAWAH kod a:hover { tadi .
background: #F5A9D0;
border-radius:3px;
border-bottom: 2px #000000 solid ;
border-top: 2px #000000 solid ;
 4. Preview dulu , kalau takde error boleh save :)

Nota
ABC : Tukar warna background korang. Jangan ambik warna yang gelap sangat haa. Kalau taknak berwarna, korang boleh tukarkan ke background image. Gantikan code tu dengan background : url(URL Background); .
ABC : Kelengkungan border. Kalau nak bagi border tu melengkung bulat, jadikan angka tu makin besar, contohnya tukar ke 10.
ABC : Ketebalan border. Change ke number yang lebih besar kalau nak border tu semakin tebal.
ABC : Warna border atas dan bawah. Kalau taknak benda alah ni, DELETE je okay?
ABC : Available in solid > dotted > dashed . Choose one only.
Nak cari colour tekan SINI
credit : Amalina