Оформляем карту сайта

Автор: Aport Понедельник, Февраль 2nd, 2015 Нет комментариев

Рубрика: Уроки JavaScript

Оформляем карту сайта в виде древовидного списка, с помощью 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>

Код выглядит отлично. Так же хотелось бы заметить что все блоки тянутся.

Посмотрите демо и посетите страничку автора, где можно скачать сей замечательный плагин.

Желаете карту сайта еще более примитивную, и такая найдется »

 

Источник: yapro.ru

Оставить комментарий

Чтобы оставлять комментарии Вы должны быть авторизованы.

Похожие посты