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

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

Новые заметки:

Про что мы забываем когда делаем оценку задачи по времени

Список вопросов для собеседования разработчика по телефону

Symfony2 авторизация без Doctrine2 для чайника

Phpstorm7 LiveEdit

Жесткий хабр или не хабр, тогда кто?

Яндекс.Деньги мошенничество

Как узнать какие страницы в поиске яндекса или это секрет

Последние комменты:

Yapro CMS:

Здравствуйте, Гость | Войти | Регистрация | Карта сайта | RSS ленты | Ошибка в тексте? Выделите её мышкой и нажмите: Ctrl + Enter

youtube.com/watch?v=7hFivbgIEqk

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

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