Трехмерное облако тегов

Скрипты

Рисунок Трехмерное облако тегов
Трехмерное облако тегов Трехмерное облако тегов
оценка: 4.4 из 5
оценок: 293, отзывов: 221

Предлагаю Вашему вниманию описание установки 3-х мерного облака тегов на сайт. Многие из Вас видели на некоторых сайтах красивое облако тегов в 3D формате. Когда подводишь к нему курсор, он начинает вертеться. Стороны шара такого облака созданы из ссылок на определенные страницы сайта. Вот такое облако и будем ставить на сайт. Этот способ установки позволяет видеть ссылки облака не только тем, у кого установлен флеш и включен запуск JavaScript, но и тем, у кого это все отключено.

Это облако может работать с русским текстом (кириллицы) в строке адреса. Спасибо пользователю Mishgan за помощь в этом решении!

Для размещения облака на сайте нужен будет следующий код:

Code
  <script type="text/javascript" src="http://szenprogs.ru/tagcloud/swfobject.js"></script>
  <div id="3dcloud_block" style="text-align:center;font-size:12pt;">
    Для отображения блока требуется <a href="http://szenprogs.ru/load/8-1-0-92" target="_blank" title="Скачать Flash Player 10 бесплатно">Flash Player 10</a><br><br>$MYINF_31$
  </div>
  <script type="text/javascript">
    var rnumber = Math.floor(Math.random()*9999999);
    var so = new SWFObject("http://szenprogs.ru/tagcloud/tagcloud.swf?r="+rnumber, "tagcloudflash", "400", "300", "9");
    so.addParam("wmode", "transparent");
    so.addParam("allowScriptAccess", "always");
    so.addParam("bgcolor", "#FF0000");
    so.addVariable("tspeed", "150");
    so.addVariable("distr", "true");
    so.addVariable("mode", "tags");
    so.addVariable("minFontSize", "8");
    so.addVariable("maxFontSize", "14");
    so.addVariable("tcolor", "0x009CFF");
    so.addVariable("tcolor2", "0x009CFF");
    so.addVariable("hicolor", "0x009CCF");
    so.addVariable("tagcloud", "<tags>$MYINF_31$</tags>");
    so.write("3dcloud_block");
  </script>

Код целиком готов к использованию. Достаточно подшлифовать облако под Ваш дизайн. Следующие параметры нужно изменить, чтобы облако выглядело на Вашем сайте как родное.

  • "400" - ширина будущего облака тегов в пикселях.
  • "300" - высота будущего облака тегов.
  • "9" - максимальная версия флеш-плеера, которая нужна для отображения облака.
  • "wmode", "transparent" - устанавливаем фон облака прозрачным. Если убрать эту строку, то можно будет самим задавать цвет фона.
  • "minFontSize", "8" - размер самого маленького шрифта в облаке. Размер задается в пунктах.
  • "maxFontSize", "14" - размер самого крупного шрифта в облаке. Размер задается в пунктах.
  • "tcolor", "0x009CFF" - цвет самого частого текста в облаке тегов в RGB формате. Частота текста определяется по свойству ссылки style. 0x не меняем.
  • "tcolor2", "0x009CFF" - цвет самого редкого текста в облаке тегов в RGB формате. Частота текста определяется по свойству ссылки style. 0x не меняем.
  • "hicolor", "0x009CCF" - цвет текста при наведении на него курсора. 0x не меняем.
  • "tspeed", "150" - скорость вращения.
  • "distr", "true" - тип вращения облака, может принимать значение "true" или "false".
  • "tagcloud", "<tags>$MYINF_31$</tags>" - список тегов, которые будем выводить в облако. Формат должен быть следующий: "<a href='Ссылка'>Текст</a>". Если вы владелец сайта на UCOZ, то можете воспользоваться информерами: создайте информер, который будет отображать материалы, и напишите в его шаблоне "<a href='$ENTRY_URL$'>$TITLE$ $VERSION$</a>" без кавычек. Незабудьте поменять "$MYINF_31$" на свой код.

После этих изменений можно сохранить текст и посмотреть, как он работает. Приятного использования.

Вы можете присоедениться к моему микроблогу в Твиттере @SzenProgs. Буду благодарен, если оцените мой труд, и щелкните по звездочкам ниже.




Трехмерное облако тегов
Скрипты
Скрипты, инструкции, справочники

