Menu seperti diatas Anda Bisa dload filenya di ndesign-studio.com
Kemudian unzip file tsb, Dalam folder JS ada 2 file javacript (interface.js dan jquery.js) dan pada folder images anda akan menemukan file gambar, silahkan upload semua file tersebut ke host directory masing-masing (Misalnya di ripway.com dst), kalo sudah silahkan buka kembali folder css-dock-menu, ulangi lagi seperti langkah sebelumnya yaitu dengan upload file iepngfix.htc dan style.css
Cara pasangnya :
1. Masuk ke menu Edit HTML, cari kode <head> dan letakan script ini di bawahnya seperti ini:
<head>
<script src='http://iyankgajrug.com/jquery.js' type='text/javascript'/>
<script src='http://iyankgajrug.com/interface.js' type='text/javascript'/>
<link href='http://iyankgajrug.com/style.css' rel='stylesheet' type='text/css'/>
Untuk Alamat url diatas silahkan sesuaikan dengan path directory masing-masing.
2. Masih pada halaman Edit HTML, cari code </body> kemudian letakan file dibawah ini diatas kode </body>:
<script type="text/javascript">
$(document).ready(
function()
{
$('#dock').Fisheye(
{
maxWidth: 50,
items: 'a',
itemsText: 'span',
container: '.dock-container',
itemWidth: 40,
proximity: 90,
halign : 'center'
}
)
}
);
</script>
</span>
Langkah proses pemasangan menu. Masuk ke edit halaman trus add widget pilih Html/javascript, masukan kode seprti ini
<div class="dock" id="dock">
<div class="dock-container">
<a class="dock-item" href="http://www.o-om.com"><img src="http://iyankgajrug.com/home.png" alt="home" /><span>Home</span></a>
<a class="dock-item" href="http://www.o-om.com"><img src="http://iyankgajrug.com/email.png" alt="contact" /><span>Contact</span></a>
</div>
slamat mencoba
Rabu, Desember 03, 2008
Menu Dock seperti Mac
Langganan:
Postingan (Atom)