Flash-облако тегов - Скрипты для uCoz - WEB-мастеру

Flash-облако тегов

FOREVER

Дата: Вторник, 21.04.2009, 17:04 | Сообщение # 1

Сообщений: 970

[ 100 ]

Offline

Установка:
1. Создаём информер Теги.
2. Скачайте архив.
3. Распакуйте архив и его содержимое (swfobject.js и tagcloud.swf) закачайте на свой сайт (можно в любую папку).
4. Затем в том месте, где будет облако на сайте вставьте код:

Code

<?if($USER_AGENT$='ie' && $USER_AGENT_VER$<7)?>
$MYINF_1$
<?else?>

<div id="yoblako" align="center">$MYINF_1$</div>

<script type="text/javascript" src="http://адрес_Вашего_сайта/swfobject.js"></script>
<script type="text/javascript">
var flashvars = {};
flashvars.mode = 'tags';
flashvars.minFontSize = '8';
flashvars.maxFontSize = '14';
flashvars.tcolor = '0x1D3D61';
flashvars.tcolor2 = '0x4D6D91';
flashvars.hicolor = '0xd193978';
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].innerHTML + '</a>';
delete eTagz;
flashvars.tagcloud += '</tags>';
var params = {};
params.wmode = 'transparent';
params.bgcolor = '#FFFFFF';
params.allowscriptaccess = 'always';
var attributes = {};
attributes.id = 'yoblako';
attributes.name = 'tagcloud';
swfobject.embedSWF('http://адрес_Вашего_сайта/tagcloud.swf', 'yoblako', '250', '200', '9.0.0', false, flashvars, params, attributes);
</script>
<?endif?>

В коде замените "адрес_Вашего_сайта" на координаты файлов у Вас на сайте.

Теперь немного о самом коде:
Настройки кода:
*в строке 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 Облака тегов.

Применяя условный оператор для $USER_AGENT$='ie' && $USER_AGENT_VER$<7 - запрещаем выводить флеш-облако для версии IE ниже 7 (для этих пользователей будет отображаться обычное текстовое облако).
$MYINF_1$ - это ссылка на ваш информер соответствующий облаку тегов юКоза, измените цифру, если необходимо.
Всё! wink
[p.s.]Источник www.zetclan.com[/p.s.]
[off]// спасибо -RomB-, за хирургическое извлечение ссылок облака и его html-код для вставки облака на страницу
// Отдельная благодарность minimus'у за решение проблемы кодировки URL
// Ну и конечно же мега-респект Рою Танку, за его плагин для Вордпресс - флеш облако тегов[/off]

Прикрепления: 6851890.jpg(30Kb)

Награды: 36

FOREVER

Дата: Понедельник, 11.05.2009, 16:40 | Сообщение # 16

Сообщений: 970

[ 100 ]

Offline

[admin] Daffy, оффтоп нужно выделять! yes

[/admin]

Награды: 36

Daffy

Дата: Понедельник, 11.05.2009, 17:39 | Сообщение # 17

Сообщений: 33

[ 4 ]

Offline

Tims,
1. Заходим в файловый менеджер и создаем папку "tags".
2. Перекидываем файлы "tagcloud.swf" и "swfobject.js" в папку "tags".
3. Заходим в Админ панель » Управление дизайном » Глобальные блоки » создаём блок с названием "TAGS".

В созданный блок вставляем следующий код:

4. Создать информер который будет выводить самые популярные темы, либо последнии темы для новостей (Последнии новости, и прочие). Создайте то что вам больше нравится. После создания информера, редактируйте его вид(шаблон) на: <a href='$THREAD_URL$' style='font-size: 15pt'>$THREAD_TITLE$</a> или же на <a href='$ENTRY_URL$' style='font-size: 15pt'>$TITLE$</a>
5. Исправляем номер информера в коде на ваш, в данном случае это $MYINF_23$.
6. #518EAD - отвечает за цвет текста.
7. Теперь можем всталять тег $GLOBAL_TAGS$ в любую часть вашего сайта.

Этой инструкцией я себе установил облако тегов

Есть ещё одна вещь с которой я столкнулся, этот $GLOBAL_TAGS$ нельзя поставить в другой $GLOBAL_...$ . После последнего обновления в ucoz'e, сделали глобальные блоки $GLOBAL$ (первый контейнер, второй и т.д) Ну, так вот Облако тегов заключенное в ГЛОБАЛЬНЫЙ БЛОК не должно находиться в других ГЛОБАЛЬНЫХ БЛОКАХ (первый контейнер,второй контейнер).
scratch_head