Huxsna


"...Follow me on Instagram @thehusnaaa_..."


Saturday, 6 June 2015 - 0 Complain

Assalamualaikum Bloggerz,bloggerz yang Husna rahmati.. hahahahax :P
Tutorial harini ialah..... sidebar hover.. Macam mana? sabar.. bawa bertenang... like this:

             BEFORE HOVER


 AFTER HOVER

                                         
Faham kan? so husna creditkan pada Tiara

TEMPLATE DESIGNER
  • Dashborad > template > edit HTML
  • ctrl+f search code .sidebar .widget {
  • Copy code bawah ni then pastekan di bawah } faham tak? maksudnya, lepas anak anak code .sidebar .widget { tu, kan ada } kan? so copy code bawah ni and pastekan dibawah }
.sidebar .widget:hover {
-webkit-box-shadow: 0px 0px 8px 3px #99C7FF;
-moz-box-shadow: 0px 0px 8px 3px #99C7FF;
box-shadow: 0px 0px 8px 3px #99C7FF;
-webkit-transition-duration: 4s;
border-top: 2px dashed #A8CFFF;
border-bottom: 2px dashed #D0E6FF;
border-left: 2px dashed #D0E6FF;
border-right: 2px dashed #A8CFFF;
border-radius: 40px 0px 40px 0px;
-moz-border-radius: 40px 0px 40px 0px;
-webkit-border-radius: 40px 0px 40px 0px;
}
MERAH : Warna shadow
ORANGE : Warna border

LIKE THIS :
//CURI GAMBAR TIARA.. HEHE~

Hope semua fahamm :D







Post a Comment

Ada masalah? Ada benda yang hendak dipuji? Suka dengan blog nie? Complain lah apa lagi!


Hello From The Otherside!

click this button ^^

de' little map

cbox

Fairytales Time Machine

credit