Оформляем карту сайта в виде древовидного списка, с помощью css и javascript.
SlickMap CSS - плагин красивого оформления карты сайта. На многих из сайтов эти карты используются исключительно для SEO-оптимизации и выглядят как обычный, уродливый список, признаюсь честно — сам имею такие.
Но если вы хотите приукрасить вашу карту и сделать все на совесть — советую Вам уже переходить под кат.
И так, это решение представляет собой базу состоящую из css и javascript, которая позволяет оформлять вашу карту в виде древовидного списка.
Выглядит она достаточно элегантно и аккуратно. А что более важно — это её семантичный код.
Вот пример кода (из демо) дерева с тремя переходами:
<ul>
<li><a href="/services">Services</a>
<ul>
<li><a href="/services/design">Graphic Design</a></li>
<li><a href="/services/development">Web Development</a></li>
<li><a href="/services/marketing">Internet Marketing</a>
<ul>
<li><a href="/social-media">Social Media</a></li>
<li><a href="/optimization">Search Optimization</a></li>
<li><a href="/adwords">Google AdWords</a></li>
</ul>
</li>
<li><a href="/services/copywriting">Copywriting</a></li>
<li><a href="/services/photography">Photography</a></li>
</ul>
</li>
</ul>
Код выглядит отлично. Так же хотелось бы заметить что все блоки тянутся.
Посмотрите демо и посетите страничку автора, где можно скачать сей замечательный плагин.
Желаете карту сайта еще более примитивную, и такая найдется »
Источник: chernev.ru
