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

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

Оцени публикацию:
  • 7,31
Оценили человек: 7

Похожие статьи:

Справочники и учебники:


Комментарии посетителей:
  • Ссылка битая
    17 июня 2016, 07:51 коммент полезен : 0 # Глеб1
Предложения и пожелания:
Ваше имя:
Ваш E-mail:
Введите изображенные цифры:
Captcha
Главная
X

youtube.com/watch?v=7hFivbgIEqk

При полном или частичном использовании материалов данного сайта, ссылка на сайт "yapro.ru" обязательна как на источник информации.
Автоматический импорт материалов и информации с сайта запрещен.
Copyrights © 2007 - 2017 YaPro.Ru

Главная » Веб-мастеру » JavaScript »