Графическая карта сайта

19 Апреля, 2011 Dunadan KSMПросмотров: 9491

Карта сайта в текстовом виде - это хорошо, но не совсем наглядно, и вот задался целью сделать графическую карту сайта. Полазив по интернету наткнулся на один плагин arbor.js (вывод графов) и на его основе решил сделать карту сайта. Вот что из этого вышло - ссылка. На графической карте все элементы кликабельные. 

Графическая карта сайта
Хотел еще добавить чтобы при наведении на рубрики вываливались заголовки страниц,а при наведении на страницы теги, но позже отказался, на экране творилась полная каша (даже при выводе на все окно), из-за большого скопления страниц, хотя при малом количестве все отлично.
Принцип отображения такой, что 0 уровень и 1-й всегда показываются, далее при наведении на меню и как были страницы, на экране оставались 0 и 1 уровень и та ветка по которой идешь.
Графическая карта сайта

twitter.com facebook.com vkontakte.ru odnoklassniki.ru mail.ru ya.ru rutvit.ru myspace.com technorati.com digg.com friendfeed.com pikabu.ru blogger.com liveinternet.ru livejournal.ru memori.ru google.com bobrdobr.ru mister-wong.ru yahoo.com yandex.ru del.icio.us

В рубрике: Свои разработки » Web

Теги:

Вы можете следить за комментариями к этой записи поRSS

2 комментария

Добавить свой
  1. Очень интересная и полезная тема!

    Жаль только, что ссылки "сделать" к данной теме отношения не имеют!

    Хотелось бы, чтобы уважаемый автор проверял возможность использования его решений читателями до публикации!

  2. Dunadan KSM 

    Решение это работает на моем сайте. Тут приведен главный js код, умный человек разберется как сделать, ибо на каждом сайте есть свои нюансы.

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

аноним

совет Используйте нормальные имена. Ваш комментарий будет опубликован после проверки.

комментатор / стать им

как?Укажите свой действующий email и пароль. При регистрации на указанный адрес придет письмо с кодом активации и ссылкой на ваш персональный аккаунт, где вы сможете изменить свои данные включая адрес сайта, ник, описание, контакты и т.д.

grin LOL cheese smile wink smirk rolleyes confused surprised big surprise tongue laugh tongue rolleye tongue wink raspberry blank stare long face ohh grrr gulp oh oh downer red face sick shut eye hmmm mad angry zipper kiss shock cool smile cool smirk cool grin cool hmm cool mad cool cheese vampire snake excaim question

(обязательно)