Gamer`s Club

Информация о пользователе

Привет, Гость! Войдите или зарегистрируйтесь.

Вы здесь » Gamer`s Club » Скрипты. » Облако тегов.

Облако тегов.

Страница: 1

Сообщений 1 страница 2 из 2

1

  • Автор: tashkent
  • полковник
  • tashkent
  • Зарегистрирован: 2010-10-20
  • Приглашений: 0
  • Сообщений: 1197
  • Уважение: [+4/-0]
  • Позитив: [+2/-0]
  • Пол: Мужской
  • Провел на форуме:
    24 дня 13 часов
  • Последний визит:
    2020-10-24 23:52:32

Облако тегов из картинок.
http://s013.radikal.ru/i325/1101/76/39432773fc85.jpg

HTML верх

Код:
<div id="oblapics">
<a href="Адрес">http://savepic.net/90321.gif</a>
<a href="Адрес">http://savepic.net/85201.gif</a>
<a href="Адрес">http://savepic.net/89297.gif</a>
<a href="Адрес">http://savepic.net/80081.gif</a>
<a href="Адрес">http://savepic.net/66769.gif</a>
<a href="Адрес">http://savepic.net/70865.gif</a>
<a href="Адрес">http://savepic.net/117968.gif</a>
</div>

HTML низ

Код:
<script type="text/javascript" src="http://golo.do.am/swfobject.js"></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://golo.do.am/photowidget.swf', 'oblapics', '170', '170', '9.0.0', false, flashvars, params, attributes);</script>

Адрес - ссылка

Код:
http://savepic.net/90321.gif ... http://savepic.net/117968.gif

- адреса изображений
<a href="Адрес">http://savepic.net/117968.gif</a> - кол-во строк не ограничено (в разумных пределах)

0

2

  • Автор: tashkent
  • полковник
  • tashkent
  • Зарегистрирован: 2010-10-20
  • Приглашений: 0
  • Сообщений: 1197
  • Уважение: [+4/-0]
  • Позитив: [+2/-0]
  • Пол: Мужской
  • Провел на форуме:
    24 дня 13 часов
  • Последний визит:
    2020-10-24 23:52:32

Облако тегов. Пример можно наблюдать на нашем форуме  :) .
HTML низ

Код:
<script type="text/javascript" src="http://anime-4ever.ru/swfobject.js"></script> <script type="text/javascript">
var flashvars = {};
flashvars.mode = 'tags';
flashvars.minFontSize = '8';
flashvars.maxFontSize = '14';
flashvars.tcolor = '0xffffff';
flashvars.tcolor2 = '0xff0000';
flashvars.hicolor = '0x0000ff';
flashvars.distr = 'true';
flashvars.tspeed = '150';

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.bgcolor = '#00FF00';
params.allowscriptaccess = 'always';
var attributes = {};
attributes.id = 'yoblako';
attributes.name = 'tagcloud';
swfobject.embedSWF('http://anime-4ever.ru/tagcloud.swf', 'yoblako', '230', '140', '9.0.0', false, flashvars, params, attributes);
</script>

В любое место на форуме:

Код:
<div id=yoblako><noindex>
<a style="font-size:9pt;" href="ссылка" rel="nofollow" class="eTag eTagGr9">текст №1</a> 
<a style="font-size:9pt;" href="ссылка" rel="nofollow" class="eTag eTagGr9">текст №2</a>
</noindex></div>

"tcolor", "0xffffff" цвет самого частого текста в облаке тегов в RGB формате. Частота текста определяется по свойству ссылки style
"tcolor2", "0xff0000" цвет самого редкого текста
"hicolor", "0x0000ff" цвет текста при наведении на него курсора
swfobject.embedSWF('http://anime-4ever.ru/tagcloud.swf', 'yoblako', '230', '140', '9.0.0', false, flashvars, params, attributes); Основные параметры облака, "swfobject.embedSWF" – путь к флеш файлу, "230" – ширина, "140" – высота
flashvars.tspeed = '150'; oпределяет скорость вращения облака, менять надо только цифру 150;
params.bgcolor = '#00FF00'; цвет фона. Чтобы сделать фон прозрачным, введите вместо цвета transparent (без #)
flashvars.minFontSize = '8'; минимальный размер шрифта (текст "вдалеке")
flashvars.maxFontSize = '14'; максимальный размер шрифта (текст "вблизи")
<a style="font-size:9pt;" href="ссылка" rel="nofollow" class="eTag eTagGr9">текст (название ссылки)</a> копируем эту строчку столько, сколько нужно, вставляя туда свои значения. font-size - размер шрифта.

0

Страница: 1

Вы здесь » Gamer`s Club » Скрипты. » Облако тегов.