Drop Down MenusCSS Drop Down MenuPure CSS Dropdown Menu

October 10, 2011

Tutorial Post Title Hover

hai korang nina nak ajar macam mana nak buat post title hover.:face51:jadi cantik tau.:face64:ala yang macam blockquote tu.:face14:ada icons tu..:face56:ha boleh bayangkan tak:120:nina tak ada contoh nak tunjuk tapi trylah baru tahu..:face12:

1dahsboard:65:design:65:edit html

2tekan ctrl+F untuk search
.post-title { atau .post h3 {
kalau tiada juga cari ini :

h3.post-title { atau h4 }

3copy code di bawah ini && pastekan di bawah .post-title { tau .post h3 { ataupun di bawah h4 }
text-align:center;
border-radius: 0.5em 0.5em 0.5em 0.5em;
text-shadow: 2px 2px 3px #F5A9BC;
background: url(URL BACKGROUND);
border-top:1px dotted #FFFFFF;
border-left:1px dotted #FFFFFF;
border-bottom:1px dotted #FFFFFF;
border-right:1px dotted #FFFFFF;
padding: 3px;
}
.post-title:hover {
background-image:url(URL BACKGROUND ICON);
background-position:bottom right;
background-repeat:no-repeat;
}
warna merah : url background and icon yang korang suka
warna biru : ketebalan border
warna ungu : jenis border (dotted, dashed, solid dan sebagainya)
warna oren : warna border

if tak nak text-shadow delete jela code tu tau. jenis border pun kalau nak tukar pun boleh tukar lain. nak tahu jenis border lain bolehlah pergi sini tengok SINI ok..

4save:119:

No comments:

Post a Comment

Thank you for comment. Come again :)

WARNING!
AKTA 588, AKTA KOMUNIKASI DAN MULTIMEDIA 1998
Seseorang yang menggunakan applikasi dengan memulakan penghantaran apa-apa komen, permintaan, cadangan atau komunikasi lain yang lucah, sumbang, palsu, mengancam atau jelik sifatnya dengan niat untuk menyakitkan hati, menganiayai, mengugut atau mengganggu orang lain; atau tanpa mendedahkan identitinya dan dengan niat untuk menyakitkan hati, menganiayai, mengugut atau mengganggu mana-mana orang di mana-mana nombor atau alamat elektronik, adalah melakukan satu kesalahan dan boleh didenda tidak melebihi RM 50,000.00 @ dipenjarakan selama tempoh tidak melebihi 1 tahun @ kedua-duanya.