Tutorial : Sidebar Hover dan Post little Hover

Tutorial : Sidebar Hover dan Post little Hover
SIDEBAR HOVER

1. Template --> Edit Html --> Tick Box Code --> CRTL+F , Find this code
Simple Template
/* Headings-----------------------------------------------
Wash Denim
.sidebar h2 {
2. dah jumpa?. Copy code bawah nie. plak :
border: 3px  double #FFFFFF; height: 19px;
text-align:center;background: url( UrL background);
margin:0.5em;padding:3px;
font: normal 12px century gothic;
color: #FFFFFF;
-moz-border-radius: 25px 10px / 10px 25px;
border-radius: 25px 10px / 10px 25px;
}
.sidebar h2:hover {
background-image:url(Url Icon cute);
background-color: #FFECEC;background-position:bottom right;background-repeat:no-repeat;
-webkit-transition-duration: 2.4s;
}
3.Dah Copy pastekan Dibawah   .sidebar h2 {   Tadi ye.

4. Preview.. tak ada error .. save lah ! selamat mencuba...

POST TITLE

1. Template --> Edit Html --> Tick Box Code --> CRTL+F , Find this code
Simple Template :
h3.post-title
Wash Denim :
.post-title {
ada kan.. jumpa tak ? ? kalau dah jumpa

2. copy dan paste code di bawah ini dekat bawah h3.post-title :
text-align:center;
background: url(URL BACKGROUND SEBELUM DI HOVER);
margin:0.5em;padding:3px;font: normal 12px century gothic;
color: #A49696;
}
.post-title:hover {
background-image:url(URL ICON);
background-color:  #FFECEC;
background-position:bottom right;
background-repeat:no-repeat;
-webkit-transition-duration: 2.4s;
}
 EDIT :
ABC : tukarkan kepada solid , dashed , double
ABC : front korunk
ABC : Korg boleh tukar Code colour kalo nak.SINI
ABC : Letak Background Image Url
ABC : Url Icon Cute SINI

3. Preview dan save !

No comments

Terima kasih kerana sudi menulis komen di blog Nurrul, sebarang pertanyaan akan dibalas secepatnya. Jazakallahu khairan