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

Скрипты

Рисунок Трехмерное облако тегов
x;z-index:1 }
Трехмерное облако тегов Трехмерное облако тегов
оценка: 4.4 из 5
оценок: 295, отзывов: 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. Буду благодарен, если оцените мой труд, и щелкните по звездочкам ниже.

x;z-index:1 }


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

rss
Категория:Скрипты
Просмотрено:89635
Рейтинг:4.4/295
Дата добавления: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:

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

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



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