Menu Tdree

caranya:

copy script di bawah ini
<br />
<h3>
Navigation</h3>
<ul>  <div style="padding-left: 10px; text-align: left;">
<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 src="http://www.geocities.com/once179/sitemap/dtree.js" type="text/javascript">
</script> <br />
<div class="dtree" style="background-color: rgb(FF, FF, FF); padding-top: 10px; width: 200px;">
<a class="dtree" href="javascript:%20d.openAll();"><b>Open For All</b></a> | <a class="dtree" href="javascript:%20d.closeAll();"><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>
<br />
ganti link yang di beri warna dengan link kamu.. !

Posted in: