Навигационная карта (облако ссылок)
Облако ссылок которые плаваю по кругу.
Платформа: любая
Итак, код состоит из двух частей. Для того чтоб поставить навигационую карту нужно поставить в нужное вам место такой вот код с сылками:
<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>
Красное - цвет фона.
Синее - ширина и высота блока.
Last edited by Герда (19.05.13 21:32)
- Author signature
Герду как-то спросили:
— Вот вы писали, что "Среди разработчиков - я разработчица, среди дизайнеров - я веб-дизайнер." А кто вы среди ролевиков?
Герда не растерялась и ответила:
— Иди на**й.