Vista Folder Tree - Digital English

Digital English: The joy of learning English
<style type="text/css">
.font {font-size:16px;font-family:Calibri,'Segoe UI',Tahoma}
.font a {font-size:16px;font-family:Calibri,'Segoe UI', Tahoma; color:#0a70a5;text-decoration:none}
.font a:hover {font-size:16px; font-family:Calibri,'Segoe UI',Tahoma; color:#0a70a5;text-decoration:none}
#a1{height:19px;width:150px;display:block}#a1 a{height:19px;width:150px;display:block}#a1 a:hover{background:#d2edfb url(http://akbari694.persiangig.com/image/bgs.png) no-repeat top center;height:19px;width:150px;display:block}
#a2{height:19px;width:161px;display:block}#a2 a{height:19px;width:161px;display:block}#a2 a:hover{background:#d2edfb url(http://akbari694.persiangig.com/image/bgb.png) no-repeat top center;height:19px;width:161px;display:block}
wh1{width:150px;height:19px;cursor:pointer}
wh2{width:161px;height:19px;cursor:pointer}
</style>
<script language="JavaScript1.2">
newimage0 = new Image();
newimage0.src = "http://akbari694.persiangig.com/image/++.png";
newimage1 = new Image();
newimage1.src = "http://akbari694.persiangig.com/image/--.png";
newimage2 = new Image();
newimage2.src = "http://akbari694.persiangig.com/image/page.png";
function Toggle(item) {
obj=document.getElementById(item);
visible=(obj.style.display!="none")
key=document.getElementById("x" + item);
if (visible) {
obj.style.display="none";
key.innerHTML='<img src="http://akbari694.persiangig.com/image/++.png" onmousedown="this.src=&#39;http://akbari694.persiangig.com/image/+++.png&#39;" onmouseup="this.src=&#39;http://akbari694.persiangig.com/image/+++.png&#39;" onmouseover="this.src=&#39;http://akbari694.persiangig.com/image/+++.png&#39;" onmouseout="this.src=&#39;http://akbari694.persiangig.com/image/++.png&#39;" align="absmiddle" border="0">';
} else {
obj.style.display="block";
key.innerHTML='<img src="http://akbari694.persiangig.com/image/--.png" onmousedown="this.src=&#39;http://akbari694.persiangig.com/image/---.png&#39;" onmouseup="this.src=&#39;http://akbari694.persiangig.com/image/---.png&#39;" onmouseover="this.src=&#39;http://akbari694.persiangig.com/image/---.png&#39;" onmouseout="this.src=&#39;http://akbari694.persiangig.com/image/--.png&#39;" align="absmiddle" border="0">';
}}
</script>
<div style="visibility:hidden;height:1px"><img src="http://akbari694.persiangig.com/image/bgs.png"><img src="http://akbari694.persiangig.com/image/bgb.png"><img src="http://akbari694.persiangig.com/image/---.png"><img src="http://akbari694.persiangig.com/image/+++.png"></div>
<table border="0" cellpadding="2" cellspacing="0" class="font" width="188" bgcolor="#FFFFFF"><tr><td>
<table border="0" cellpadding="0" cellspacing="0"><tr>
<td width="26" height="19"><a id="x1" href="javascript:Toggle('1');"><img src="http://akbari694.persiangig.com/image/--.png" onmousedown="this.src=&#39;http://akbari694.persiangig.com/image/---.png&#39;" onmouseup="this.src=&#39;http://akbari694.persiangig.com/image/---.png&#39;" onmouseover="this.src=&#39;http://akbari694.persiangig.com/image/---.png&#39;" onmouseout="this.src=&#39;http://akbari694.persiangig.com/image/--.png&#39;" align="absmiddle" border="0"></a></td>
<td id="a2"><a id="x1" href="javascript:Toggle('1');" class="wh2">Quick Links</a></td>
</tr></table>
<div id="1" style="margin-left: 11px">
<table border="0" cellpadding="0" cellspacing="0"><tr>
<td width="26" height="19"><img src="http://akbari694.persiangig.com/image/computer.png" align="absmiddle" border="0"></td>
<td id="a1"><a href="<-BlogUrl->" class="wh1">Main Page</a></td>
</tr></table>
<table border="0" cellpadding="0" cellspacing="0"><tr>
<td width="26" height="19"><img src="http://akbari694.persiangig.com/image/page.png" align="absmiddle" border="0"></td>
<td id="a1"><a href="<-BlogArchiveLink->" class="wh1">Archives</a></td>
</tr></table>
<table border="0" cellpadding="0" cellspacing="0"><tr>
<td width="26" height="19"><img src="http://akbari694.persiangig.com/image/E-mail.png" align="absmiddle" border="0"></td>
<td id="a1"><a href="mailto:<-BlogEmail->" class="wh1">E-mail</a></td>
</tr></table>
<table border="0" cellpadding="0" cellspacing="0"><tr>
<td width="26" height="19"><img src="http://akbari694.persiangig.com/image/Profile.png" align="absmiddle" border="0"></td>
<td id="a1"><a href="<-BlogUrl->/profile" class="wh1">My Profile</a></td>
</tr></table>
<table border="0" cellpadding="0" cellspacing="0"><tr>
<td width="26" height="19"><img src="http://akbari694.persiangig.com/image/page.png" align="absmiddle" border="0"></td>
<td id="a1"><a href="<-BlogUrl->/posts/" class="wh1">Post Titles</a></td>
</tr></table>
<table border="0" cellpadding="0" cellspacing="0"><tr>
<td width="26" height="19"><img src="http://akbari694.persiangig.com/image/RSS.png" align="absmiddle" border="0"></td>
<td id="a1"><a href="<-BlogUrl->/rss.aspx" class="wh1">RSS Feed</a></td>
</tr></table></div>
<table border="0" cellpadding="0" cellspacing="0"><tr>
<td width="26" height="19"><a id="x2" href="javascript:Toggle('2');"><img src="http://akbari694.persiangig.com/image/--.png" onmousedown="this.src=&#39;http://akbari694.persiangig.com/image/---.png&#39;" onmouseup="this.src=&#39;http://akbari694.persiangig.com/image/---.png&#39;" onmouseover="this.src=&#39;http://akbari694.persiangig.com/image/---.png&#39;" onmouseout="this.src=&#39;http://akbari694.persiangig.com/image/--.png&#39;" align="absmiddle" border="0"></a></td>
<td id="a2"><a id="x2" href="javascript:Toggle('2');" class="wh2">Categories</a></td>
</tr></table>
<div id="2" style="margin-left: 11px">
<BlogCategories>
<table border="0" cellpadding="0" cellspacing="0"><tr>
<td width="26" height="19"><img src="http://akbari694.persiangig.com/image/page.png" align="absmiddle" border="0"></td>
<td id="a1"><a href="<-CategoryLink->" class="wh1"><-CategoryName-></a></td>
</tr></tbody></table>
</BlogCategories></div>
</td></tr></tbody></table>
This "Folder Tree" code is designed for Blogfa system. Bloggers can use this coding to display a very beautiful collapsible folder tree with attractive icons in their weblogs. As you see in the sample here, these links are provided in it:
1. Main Page
2. Archives
3. E-mail
4. My Profile
5. Post Titles
6. RSS Feed
7. Categories
Quick Links
Main Page