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

RasmuS

Дата: Вторник, 19.05.2009, 17:45 | Сообщение # 31

Сообщений: 209

[ 4 ]

Offline

FOREVER, А как ты сделал, чтоб в середине еще картинка была ? Не подскажешь...?

Награды: 2

FOREVER

Дата: Вторник, 19.05.2009, 17:58 | Сообщение # 32

Сообщений: 970

[ 100 ]

Offline

eoL, облако берещь в теги:

Code

<td style="background: url('путь к картинке') center center no-repeat;padding:0px 0px 0px 0px; border:1px solid #8c8c8c;">тут облако</td>

Награды: 36

Tims

Дата: Суббота, 23.05.2009, 17:09 | Сообщение # 33

Сообщений: 16

[ 0 ]

Offline

У меня когда ставлю облако получается такое http://forever-web.ru/photo/2-0-41

Награды: 0

FOREVER

Дата: Суббота, 23.05.2009, 17:36 | Сообщение # 34

Сообщений: 970

[ 100 ]

Offline

Tims, я изменил описание установки и добавил 1 пункт:

Quote (FOREVER)

1. Создаём информер Теги.

Именно это тебе нужно сделать и вставить код информера в код облака, ты создал не тот информер, по этому оно у тебя так. wink

Награды: 36

_Vadim_

Дата: Суббота, 23.05.2009, 18:23 | Сообщение # 35

Сообщений: 8

[ 0 ]

Offline

FOREVER, Спасибо оч красиво! wink

Награды: 0

Tims

Дата: Суббота, 23.05.2009, 18:48 | Сообщение # 36

Сообщений: 16

[ 0 ]

Offline

Не всё равно не работает !
Ща напишу как всё делаю по порядку!

Добавлено (23.05.2009, 18:48)
---------------------------------------------
1)качаю файлы на сайт
2)создаю информер
а)название инфа -Информер #2
б)раздел -теги
в)Способ вывода: -Облако тегов
г)выбираю модули и количество тегов
3)вставляю скрипт и меняю адрес сайта

И не чего не работает !

Награды: 0

FOREVER

Дата: Суббота, 23.05.2009, 18:59 | Сообщение # 37

Сообщений: 970

[ 100 ]

Offline

Tims, а ты заменил информер который стоит в коде на свой?

Награды: 36

Tims

Дата: Суббота, 23.05.2009, 19:02 | Сообщение # 38

Сообщений: 16

[ 0 ]

Offline

Код вызова информера для шаблонов ?

Награды: 0

FOREVER

Дата: Суббота, 23.05.2009, 19:12 | Сообщение # 39

Сообщений: 970

[ 100 ]

Offline

Tims, да! yes

Награды: 36

Tims

Дата: Суббота, 23.05.2009, 19:26 | Сообщение # 40

Сообщений: 16

[ 0 ]

Offline

Да !У меня название инфа как в скрипте!

Добавлено (23.05.2009, 19:26)
---------------------------------------------
<?if($USER_AGENT$='ie' && $USER_AGENT_VER$<7)?>
$MYINF_1$
<?else?>

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

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://portalgames.at.ua/oblako/tagcloud.swf', 'yoblako', '250', '200', '9.0.0', false, flashvars, params, attributes);
</script>
<?endif?>