Скриншот материала «Трехмерное облако тегов»
|
Многие из Вас видели на некоторых сайтах красивое облако тегов в 3D
формате. Когда подводишь к нему курсор, он начинает вертеться. Стороны
шара такого облака созданы из ссылок на определенные страницы сайта.
Вот такое облако и будем ставить на сайт. Этот способ установки
позволяет видеть ссылки облака не только тем, у кого установлен флеш и
включен запуск JavaScript, но и тем, у кого это все отключено.
Это облако может работать с русским текстом (кириллицы) в строке адреса.
Для размещения облака на сайте нужен будет следующий код:
Code
<script type="text/javascript" src="http://szenprogs.ru/tagcloud/swfobject.js"></script>
<div id="3dcloud_block" style="text-align:center;font-size:12pt;">
Для отображения блока требуется <a
href="http://szenprogs.ru/load/8-1-0-92" target="_blank" title="Скачать
Flash Player 10 бесплатно">Flash Player 10</a>
$MYINF_990$
</div>
<script type="text/javascript">
var rnumber = Math.floor(Math.random()*9999999);
var so = new SWFObject("http://szenprogs.ru/tagcloud/tagcloud.swf?r="+rnumber, "tagcloudflash", "400", "300", "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", "8" - размер самого маленького шрифта в облаке. Размер задается в пунктах.
"maxFontSize", "14" - размер самого крупного шрифта в облаке. Размер задается в пунктах.
"tcolor", "0x009CFF" - цвет самого частого текста в облаке тегов в RGB
формате. Частота текста определяется по свойству ссылки style. 0x не
меняем.
"tcolor2", "0x009CFF" - цвет самого редкого текста в
облаке тегов в RGB формате. Частота текста определяется по свойству
ссылки style. 0x не меняем.
"hicolor", "0x009CCF" - цвет текста при наведении на него курсора. 0x не меняем.
"tspeed", "150" - скорость вращения.
"distr", "true" - тип вращения облака, может принимать значение "true" или "false".