Облако тегов

Admin · Зарегистрирован: 2010-07-27

все вы ,наверно, видели такую фишку на сайтах ucoz.
так вот,такое можно поставить и на трекере (в левой колонке) или на форуме phpBB

1.Скачиваем архив и заливаем папку tags в корень своего сайта
2.Там, где хотим видеть облако тегов, прописываем это:

<div id="yoblako" align="center"><a href="http://ссылка/" style="font-size: 9pt;">Название</a><a href="http://ссылка/" style="font-size: 9pt;">Название</a><a href="http://ссылка/" style="font-size: 9pt;">Название</a></div>

<script type="text/javascript" src="http://ваш сайт/tags/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 = '0xd193978';
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 + '</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://ваш сайт/tags/tagcloud.swf', 'yoblako', '230', '140', '9.0.0', false, flashvars, params, attributes);
</script>

Синее - меняете на ваш сайт
Также, необходимо изменить "ссылка" и "название" на свое.

Admin · Зарегистрирован: 2010-07-27

ОБЪЯСНЕНИЯ СКРИПТА,где можно что поправить для своих нужд!

var widget_so = new SWFObject("tagcloud.swf?r="+rnumber, "tagcloudflash", "230", "140", "9", "#ffffff"); - Основные параметры облака, "tagcloud.swf" – путь к флеш файлу, "230" – ширина, "140" – высота, "9" – не знаю за что отвечает эта цифра, "#ffffff" – цвет фона облака;

widget_so.addVariable("tspeed", "115"); - Определяет скорость вращения облака, менять надо только цифру 115;

widget_so.addVariable("distr", "true"); - Если true заменить на false, облако примет немного другой вид;

widget_so.addVariable("tagcloud", "<?php echo urlencode($tags); ?>"); - Указываем ссылки которые мы сформировали в переменно $tags и кодируем их в безопасное представление с помощью PHP функции urlencode();

widget_so.write("tags"); - Указываем ID слоя в котором будет располагаться наше облако тегов, в нашем случае это tags.

widget_so.addVariable("tcolor", "0x333333"); - Определяет цвет тегов в облаке.

С остальными параметрами не разбирался и не знаю что они обозначают.

____________________________________________________________________________________________________________________________________

<div id="yoblako" align="center"><a href="http://ссылка/" style="font-size: 9pt;">Название</a><a href="http://ссылка/" style="font-size: 9pt;">Название</a><a href="http://ссылка/" style="font-size: 9pt;">Название</a></div>

что тут можно править?
1.style="font-size: 9pt; --- высота букв
2.<a href="http://ссылка/" --- это ссылка текста,сюда вписываем путь до файла ,до темы,до любой ссылки