Многие видели наверняка сайты, на которых есть «чудо» облако, которое представляет из себя некую сферу, состоящую из тегов (реже картинок), причём данная сфера активировалась при наведении и начинала крутиться. Это модная вещь называется WP Cumulus и создавалась она как плагин для Wordpress. (

В этом посте, я опишу процедуру установки удобного flash облака тегов Cumulus, уже адаптированного под систему uCoz.  Для того чтобы было понятно всем, расписано по шагам с примерами.

Приступим к установке.

1. Активируем раздел «Поиск по сайту». Он будет играть ключевую роль в работе тегов, поэтому делаем это обязательно.

2. Добавляем теги.

2.1 Для того чтобы добавить теги, нужно открыть страницу с материалом (новостью, файлом, статьёй и т.д.), открыть панель модератора и нажать на первую кнопку в панели.

2.2 Заполняем окно, которое открылось и сохраняем.

2.3 Проделываем операции 2.1, 2.2, со всеми материалами, которые вам потребуются.

3. Создаём информер. Заходим в панель управления и выбираем пункт «Информеры». Вы информерах нажимаем «Создать инфомер» и заполняем. Рекомендуемые настройки:

Название: Теги (вообще без разницы, но так удобней)
Раздел: Теги
Способ вывода: Облако тегов
Модули: Все модули на которых собираетесь поставить облако тегов.
Количество тегов: 50

Готово, с информером всё. теперь мы можем использовать теги на сайте используя код вида $MYINF_1$ (зависит от конкретного случая). Но, мы не остановимся на этом, как и планировалось, сделаем это облако «настоящим облаком», «обернём», так сказать, простые ссылки во флэш обёртку.

4. Для этого создаём на сайте папку «tags» и заливаем в неё файлы из этого архива uCoz-cumulus-1.0.zip

Далее в место, где хотим видеть облако, ставим скрипт:

<div id="tag">$MYINF_1$</div> <script type="text/javascript" src="http://windows-full.ucoz.ru/tags/swfobject.js"></script>  <script type="text/javascript">  var flashvars = {};  flashvars.mode = 'tags';  flashvars.minFontSize = '8';  flashvars.maxFontSize = '22';  flashvars.tcolor = '1xffffff';  flashvars.tcolor2 = '1×0be4f8';  flashvars.hicolor = '0xd95800';  flashvars.distr = 'true';  flashvars.tspeed = '100';   eTagz = document.getElementById('tag').getElementsByTagName('A');  flashvars.tagcloud = '<tags>';  for (var i=0; eTagz[i]; ++i) flashvars.tagcloud += '<a href=\'' + eTagz[i].getAttribute('href')  + '\' style=\'' + parseInt(eTagz[i].style.fontSize)  + '\'>' + eTagz[i].text + '</a>';  delete eTagz;  flashvars.tagcloud += '</tags>';  var params = {};  params.wmode = 'transparent';  params.bgcolor = '#333333';  params.allowscriptaccess = 'always';  var attributes = {};  attributes.id = 'tag';  attributes.name = 'tagcloud';  swfobject.embedSWF('http://windows-full.ucoz.ru/tags/tagcloud.swf', 'tag', '170', '250', '9.0.0', false, flashvars, params, attributes);  </script>

Меняем «windows-full.ucoz.ru» на адрес вашего сайта.

Небольшие пояcнения к скрипту в строке

"swfobject.embedSWF(”http://yoursite/tags/tagcloud.swf”, "b-cumulus”, "300″, "250″, "9.0.0″, false, flashvars, params, attributes); ”

300 – это ширина виджета в пикселях.

250 – это высота виджета в пикселях.

# flashvars.minFontSize = "8"; – минимальный размер шрифта.
# flashvars.maxFontSize = "22"; – максимальный размер шрифта.
# flashvars.tcolor = "0xffffff"; – цвет самого редкого ярлыка.
# flashvars.tcolor2 = "0×0be4f8"; – цвет самого популярного ярлыка. Для остальных ярлыков будет выбран цвет между этими двумя.
# flashvars.hicolor = "0xd95800"; – цвет текста при наведении курсора на ярлык.
# flashvars.tspeed = "100"; – скорость вращения Flash Облака тегов
# params.wmode = "transparent"; – этот параметр обозначает прозрачный фон.
# params.bgcolor = "#333333"; – цвет фона Flash Облака тегов.