Пятница, 27 Декабря 2024, 03:34
   
[ Новые сообщения · Участники · Правила форума · Поиск · RSS ]
  • Страница 1 из 1
  • 1
Вращающееся облако тегов на Ucoz'e
Leopard-86Дата: Среда, 09 Июня 2010, 19:25 | Сообщение # 1
Admin
Группа: Пользователи
Сообщений: 28
Награды: 0
Репутация: 56
Статус: Offline

Установка:

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

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

3.Ход создания:
Панель управления / Инструменты / Информеры / Создать Информер /
Далее запоняем имя(либо какое) / Раздел (выбираем) ТЕГИ / Облако тегов / далее выбираем чего теги и сколько / Создать .
На странице заходим в Конструктор, создаем новый блок, там выбираем Информер и в него вставляем этот код:

Code

<div align="center" id="yoblako">$MYINF_1$</div>       
        
         <script type="text/javascript" src="http://www.leopard-86.ucoz.ua/oblako_tegs/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 = '0xff0000';       
           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://www.leopard-86.ucoz.ua/oblako_tegs/tagcloud.swf', 'yoblako', '250', '200', '9.0.0', false, flashvars, params, attributes);       
         </script>

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

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

Можно выровнять контейнер по центру, добавляя align="center"
внутрь тега div.

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

В строках:

<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 Облака тегов.

 
  • Страница 1 из 1
  • 1
Поиск:

Nokievski.Moy.Su © 2012-2088. Все права защищены © 2024
Хостинг от uCoz