Скрипт Трехмерное облако тегов
Предлагаю Вашему вниманию описание установки. Многие из Вас видели на некоторых сайтах красивое облако тегов в 3D. Когда подводишь к нему курсор, он начинает вертеться. Стороны шара такого облака созданы из ссылок на определенные страницы сайта. Вот такое облако и будем ставить на сайт. Этот способ установки позволяет видеть ссылки облака не только тем, у кого установлен флеш и включен запуск JavaScript, но и тем, у кого это все отключено. Это облако может работать с русским текстом (кириллицы) в строке адреса. Спасибо пользователю < за помощь в этом решении!
Для размещения облака на сайте нужен будет следующий код:
<script type="text/javascript" src="http://warezall.at.ua/tagcloud/swfobject.js"></script>
<div id="3dcloud_block" style="text-align:center;font-size:12pt;">
Для отображения блока требуется Flash Player 10</a><br><br>
</div>
<script type="text/javascript">
var rnumber = Math.floor(Math.random()*9999999);
var so = new SWFObject("http://warezall.at.ua/tagcloud/tagcloud.swf?r="+rnumber, "tagcloudflash", "170", "180", "9");
so.addParam("wmode", "transparent");
so.addParam("allowScriptAccess", "always");
so.addParam("bgcolor", "#FF0000");
so.addVariable("tspeed", "150");
so.addVariable("distr", "true");
so.addVariable("mode", "tags");
so.addVariable("minFontSize", "14");
so.addVariable("maxFontSize", "28");
so.addVariable("tcolor", "0xE0FFFF");
so.addVariable("tcolor2", "0xE0FFFF");
so.addVariable("hicolor", "0xFBB917");
so.addVariable("tagcloud", "<tags>$MYINF_2$</tags>");
so.write("3dcloud_block");
</script>
Код целиком готов к использованию. Достаточно подшлифовать под Ваш дизайн. Следующие параметры нужно изменить, чтобы выглядело на Вашем сайте как родное.
- "400" - ширина будущего облака тегов в пикселях.
- "300" - высота будущего облака тегов.
- "9" - максимальная версия флеш-плеера, которая нужна для отображения облака.
- "wmode", "transparent" - устанавливаем фон облака прозрачным. Если убрать эту строку, то можно будет самим задавать цвет фона.
- "minFontSize", "8" - размер самого маленького шрифта в облаке. Размер задается в пунктах.
- "maxFontSize", "14" - размер самого крупного шрифта в облаке. Размер задается в пунктах.
- "tcolor", "0x009CFF" - цвет самого частого текста в облаке тегов в RGB формате. Частота текста определяется по свойству ссылки style. 0x не меняем.
- "tcolor2", "0x009CFF" - цвет самого редкого текста в облаке тегов в RGB формате. Частота текста определяется по свойству ссылки style. 0x не меняем.
- "hicolor", "0x009CCF" - цвет текста при наведении на него курсора. 0x не меняем.
- "tspeed", "150" - скорость вращения.
- "distr", "true" - тип вращения облака, может принимать значение "true" или "false".
- Если вы владелец сайта на UCOZ, то можете воспользоваться информерами: создайте информер, который будет отображать материалы, и напишите в его шаблоне "<a href='$ENTRY_URL$'>$TITLE$ $VERSION$</a>" без кавычек.
- Незабудьте поменять "$MYINF_2$" на свой код.
- Необходимо скачать архив tagcloud в котором будут два файла swfobject.js и tagcloud.swf.
- В корне сайта необходимо создать папку tagcloud и в нее положить swfobject.js и tagcloud.swf.
- И поменять в скрипте выделенные красным ссылки
После этих изменений можно сохранить текст и посмотреть, как он работает. Приятного использования.
