Трехмерное облако тегов. Скрипты. Блог. Портал SzenProgs
 

Трехмерное облако тегов

Предлагаю Вашему вниманию описание установки 3-х мерного облака тегов на сайт. Многие из Вас видели на некоторых сайтах красивое облако тегов в 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$" на свой код.

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


Вы можете выразить свою благодарность администрации портала отправив SMS-кой выбранное вами количество денежек:


Категория:Скрипты
Просмотрено:11608
Рейтинг:4.5/35
Дата добавления:26.03.2009 00:34, Четверг
Добавил:Szen
Теги:облако, скрипт, теги, трехмерное, объемное
Опечатка

Рекомендуем

Дополнительно

Внимание

Все скрипты, инструкции, тесты, статьи и подборки, опубликованные в блоге портала, являются собственностью портала. Администрация портала не несет никакой ответственности за содержания статей и скриптов, но обязуется не публиковать материалы, нарушающие законодательство Российской Федерации, порнографию, инструкции по взлому и вскрытию. Администрация портала сама решает, кому помогать в решении какой-либо проблемы, а кому отказать в помощи. Цитируя наш текст и устанавливая опубликованные скрипты, вы соглашаетесь с тем, что используете продукт, созданный или подготовленный порталом SzenProgs. Портал SzenProgs оставляет за собой право менять инструкции, тесты, записи, подборки и скрипты по своему усмотрению и менять содержимое файлов, залитых на портале.

Любая, полная или частичная, публикация материала, размещенного в блоге портала SzenProgs, на другом стороннем от портала SzenProgs сайте должна сопровождаться ссылкой на источник.

Мини-форум

1 2 3 ... 19 20 »
№ 0Четверг, 26.03.2009 00:34
Szen
Аватар участника Szen
Здесь вы можете задать вопрос или оставить комментарий по теме "Трехмерное облако тегов".
Профиль
№ 1Воскресенье, 05.04.2009 16:23
Napalm
Аватар участника Napalm
Разместил я этот код на сайте. Но у меня и других посетителей моего сайта вместо этого самого облака отображается: "Для отображения блока требуется Flash Player 10". Лично у меня Flash Player 10 на всех браузерах (Опера, Мозила). В чем тут проблема?
Профиль
№ 2Воскресенье, 05.04.2009 21:28
Szen
Аватар участника Szen
Napalm, будьте добры, укажите адрес страницы, где Вы установили это облако. Я постараюсь Вам помочь с решением данной проблемы.
ПрофильWWW
№ 3Понедельник, 06.04.2009 11:52
Szen
Аватар участника Szen
После обновления UCOZ появился информер "Облако тегов". Те, кто хочет воспользоваться этим информером, должны использовать следующий скрипт:

<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_990$
</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");
var tags = new String('$MYINF_990$');
tags = tags.replace(/"/g,"'");
tags = tags.replace(/<noindex>/gi,"");
tags = tags.replace(/<\/noindex>/gi,"");
tags = "<tags>" + tags + "</tags>";
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);
so.write("3dcloud_block");
</script>

Дело в том, что информер $MYINF_990$ содержит в себе тели ссылки со свойствами, выделенными в кавычки. А для работы скрипта требуются апострофы. Этот код дополнен обработкой информера $MYINF_990$, в которой все кавычки меняются апострофами.

ПрофильWWW
№ 4Понедельник, 06.04.2009 12:51
ElviS6
Аватар участника ElviS6
Только одна проблема вот с этим новым, когда публикуешь материал и пишешь тег на Русском языке, он появляется в этом облаке, но когда кликаешь поиск не распознает язык и выводит иероглифы. С Англ. все нормально =(
Профиль
№ 5Понедельник, 06.04.2009 12:54
ElviS6
Аватар участника ElviS6
Огромное спасибо за скрипт, я ставил тот где можно использовать информер Добавления новостей, переделал шаблон информера все отлично работало, а вчера перестало =((( теперь грешу на саму систему, т.к. не лез больше в этот скрипт и ничего не изменял
Профиль
№ 6Понедельник, 06.04.2009 13:22
Szen
Аватар участника Szen
ElviS6, Вам нужно в техподдержку UCOZ. Если ссылка ведет не туда, или не качественно, то виновен информер, а не скрипт. :-)
ПрофильWWW
№ 7Вторник, 07.04.2009 11:17
Napalm
Аватар участника Napalm
Я обратился в службу поддержки, вот их ответ: "Извините, но помощи по вставке сторонних кодов на страницу мы не оказываем." sad Остается только способ реализации этого облака через информеры sad
Профиль
№ 8Среда, 08.04.2009 01:00
HoLoD
Аватар участника HoLoD
Хм, установил скрипт, все работает кроме кирилицы. Но, выводится не более 10ти тегов, рандомно.
Вопрос - можно ли увеличить их количество?
ПрофильWWW
№ 9Среда, 08.04.2009 14:02
Szen
Аватар участника Szen
Napalm, возможно, вы неправильно сформулировали вопрос в техподдержку. Вам нужно было сказать не о проблеме с кодом, а о проблеме с информером облака тегов ($MYINF_990$). Проблема именно в том, что этот информер не может корректно открыть страницу, на которую формирует ссылку.
HoLoD, количество тегов регулируется использованными информерами. Не могу точно сказать, но, возможно, информер облака тегов ($MYINF_990$) ограничен 10-ю тегами.
ПрофильWWW
№ 10Суббота, 11.04.2009 02:12
ElviS6
Аватар участника ElviS6
Один и тот же ответ от тех поддержки, я тоже писал.....именно про информер
Профиль
1 2 3 ... 19 20 »
Учавствовать в обсуждении "Трехмерное облако тегов" могут только зарегистрированные пользователи.
[ Регистрация | Вход ]
Местоположение
Реклама
Интересное
Загрузка...
День рождения
Поздравляем с днем рождения следующих друзей:
gregori(24), PateTrure(32), MartaUA(30), sibnetwork(32).
Желаем им счастья, здоровья, благополучия, любви и богатства!

С уважением, администрация сайта.
Holiday
Посетители
Sergik30
iwanovabh
Whanibeliamma
Rearnebax
coermaodona
Статистика
Valid HTML 4.01 Transitional
Все счетчики
Онлайн всего: 19
Гостей: 19
Пользователей: 0
Кнопка портала
Портал SzenProgs - все для мастеров
получить код
RSS лента Блога
RSS лента Каталога файлов
RSS лента Новостей
Личный блок
  • Гость портала.
  • Личных данных нет.
Вход на сайт
Регистрация
Софт
Заработок
Интересное
Загрузка...
Опрос
Сколько сайтов у вас есть?
[ Результаты · Архив опросов ]
Всего ответов: 486
Друзья портала
Информационно-развлекательный протал BIGBEN HOME STUDIO форум, статьи, обьявления, файловый архив,фотогалерея и много всего другого!

Many-FileS.RU - Скачать бесплатно музыку, фильмы, софт, книги без регистрации!

Работа в интернете
© 2009, SzenProgs
Администратор и дизайнер портала: Szen
Хостинг от uCoz