Membuat menu dtree atau menu drop seperti di bawah ini
Navigation
src="http://www.geocities.com/once179/sitemap/dtree.js" >
caranya:
copy script di bawah ini
<h3>Navigation</h3>
<ul>
<!-- start dtree -->
<div style="text-align:left;padding-left:10px">
<style type="text/css">
/*--------------------------------------------------| | dTree 2.05 | www.destroydrop.com/javascript/tree/ | |---------------------------------------------------| | Copyright (c) 2002-2003 Geir Landr? | |--------------------------------------------------*/ .dtree { font-family: Verdana, Geneva, Arial, Helvetica, sans-serif; font-size: 11px; color: #666; white-space: nowrap; padding: 6px; padding-left: 5px; }.dtree img { border: 0px; vertical-align: middle; }.dtree a { color: #333; text-decoration: none; }.dtree a.node,.dtree a.nodeSel { white-space: nowrap; padding: 1px 2px 1px 2px; }.dtree a.node:hover,.dtree a.nodeSel:hover { color: #000; text-decoration: underline; }.dtree a.nodeSel { background-color: #c0d2ec; }.dtree.clip { overflow: hidden; } .siteMapLink{ border: 1px dashed #aaa; background-color: #FFFFFF; padding: 4px; }.siteMapLink:hover{ border: 1px solid #aaa; background-color: #FFFFFF; padding: 4px; text-decoration: none; }
</style>
<script type="text/javascript"
src="http://www.geocities.com/once179/sitemap/dtree.js" ></script >
<div class="dtree" style="background-color: rgb(FF, FF, FF);
padding-top: 10px; width: 200px;">
<a href="javascript: d.openAll();"
class="dtree"><b>Open For All</b></a> | <a href="javascript: d.closeAll();"
class="dtree"><b>Close For All</b></a><br>
<br/>
<script type="text/javascript">
<!--
d = new dTree('d');
d.add(0,-1,'Home','http://link.com','','','', '');
//menu
d.add(10, 0,'My Other Blog', '','','','http://i162.photobucket.com/albums/t253/rohman24/otherblog.gif', 'http://i162.photobucket.com/albums/t253/rohman24/otherblog.gif');
d.add(11, 10,'link2', 'http://link2.com','','','', '');
d.add(12, 10,'link3', 'http://link3.com','','','', '');
d.add(13, 10,'link4', 'http://link4.com','','','', '');
d.add(20, 0,'Blog Tutorial', '','','','http://i162.photobucket.com/albums/t253/rohman24/Blogtutor.gif', 'http://i162.photobucket.com/albums/t253/rohman24/Blogtutor.gif');
d.add(21, 20,'link5','http://link5.html','','','', '');
d.add(22, 20,'link6', 'http://link6.html','','','', '');
d.add(40, 0,'Free Download', '','','','http://i162.photobucket.com/albums/t253/rohman24/Untitled-2_03.gif', 'http://i162.photobucket.com/albums/t253/rohman24/Untitled-2_03.gif');
d.add(41, 40,'link7','http://link7','','','', '');
d.add(42, 40,'link8','http://link8.html','','','', '');
d.add(50, 0,'Link Exchange', '','','','http://i162.photobucket.com/albums/t253/rohman24/link-ex_03.gif', 'http://i162.photobucket.com/albums/t253/rohman24/link-ex_03.gif');
d.add(51, 50,'link9','http://link9.com','','','', '');
d.add(52, 50,'link10','http://link10.com','','','', '');
d.add(80, 0,'Sponsored Links', '','','','', '');
d.add(81, 80,'link11', 'http://link11.com','','','', '');
d.add(82, 80,'link12','http://link12','','','', '');
document.write(d);
//-->
</script>
</div>
</div>
</ul>
<!-- Akhir dari dtree -->
<br/>
ganti link yang di beri warna dengan link kamu.. Peace!
0 responses to "Menu Dtree"