[ Новые сообщения · Участники · Правила форума · Поиск · RSS ]
  • Страница 1 из 1
  • 1
Вращающееся облако тегов на Ucoz
Pr[inc]eДата: Понедельник, 08.11.2010, 13:47 | Сообщение # 1


PrincE
Сообщений: 326
Награды: 3 ±
Репутация: 112 ±
Замечания: ±
Награды
За создание сайта За хорошую репутации За отличную репутации Хороший модер Мега чел)) За помощь пользователям Личность на сайте Молоток)) Ну просто рекордсмен За 30 Сообщений За 70 Сообщений За 100 Сообщений За 130 Сообщений За 155 Сообщений За 200 Сообщений За 300 Сообщений
Награды: 3
Динамическое вращающееся облако этих самых тегов! Восклицательный знак стоит по причине того, что я просто без ума от этой крутящейся штуковины, просто какой то магический шар. Очень красивое творение рук человеческих.

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

Установка:

1. Скачайте архив:сферическое облако - тут или овальное облако тегов -
тут

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. Проверьте, что способ вывода установлен на "Облако тегов" )

В строках:

swfobject.embedSWF('http://
адрес_вашего_сайта/tagcloud.swf',
'yoblako', '250', '200', '9.0.0', false, flashvars, params,
attributes); замените адрес_вашего_сайта на соответствующие
координаты.

Настройка:

*в строке "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'у, совместными
усилиями которых стала доступной эта полезнейшая информация
всем обывателям Ucoz'овского форума.

Все готово)

Добавлено (08.11.2010, 13:47)
---------------------------------------------



Делаю сайты на заказ!=)

Страна: Российская Федерация
  • Страница 1 из 1
  • 1
Поиск: