Главная » Статьи » ucoz » скрипты

скрипт ucoz вращающееся облако тегов


Динамическое вращающееся облако этих самых тегов! Восклицательный знак стоит по причине того, что я просто без ума от этой крутящейся штуковины, просто какой то магический шар. Очень красивое творение рук человеческих.

Когда я впервые увидел такое облако на одном из блогов, то просто съехал с катушек, накопировал и повставлял сюда аж с пол десятка таких вращающихся облаков с чужих сайтов. Было дело)) И вот, наконец, сбылась мечта камелота... Если вы из таких же и долго ждали своей очереди, чтобы сотворить себе такое же крутящееся чудо, то я вас поздравляю. Если же вы еще не в теме, то ниже я приведу простой способ как сделать себе такое чудо облако. Напомню, что речь идет о пользователях движка Ucoz.

Установка:

1. Скачайте архив:сферическое облако - uCoz-cumulus-1.0.zip или овальное облако тегов - uCoz-cumulus-1.0_oval_vertical.zip

2. Распакуйте архив и его содержимое (swfobject.js и tagcloud.swf) закачайте на свой сайт (можно в любую папку).

3. Затем в том месте, где будет облако на сайте вставьте код:

Code
<div id="yoblako">$MYINF_4$</div>
   
  <script type="text/javascript" src="http://atm.my1.ru/swfobject.js"></script>
  <script type="text/javascript">
  var flashvars = {};
  flashvars.mode = 'tags';
  flashvars.minFontSize = '8';
  flashvars.maxFontSize = '22';
  flashvars.tcolor = '0x0988ff';
  flashvars.tcolor2 = '0x000000';
  flashvars.hicolor = '0xd95800';
  flashvars.distr = 'true';
  flashvars.tspeed = '100';
   
  eTagz = document.getElementById('yoblako').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 = 'yoblako';
  attributes.name = 'tagcloud';
  swfobject.embedSWF('http://atm.my1.ru/tagcloud.swf', 'yoblako', '400', '400', '9.0.0', false, flashvars, params, attributes);
  </script>

В коде замените "адрес_Вашего_сайта" на координаты файлов у
Вас на сайте. Код нельзя вставлять в другие информеры
(информеры нельзя вкладывать друг в друга, то есть нельзя
вставлять содержимое информера $MYINF_4$ внутрь содержимого
$MYINF_5$ и тп)

Применяя условный оператор для $USER_AGENT$='ie' &&
$USER_AGENT_VER$< - запрещаем выводить флеш-облако для
версии IE ниже 7 (для этих пользователей будет отображаться
обычное текстовое облако)

id="yoblako" - это идентификатор контейнера с облаком, в
который будет помещён флеш-объект, для идентификатора можно
задать стили в файле CSS

В дизайне Таблица стилей (CSS) добавьте параметр
#yoblako{outline:0;}
Не отображать пунктирную рамку вокруг flash-объекта при
нажатии на него. Можно выровнять контейнер по центру, добавляя align="center"
внутрь тега div.

$MYINF_4$ - это ссылка на ваш информер соответствующий
облаку тегов юКоза, измените цифру, если необходимо.

(В настройках информера "Теги" укажите число выводимых тегов:
50. Проверьте, что способ вывода установлен на "Облако тегов" )

В строках:

<script type="text/javascript" src="http://адрес_вашего_сайта
/swfobject.js"></script> swfobject.embedSWF('http://
адрес_вашего_сайта/tagcloud.swf',
'yoblako', '250', '200', '9.0.0', false, flashvars, params,
attributes);</span> замените адрес_вашего_сайта на соответствующие
координаты.

Настройка:

*в строке "swfobject.embedSWF("http://адрес_вашего_сайта
/tagcloud.swf", "yoblako", "250", "200", "9.0.0", false,
flashvars, params, attributes);" 250 - это высота виджета в
пикселях. 200 - это ширина виджета в пикселях.

*flashvars.minFontSize = "8"; - минимальный размер шрифта.

*flashvars.maxFontSize = "14"; - максимальный размер шрифта.

*flashvars.tcolor = "0xffffff";- цвет самого редкого ярлыка.

*flashvars.tcolor2 = "0x0be4f8"; - цвет самого популярного
ярлыка. Для остальных ярлыков будет выбран цвет между этими
двумя.

*flashvars.hicolor = "0xd95800"; - цвет текста при наведении
курсора на ярлык.

*flashvars.tspeed = "100";- скорость вращения Flash Облака
тегов

*params.wmode = "transparent"; - этот параметр обозначает
прозрачный фон.

*params.bgcolor = "#333333"; - цвет фона Flash Облака тегов.

P.S. Огромное спасибо: zetclan'у, RomB'у, minimus'у
Категория: скрипты | Добавил: Ден (20.10.2010)
Просмотров: 2392 | Рейтинг: 0.0/0
Всего комментариев: 0
Категории раздела
Наш опрос
Оцените мой сайт
Всего ответов: 53
Мини-чат
Статистика

Онлайн всего: 1
Гостей: 1
Пользователей: 0