rss
Категория:Скрипты
Просмотрено:75329
Рейтинг:4.4/293
Дата добавления:2009-03-26 00:34, Четверг
Добавил:Szen
Теги:облако, скрипт, теги, трехмерное, объемное

Мини-форум

№ 02009-03-26 00:34
Szen
Аватар участника Szen
Здесь вы можете задать вопрос или оставить комментарий по теме "Трехмерное облако тегов".
Гость
№ 1
2009-04-05 16:23 Спам
Napalm
Аватар участника Napalm
Разместил я этот код на сайте. Но у меня и других посетителей моего сайта вместо этого самого облака отображается: "Для отображения блока требуется Flash Player 10". Лично у меня Flash Player 10 на всех браузерах (Опера, Мозила). В чем тут проблема?
Андрей Шарапов
№ 2
2009-04-05 21:28 Спам
Szen
Аватар участника Szen
Napalm, будьте добры, укажите адрес страницы, где Вы установили это облако. Я постараюсь Вам помочь с решением данной проблемы.
Szen · WWW
№ 3
2009-04-06 12:51 Спам
ElviS6
Аватар участника ElviS6
Только одна проблема вот с этим новым, когда публикуешь материал и пишешь тег на Русском языке, он появляется в этом облаке, но когда кликаешь поиск не распознает язык и выводит иероглифы. С Англ. все нормально =(
Дмитрий
№ 4
2009-04-06 12:54 Спам
ElviS6
Аватар участника ElviS6
Огромное спасибо за скрипт, я ставил тот где можно использовать информер Добавления новостей, переделал шаблон информера все отлично работало, а вчера перестало =((( теперь грешу на саму систему, т.к. не лез больше в этот скрипт и ничего не изменял
Дмитрий
№ 5
2009-04-06 13:22 Спам
Szen
Аватар участника Szen
ElviS6, Вам нужно в техподдержку UCOZ. Если ссылка ведет не туда, или не качественно, то виновен информер, а не скрипт. :-)
Szen · WWW
№ 6
2009-04-07 11:17 Спам
Napalm
Аватар участника Napalm
Я обратился в службу поддержки, вот их ответ: "Извините, но помощи по вставке сторонних кодов на страницу мы не оказываем." sad Остается только способ реализации этого облака через информеры sad
Андрей Шарапов
№ 7
2009-04-08 01:00 Спам
HoLoD
Аватар участника HoLoD
Хм, установил скрипт, все работает кроме кирилицы. Но, выводится не более 10ти тегов, рандомно.
Вопрос - можно ли увеличить их количество?
Сергей · WWW
№ 8
2009-04-08 14:02 Спам
Szen
Аватар участника Szen
Napalm, возможно, вы неправильно сформулировали вопрос в техподдержку. Вам нужно было сказать не о проблеме с кодом, а о проблеме с информером облака тегов ($MYINF_990$). Проблема именно в том, что этот информер не может корректно открыть страницу, на которую формирует ссылку.
HoLoD, количество тегов регулируется использованными информерами. Не могу точно сказать, но, возможно, информер облака тегов ($MYINF_990$) ограничен 10-ю тегами.
Szen · WWW
№ 9
2009-04-11 02:12 Спам
ElviS6
Аватар участника ElviS6
Один и тот же ответ от тех поддержки, я тоже писал.....именно про информер
Дмитрий
№ 10
2009-04-11 14:07 Спам
Szen
Аватар участника Szen
ElviS6, у Вас с мета тегами разбой. На Юкозе основой является кодировка utf-8, а у Вас на странице вообще непонятная:
<meta http-equiv="Content-Type" content="text/html; charset=windows-21">
Это может быть Вашей проблемой.
Szen · WWW
Учавствовать в обсуждении "Трехмерное облако тегов" могут только зарегистрированные пользователи.
Реклама
Кнопка портала
Друзья портала
Вакантное место для вашей рекламы!
RSS лента Блога
RSS лента Каталога файлов
RSS лента Новостей
Будьте в курсе событий.
Введите ваш email:

Личный блок
  • Гость портала.
  • Личных данных нет.
Вход на сайт
Регистрация
Опрос
Каким CMS вы пользуетесь?
Всего ответов: 223
Статистика
Valid HTML 4.01 Transitional

Яндекс цитирования



Онлайн всего: 3
Гостей: 3
Пользователей: 0
Портал SzenProgs.ru © 2008 - 2017 · Условия
Администратор и дизайнер портала: Szen
Хостинг от uCoz