Главная » Статьи » 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> В коде замените "адрес_Вашего_сайта" на координаты файлов у Применяя условный оператор для $USER_AGENT$='ie' && id="yoblako" - это идентификатор контейнера с облаком, в В дизайне Таблица стилей (CSS) добавьте параметр $MYINF_4$ - это ссылка на ваш информер соответствующий (В настройках информера "Теги" укажите число выводимых тегов: В строках: <script type="text/javascript" src="http://адрес_вашего_сайта Настройка: *в строке "swfobject.embedSWF("http://адрес_вашего_сайта *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'у | |
Просмотров: 2392 | Рейтинг: 0.0/0 |
Всего комментариев: 0 | |