Hover Sidebar Title

Tutorial untuk buad hover kat sidebar title..biasanya kan sidebar x de hover kan..tapi kali ni nak tunjuk canne nak buad hover kat sidebar title..

  1. Dashboard > Design > Edit HTML > Tick Expand Widget Templates.
  2. Mcm biasa tekan CTRL+F untuk cari code ni   
       h2 {
     3.Copy and paste code bawah ni bawah h2 {
 padding:2px;margin:1.5em 0 .75em;background: #FFFFFF;border-top: 3px dotted #000000;border-bottom: 3px dotted #000000;border-left: 3px solid #000000;border-right: 3px solid #000000;-moz-border-radius: 25px 10px / 10px 25px;border-radius: 25px 10px / 10px 25px;text-align:center;}

h2:hover {padding:2px;margin:1.5em 0 .75em;-moz-border-radius: 1em 4em 1em 4em;border-radius: 1em 4em 1em 4em;text-align:center;background: #FFFFFF;border-left: 3px solid #000000;border-right: 3px solid #000000;background-image:url(url icon );background-position:bottom right;background-repeat:no-repeat;}
 PINK:boleh tukar sepada dashed, dotted, double
BIRU:url icon yang disukai
OREN:warna background
MERAH:warna border
PURPLE:size border yang disukai

p/s:untuk step no.3 ..blockquote no 1 tu sebelum cursor sentuh..Blockquote yang ke2 tu semasa cursor sentuh.So kna letak skali eh dua-dua blockquote tu.

1 comment:

kalau nak komen,komen kat cni...
Bismillahirrahmanirrahim...