Навигационная карта (облако ссылок)
Облако ссылок которые плаваю по кругу.
Платформа: любая
Итак, код состоит из двух частей. Для того чтоб поставить навигационую карту нужно поставить в нужное вам место такой вот код с сылками:
<div id="yoblako" align="center"><noindex>
<a style="font-size:8pt;" href="Ссылка" rel="nofollow" class="eTag eTagGr8">Название</a>
</noindex></div>
Выделеное курсивом копируем сколько хотим
А это нужно поставить в низ:
<script type="text/javascript" src="http://neotech.3dn.ru/Tegs/swfobject.js"></script>
<script type="text/javascript">
var flashvars = {};
flashvars.mode = 'tags';
flashvars.minFontSize = '8';
flashvars.maxFontSize = '14';
flashvars.tcolor = '0x009CFF';
flashvars.tcolor2 = '0x009CFF';
flashvars.hicolor = '0x009CСF';
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.replace(/&/i, '%26') + '</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://neotech.3dn.ru/Tegs/tagcloud.swf', 'yoblako', '200', '190', '9.0.0', false, flashvars, params, attributes);
</script>"200" - ширина будущего облака тегов в пикселях.
"190" - высота будущего облака тегов.
"9" - максимальная версия флеш-плеера, которая нужна для отображения облака.
"wmode", "transparent" - устанавливаем фон облака прозрачным. Если убрать эту строку, то можно будет самим задавать цвет фона.
"minFontSize", "8" - размер самого маленького шрифта в облаке. Размер задается в пунктах.
"maxFontSize", "14" - размер самого крупного шрифта в облаке. Размер задается в пунктах.
"tcolor", "0x009CFF" - цвет самого частого текста в облаке тегов в RGB формате. Частота текста определяется по свойству ссылки style. 0x не меняем.
"tcolor2", "0x009CFF" - цвет самого редкого текста в облаке тегов в RGB формате. Частота текста определяется по свойству ссылки style. 0x не меняем.
"hicolor", "0x009CCF" - цвет текста при наведении на него курсора. 0x не меняем.
"tspeed", "100" - скорость вращения.
"distr", "true" - тип вращения облака, может принимать значение "true" или "false".
Выделеные цвета меняем на свои, выглядит это будет так как тут в объявление в навигаторе
Навигационная карта (облако ссылок) картинками
<script type="text/javascript" src="http://orlenok2.do.am/swfobject.js"></script><div id="oblapics">
<a href="Ссылка для скачивания">
Ссылка на картинку </a>
<a href="Ссылка для скачивания">
Ссылка на картинку </a>
<a href="Ссылка для скачивания">
Ссылка на картинку </a>
<a href="Ссылка для скачивания">
Ссылка на картинку </a>
<a href="Ссылка для скачивания">
Ссылка на картинку </a>
<a href="Ссылка для скачивания">
Ссылка на картинку </a>
<a href="Ссылка для скачивания">
Ссылка на картинку </a>
<a href="Ссылка для скачивания">
Ссылка на картинку </a>
<a href="Ссылка для скачивания">
Ссылка на картинку</a>
<a href="Ссылка для скачивания">
Ссылка на картинку</a>
</div><script type="text/javascript"> var flashvars = {};flashvars.mode = 'images';eTagz = document.getElementById('oblapics').getElementsByTagName('A');flashvars.thumbcloud = '<images>';for (var i=0; eTagz[i]; ++i) flashvars.thumbcloud += '<image href=\'' + eTagz[i].getAttribute('href')+ '\' target=\'_self\'>'+ eTagz[i].innerHTML + '</image>';delete eTagz;flashvars.thumbcloud += '</images>';var params = {};params.wmode = 'transparent';params.bgcolor = '#FFFFFF';params.allowscriptaccess = 'always';var attributes = {};attributes.id = 'oblapics';attributes.name = 'thumbcloud';swfobject.embedSWF('http://orlenok.do.am/photowidget.swf', 'oblapics', '170', '170', '9.0.0', false, flashvars, params, attributes);</script>Теперь разберём настройки:
<script type="text/javascript"> var flashvars = {};flashvars.mode = 'images';eTagz = document.getElementById('oblapics').getElementsByTagName('A');flashvars.thumbcloud = '<images>';for (var i=0; eTagz[i]; ++i) flashvars.thumbcloud += '<image href=\'' + eTagz[i].getAttribute('href')+ '\' target=\'_self\'>'+ eTagz[i].innerHTML + '</image>';delete eTagz;flashvars.thumbcloud += '</images>';var params = {};params.wmode = 'transparent';params.bgcolor = '#FFFFFF';params.allowscriptaccess = 'always';var attributes = {};attributes.id = 'oblapics';attributes.name = 'thumbcloud';swfobject.embedSWF('http://orlenok.do.am/photowidget.swf', 'oblapics', '170', '170', '9.0.0', false, flashvars, params, attributes);</script>
Красное - цвет фона.
Синее - ширина и высота блока.
Отредактировано Герда (19.05.13 21:32)
