| Igorane | Дата: Пятница, 19.08.2011, 14:55 | № 1 |
|
Админ Статус: Off | Многие из Вас могли видеть на некоторых сайтах прикольное облако тегов в трёхмерном формате. Когда подводишь к нему курсор, то оно начинает вертеться. Стороны шара этого 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", "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".
|
| |
| |
| Igorane | Дата: Вторник, 30.08.2011, 15:54 | № 2 |
|
Админ Статус: Off | <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", "200", "200", "1");
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", "0x006600");
so.addVariable("tcolor2", "0x003333");
so.addVariable("hicolor", "0xFF0000");
so.addVariable("tagcloud", tags);
so.write("3dcloud_block");
</script>
Как на этом сайте
|
| |
| |
Design by KOLLEKCIONER © 2010-2024Хостинг от uCoz
