HOMEPAGE
THE AUTHOR
FREEBIES
TUTORIALS
DESIGN PROCESS
PORTFOLIO

Tutorial Sidebar Hover (denim,simple,washed denim).


Assalamualaikum. Today, aten nak buatkan tutorial lagi. Ni untuk pengguna template denim, simple and washed denim. Cer kauorang try hover kat sidebar aten, dia bertukar kan? Okay, jum tengok cane nak buat.

1. Dashboard > Design > Edit HTML > Tick Expand Widget Template

2. Tekan ctrl+f then search code ni :

Simple template
h2 {

Denim & Washed Denim
.sidebar h2 {

3. Dah jumpa? Bagus. Delete code yg ada sekarang tu, then gantikan dgn code yg Aten bagi bawah ni. Ikut template masing-masing k.

Simple Template
h2 {
text-align:right;
color:#000000;
border-bottom:1px dashed #777777;
}
h2:hover {
text-align:right;
color:#777777;
border-bottom:1px dashed #000000;
background-image:url(Icon COMEL);
background-position:left;
background-repeat:no-repeat;
}

Denim & Washed Denim
.sidebar h2 {
text-align:right;
color:#000000;
border-bottom:1px dashed #777777;
}
.sidebar h2:hover {
text-align:right;
color:#777777;
border-bottom:1px dashed #000000;
background-image:url(Icon COMEL);
background-position:left;
background-repeat:no-repeat;
}

3. Nanti pandai lah kauorang tukar okay? Kalau tak faham boleh tanya. Preview dulu then baru save! Goodluck :')

4 comments:

  1. Wow ! Thanks kakak yg tomey ! Daa jadi daa .. ! Tomeyy sanadd2 :) Ikhlas niyyhh !

    ReplyDelete
  2. This comment has been removed by the author.

    ReplyDelete

Terima kasih atas komen yang diberikan. Jangan lupa datang lagi untuk cerita yang terbaru. Salam sayang dari owner blog

 
Thankyou for visiting | Template made by Fatin Hazwani.