Widget – “Страницы” (древо-меню)

Widget – “Страницы” (древо-меню)

Данный виджет представляет собой красивое древо-меню, с помощью которого вы можете создать себе красивую панель навигации в вашем блоге...
Установка данного виджета была упрошена и для его добавлении - вам надо всего лишь:


1. Зайти в Дизайн ---> Элементы страницы ---> Добавить гаджет ---> HTML/javascript

2. В строке Содержание в вашем гаджете - вставьте следующий код:

<style>
.treeview ul{
margin: 0px;
padding: 0;
}

.treeview li{
background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhCaDFzPKymXikADLksHOutFH-6aT5IWPWbbcb4ssO8WO9DfsKkiCVRLLKUpI6GjzjsL_bbx8yuxkQTsazUsaINlapm1heSKBhwsCecz4pffokNJlc7cU4twOoga8RKU3JAfudhrGQUHHTn/s1600/list.gif) no-repeat 0px 3px;
list-style-type: none;
padding-left: 32px;
margin-bottom: 3px;
}

.treeview li.submenu{
background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjebirMZYhTx3_HC-1-17kDyCS8bLFjTKSr698HREXgJvfFduo5_ThvySYrRfNtV8Rb92lQoMaPKC5D0-U6TpiSu4Ka6wKc-rjwJRbvNafZiLjvW216dWufEiOgMinqpPBiopQL6D_yXYTq/s1600/closed.gif) no-repeat 0px 3px;
cursor: hand !important;
cursor: pointer !important;
}


.treeview li.submenu ul{
display: none;
}

.treeview .submenu ul li{
cursor: default;
}
</style>
<script src='http://bloggerhelp.ru/uploads/demo/tree-menu/code.js'/></script>
<a href="javascript:ddtreemenu.flatten('treemenu1', 'expand')">Открыть +</a> | <a href="javascript:ddtreemenu.flatten('treemenu1', 'contact')">- Закрыть</a>
<br/>
<ul id="treemenu1" class="treeview">
<li><a href="#">Пункт 1</a></li>
<li><a href="#">Пункт 2</a></li>

<li>Категория 1
<ul>
<li><a href="#">Под Пункт 1.1</a></li>
<li><a href="#">Под Пункт 1.2</a></li>
</ul>
</li>
<li><a href="#">Пункт 3</a></li>

<li>Категория 2
<ul>
<li><a href="#">Под Пункт 2.1</a></li>
<li>Категория 2.1
<ul>
<li><a href="#">Под Пункт 2.1.1</a></li>
<li><a href="#">Под Пункт 2.1.2</a></li>
</ul>
</li>
</ul>
</li>
<li><a href="#">Пункт 4</a></li>
</ul>

<script type="text/javascript">

//ddtreemenu.createTree(treeid, enablepersist, opt_persist_in_days (default is 1))

ddtreemenu.createTree("treemenu1", true)
ddtreemenu.createTree("treemenu2", false)

</script>
3. Всё!