Membuat Menu Melayang Dengan Efek Fade Out

Hei Sobat , posting kali ini tentang Membuat Menu Melayang Dengan Efek Fade Out penasaran gak ? kalo penasaran langsung aja kita simak !

[DEMO]

Udah liat belum :) jadi yuk kita langsung ke processnya :D

1. Login Blogger.com > Rancangan > Edit HTML

Berikutnya sobat Cari kode ]]></b:skin> dan pastekan kode berikut diatasnya :

/*Nav Cyber-JM Start */ #nav{ height:35px; border-bottom:1px solid #ddd; position:fixed; top:0px; left:0px; right:0px; background:#fff url() repeat-x center left; z-index:999999; } #nav ul{ height:25px; list-style:none; margin:6px auto 0px auto; width:600px; } #nav ul li{ display:inline; float:left; margin:0px 2px; } #nav a{ font-size:11px; font-weight:bold; float:left; padding: 2px 4px; color:#999; text-decoration: none; border:1px solid #ccc; cursor: pointer; background:transparent url() repeat-x center left; height:16px; line-height:16px; } #nav a:hover{ background:#D9D9DA none; color: #fff; } #nav a.top span, #nav a.bottom span{ float:left; width:16px; height:16px; } #nav a.top span{ background:transparent url(http://www.showofthemonth.com/images/top_button.gif) no-repeat center center; } #nav a.bottom span{ background:transparent url(http://cdn1.iconfinder.com/data/icons/bnw/64x64/actions/bottom.png) no-repeat center center; } /*AFR End */

2. Lalu cari kode <body> lalu pastekan kode berikut diatasnya

Kalau Semua Sudah Simpan Template And Lihat Hasilnya, Semoga Berhasil

AFR Indonesia

New Story of My Life

Follow Us

Membuat Menu Melayang Dengan Efek Fade Out

Senin, 09 April 2012

You might also like this post

0 komentar:

Speak up your mind

Adf.ly