МЕНЮ САЙТА
Форма входа
Поиск
РЕКЛАМНЫЙ БАННЕР
РЕКЛАМНЫЙ БАННЕР 1
Cтатистика сайта

Рейтинг@Mail.ru

РЕКЛАМА
Главная » статьи » Создание сайта » Скрипты для сайтов ucoz

Создание 3D облака тегов для ucoz
20.03.2011, 19:34
Многие из Вас могли видеть на некоторых сайтах прикольное облако тегов в трёхмерном формате. Когда подводишь к нему курсор, то оно начинает вертеться. Стороны шара этого 3D облака созданы из ссылок на определенные страницы сайта. Вот такое облако и будем мы с вами сейчас ставить на ваш сайт. Данный способ установки скрипта позволяет видеть ссылки облака не только тем, у кого установлен флеш и включен запуск JavaScript, но и тем, у кого это все отключено.

Это облако также может работать с текстом кириллицы в строке адреса.

Для размещения облака на сайте нам нужен следующий код:
Code

<script type="text/javascript" src="http://abcgroups.net/tagcloud/swfobject.js"></script>  
<div id="3dcloud_block" style="text-align:center;font-size:12pt;">  

$MYINF_990$  
</div>  
<script type="text/javascript">  
var rnumber = Math.floor(Math.random()*9999999);  
var so = new SWFObject("http://abcgroups.net/tagcloud/tclouds.swf?r="+rnumber, "tagcloudflash", "300", "150", "9");  
var tags = new String('$MYINF_990$');  
tags = tags.replace(/"/g,"'");  
tags = tags.replace(/<noindex>/gi,"");  
tags = tags.replace(/<\/noindex>/gi,"");  
tags = "<tags>" + tags + "</tags>";  
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", "8");  
so.addVariable("maxFontSize", "14");  
so.addVariable("tcolor", "0x009CFF");  
so.addVariable("tcolor2", "0x009CFF");  
so.addVariable("hicolor", "0x009CCF");  
so.addVariable("tagcloud", tags);  
so.write("3dcloud_block");  
</script>

Код полностью готов к юзанью. Осталось лишь подшлифовать облако под Ваш дизайн. Ниже приведённые опции необходимо изменить так, чтобы трёхмерное облако тегов смотрелось на Вашем сайте как родное:
"400" - ширина будущего облака тегов в пикселях.
"300" - высота будущего облака тегов.
"9" - максимальная версия флеш-плеера, которая нужна для отображения облака.
"wmode", "transparent" - устанавливаем фон облака прозрачным. Если убрать эту строку, то можно будет задавать цвет фона.
"minFontSize", "7" - размер самого маленького шрифта в облаке. Размер задается в пунктах.
"maxFontSize", "14" - размер самого крупного шрифта в облаке. Размер задается в пунктах.
"tcolor", "0x009CFF" - цвет самого частого текста в облаке тегов в RGB формате. Частота текста определяется по свойству ссылки style. 0x не меняем.
"tcolor2", "0x009CFF" - цвет самого редкого текста в облаке тегов в RGB формате. Частота текста определяется по свойству ссылки style. 0x не меняем.
"hicolor", "0x009CCF" - цвет текста при наведении на него курсора. 0x не меняем.
"tspeed", "150" - скорость вращения облака.
"distr", "true" - тип вращения 3D облака, принимает значение "true" или "false".
Категория: Скрипты для сайтов ucoz | Добавил: PAlexW | Теги: Создание 3D облака тегов для ucoz
Просмотров: 16925 | Загрузок: | Комментарии: 3 | Рейтинг: 4.4/8

Похожие публикации:

    Всего комментариев: 3
    0
    3 Вова   (07.02.2014 17:23) [Материал]
    И ещё - где файл swfobject.js ? ? ?
    Ты когда кодишь, спермой не захлёбывайся, хоть девку между ног держи ! ! !

    0
    2 Вова   (07.02.2014 17:20) [Материал]
    Ты - умник яйцеголовый, а где файл с именем tclouds.swf ?
    Дрочил, дрочил, и не дрочил !!!

    1
    1 Владислав   (10.07.2011 07:51) [Материал]
    Прекрасно)))

    Добавлять комментарии могут только зарегистрированные пользователи.
    [ Регистрация | Вход ]
    заработок в интернете, реальный заработок, интернет заработок, обман в интернете, 
    заработок на кликах, заработок без вложений, заработок без усилий, заработок за секунду, 
    лохотроны в интернете, заработок на ссылках, заработок на статьях, заработок на сайте, 
    заработок на трафике, заработок на опросах, заработок в социальных сетях
    Свернуть
    Развернуть
    Необходима авторизация
    0