Для начала немного предистории: Как известно всем, после обновления Ucoz, появилась возможность добавлять теги к материалам.
Функция очень даже полезная на сайте, особенно где много материала, но вот вид этих тегов, которые предоставили разработчики от Ucoz, меня честно говоря не устроил, да и думаю многих тоже. Существует множество версий скриптов , которые позволяют сделать облако как на DLE сайтах, но у всех у них существует значительный минус - это то, что название материала, ссылки к нему нужно прописывать постоянно в ручную, непосредственно залазия в "Панель управления" и прописывать в скрипте вновь появившейся тег к новой добавленной новости...
Меня если честно такая тактика не впечатлила т.е. я считаю что это жутко неудобно - хотелось найти более комфортный вариант, чтобы был красивый вид и при этом, чтобы способ добавления оставался старым т.е. добавил материал, новость, прописал сразу теги и всё, дело в шляпе.
Побродив по просторам интернета, ответ на моё желание оказался ближе, чем я думал... biggrin Итак, приступим к установке:
1. Скачайте архив:
сферическое облако - uCoz-cumulus-1.0.zip
или овальное облако тегов - uCoz-cumulus-1.0_oval_vertical.zip
2. Распакуйте архив и его содержимое (swfobject.js и tagcloud.swf) закачайте на свой сайт (можно в любую папку).
3. Затем в том месте, где будет облако на сайте, вставьте код:
Code
<?if($USER_AGENT$='ie' && $USER_AGENT_VER$<7)?>
$MYINF_4$
<?else?>
<div id="yoblako" align="center">$MYINF_4$</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 = '0xd19397';
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.replace(/&/i, '%26') + '</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', '200', '200', '9.0.0', false, flashvars, params, attributes);
</script>
<?endif?>
В коде замените "адрес_Вашего_сайта" на координаты файлов у Вас на сайте.
Код нельзя вставлять в другие информеры (информеры нельзя вкладывать друг в друга, то есть нельзя вставлять содержимое информера $MYINF_4$ внутрь содержимого $MYINF_5$ и тп) Применяя условный оператор для $USER_AGENT$='ie' && $USER_AGENT_VER$<7 - запрещаем выводить флеш-облако для версии 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./ Скрипт 100% рабочий - проверил лично (извиняюсь, что нет скрина, сам себе только поставил, но ещё не успел прописать теги к материалам, ну я думаю тут и так всё понятно).
Помог ? Ставь + 
