Среда, 16 Июля 2025, 08:35:16
anglija.clan.su ГлавнаяРегистрацияВход
Приветствую Вас Гость | RSS
[ Новые сообщения · Участники · Правила форума · Поиск · RSS ]

  • Страница 1 из 1
  • 1
Трехмерное облако тегов
:-( TrocKiJ Дата: Суббота, 21 Августа 2010, 19:53:54 | Сообщение # 1 [ссылка на комментарий]

АДМИН
Группа: Администраторы
Skype: tr0ckijtr0ckij
Сообщений: 102
Награды: 0
Репутация: 0
Активность:

Предлагаю Вашему вниманию описание установки 3-х мерного облака тегов на сайт. Многие из Вас видели на некоторых сайтах красивое облако тегов в 3D формате. Когда подводишь к нему курсор, он начинает вертеться. Стороны шара такого облака созданы из ссылок на определенные страницы сайта. Вот такое облако и будем ставить на сайт. Этот способ установки позволяет видеть ссылки облака не только тем, у кого установлен флеш и включен запуск JavaScript, но и тем, у кого это все отключено.

Это облако может работать с русским текстом (кириллицы) в строке адреса.

Для размещения облака на сайте нужен будет следующий код:

Code
<script type="text/javascript" src="http://anglija.clan.su/tags/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><br><br>$MYINF_31$
    </div>
    <script type="text/javascript">
      var rnumber = Math.floor(Math.random()*9999999);
      var so = new SWFObject("http://anglija.clan.su/tags/tagcloud.swf?r="+rnumber, "tagcloudflash", "400", "300", "9");
      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>$MYINF_31$</tags>");
      so.write("3dcloud_block");
    </script>

Код целиком готов к использованию. Достаточно подшлифовать облако под Ваш дизайн. Следующие параметры нужно изменить, чтобы облако выглядело на Вашем сайте как родное.

"400" - ширина будущего облака тегов в пикселях.
"300" - высота будущего облака тегов.
"9" - максимальная версия флеш-плеера, которая нужна для отображения облака.
"wmode", "transparent" - устанавливаем фон облака прозрачным. Если убрать эту строку, то можно будет самим задавать цвет фона.
"minFontSize", "8" - размер самого маленького шрифта в облаке. Размер задается в пунктах.
"maxFontSize", "14" - размер самого крупного шрифта в облаке. Размер задается в пунктах.
"tcolor", "0x009CFF" - цвет самого частого текста в облаке тегов в RGB формате. Частота текста определяется по свойству ссылки style. 0x не меняем.
"tcolor2", "0x009CFF" - цвет самого редкого текста в облаке тегов в RGB формате. Частота текста определяется по свойству ссылки style. 0x не меняем.
"hicolor", "0x009CCF" - цвет текста при наведении на него курсора. 0x не меняем.
"tspeed", "150" - скорость вращения.
"distr", "true" - тип вращения облака, может принимать значение "true" или "false".
"tagcloud", "<tags>$MYINF_31$</tags>" - список тегов, которые будем выводить в облако. Формат должен быть следующий: "<a href='Ссылка'>Текст</a>". Если вы владелец сайта на UCOZ, то можете воспользоваться информерами: создайте информер, который будет отображать материалы, и напишите в его шаблоне "<a href='$ENTRY_URL$'>$TITLE$ $VERSION$</a>" без кавычек. Не забудьте поменять "$MYINF_31$" на свой код.

  • Страница 1 из 1
  • 1
Поиск:

Copyright MyCorp © 2025