Павловск. Алтайский край

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

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


Вы здесь » Павловск. Алтайский край » Свалка форума » 3-х мерное облако тегов на сайт.


3-х мерное облако тегов на сайт.

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

1

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

Это облако может работать с русским текстом (кириллицы) в строке адреса. Спасибо пользователю Mishgan за помощь в этом решении!

Для размещения облака на сайте нужен будет следующий код:
Code
  <script type="text/javascript" src="http://szenprogs.ru/tagcloud/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://szenprogs.ru/tagcloud/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$" на свой код.

После этих изменений можно сохранить текст и посмотреть, как он работает. Приятного использования.

Взято отсюда:http://szenprogs.ru/blog/2009-03-26-37

0

2

--

0

3

круто

0


Вы здесь » Павловск. Алтайский край » Свалка форума » 3-х мерное облако тегов на сайт.