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

Скрипты

Рисунок Трехмерное облако тегов
x;z-index:1 }
Трехмерное облако тегов Трехмерное облако тегов
оценка: 4.4 из 5
оценок: 295, отзывов: 221

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

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

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

x;z-index:1 }


Трехмерное облако тегов
Скрипты
Скрипты, инструкции, справочники

rss
Категория:Скрипты
Просмотрено:89641
Рейтинг:4.4/295
Дата добавления:2009-03-26 00:34, Четверг
Добавил:Szen
Теги:облако, скрипт, теги, Трехмерное, объемное
Опечатка

Рекомендуем

Дополнительно к Трехмерное облако тегов

Мини-форум

1-10 11-20 ... 81-90 91-100 101-110 111-120 121-130 ... 211-220 221-221
№ 101
2009-09-04 21:18
Szen
Аватар участника Szen
ULTIMATE, изменяйте следующее свойство:

so.addVariable("minFontSize", "16");
so.addVariable("maxFontSize", "20");

Я привел уже увеличенное.

Szen · WWW
№ 102
2009-09-05 11:22
ULTIMATE
Аватар участника ULTIMATE
Здравстувуйте Szen! Есть ещё вопрос как сам квадрат уменьшить в котором меню?
CALL OF DUTY 4
№ 103
2009-09-05 11:25
ULTIMATE
Аватар участника ULTIMATE
Вот у меня ещё есть проблема у меня есть в меня переход на другой сайт я вроди бы адрес ввёл правильно но оно пишит:404
Страница не найдена
CALL OF DUTY 4
№ 104
2009-09-05 20:34
ULTIMATE
Аватар участника ULTIMATE
А как сменить цвет при нажатии там как понять какой это цвет?
CALL OF DUTY 4
№ 105
2009-09-13 13:53
ULTIMATE
Аватар участника ULTIMATE
Scez подскажите у меня не получается с бутём к странице другово сайта я ввожу правельный путь но пишет что: 404
Страница не найдена
Вот что делать? sad
CALL OF DUTY 4
№ 106
2009-09-22 01:06
Sillanium
Аватар участника Sillanium
Что необходимо сделать чтобы понимало кодировку 1251?

Заранее спасибо.

Виктор Цой
№ 107
2009-09-22 01:06
Sillanium
Аватар участника Sillanium
Скрипт супер !!!
Виктор Цой
№ 108
2009-09-22 01:28
Sillanium
Аватар участника Sillanium
ссылка должна иметь следующий вид:
http://сайт/search/index.php?tags=авто
Виктор Цой
№ 109
2009-09-22 06:59
Szen
Аватар участника Szen
Sillanium, для кодировки windows-1251 нужно прописать в заголовке (теле HEAD):
Code
<meta http-equiv="content-type" content="text/html; charset=windows-1251">

И сохранить код в этой кодировке.
А ссылки вашего вида работают без ухищрений.
Szen · WWW
№ 110
2009-09-22 16:47
Sillanium
Аватар участника Sillanium
прописано
выходит абракозябра
Виктор Цой
1-10 11-20 ... 81-90 91-100 101-110 111-120 121-130 ... 211-220 221-221
Учавствовать в обсуждении "Трехмерное облако тегов" могут только зарегистрированные пользователи.
[ Регистрация | Вход ]
Нас находят по этим запросам: Трехмерное облако тегов, Трехмерное облако тегов Скрипты, Трехмерное облако тегов Блог, Трехмерное облако тегов читать, Трехмерное облако тегов Блог читать, Трехмерное облако тегов Скрипты читать, Трехмерное облако тегов онлайн, Трехмерное облако тегов Скрипты online
Местоположение
Реклама
Кнопка портала
Портал SzenProgs - все для мастеров
получить код
Посетители
kapriolyxx
Друзья портала
Вакантное место для вашей рекламы!
RSS лента Блога
RSS лента Каталога файлов
RSS лента Новостей
Будьте в курсе событий.
Введите ваш email:

Личный блок
  • Гость портала.
  • Личных данных нет.
Вход на сайт
Регистрация
Новости сайта
Опрос
Ваша оценка дизайна
Результаты | Архив опросов
Всего ответов: 1250
Статистика
Valid HTML 4.01 Transitional
Яндекс цитирования


Онлайн всего: 1
Гостей: 1
Пользователей: 0
Портал SzenProgs.ru © 2008 - 2024 · Условия
Администратор и дизайнер портала: Szen
Хостинг от uCoz