Время: 11:57
Понедельник 23.12.2024
[ Новые сообщения · Учасники · Правила форума · Быстрий Поиск · RSS ]
  • Страница 1 из 1
  • 1
Модератор форума: rysinyak  
Облако тегов
rysinyak Дата: Четверг, 15.10.2009, 19:03 | Сообщение # 1
Генералиссимус
Группа: Администраторы
Сообщений: 78
Награды: 10
Репутация: 20
:-(
Смайл настроения:

Flash-облако тегов с поддержкой кириллицы, портировано с WordPress.
Адаптированно под юКоз

Инструкция со свежими дополнениями и исправлениями

Установка:

1. Скачайте архив:
сферическое облако -скачать
или овальное облако тегов -скачать
2. Распакуйте архив и его содержимое (swfobject.js и tagcloud.swf) закачайте на свой сайт (можно в любую папку).
3. Затем в том месте, где будет облако на сайте, вставьте код :

Code
<?if($USER_AGENT$='ie' && $USER_AGENT_VER$<7)?>
$MYINF_4$
<?else?>

<div id="yoblako" align="center">$MYINF_4$</div>

<script type="text/javascript" src="http://адрес_Вашего_сайта/имя_папки/swfobject.js"></script>
<script type="text/javascript">
var flashvars = {};
flashvars.mode = 'tags';
flashvars.minFontSize = '8';
flashvars.maxFontSize = '14';
flashvars.tcolor = '0x1D3D61';
flashvars.tcolor2 = '0x4D6D91';
flashvars.hicolor = '0x193978';
flashvars.distr = 'true';
flashvars.tspeed = '100';

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.replace(/&/i, '%26') + '</a>';
delete eTagz;
flashvars.tagcloud += '</tags>';
var params = {};
params.wmode = 'transparent';
params.bgcolor = '#FFFFFF';
params.allowscriptaccess = 'always';
var attributes = {};
attributes.id = 'yoblako';
attributes.name = 'tagcloud';
swfobject.embedSWF('http://адрес_Вашего_сайта/имя_папки/tagcloud.swf', 'yoblako', '200', '200', '9.0.0', false, flashvars, params, attributes);
</script>
<?endif?>

В коде замените "адрес_Вашего_сайта" на координаты файлов у Вас на сайте.
Код нельзя вставлять в другие информеры (информеры нельзя вкладывать друг в друга, то есть нельзя вставлять содержимое информера $MYINF_4$ внутрь содержимого $MYINF_5$ и тп)

Применяя условный оператор для$USER_AGENT$='ie' && $USER_AGENT_VER$<7 - запрещаем выводить флеш-облако для версии IE ниже 7
(для этих пользователей будет отображаться обычное текстовое облако)

id="yoblako" - это идентификатор контейнера с облаком, в который будет помещён флеш-объект, для идентификатора можно задать стили в файле CSS
В дизайне Таблица стилей (CSS) добавьте параметр

#yoblako{outline:0;}

Параметр запрещает отображение пунктирной рамки вокруг всего flash-объекта при нажатии на него. // Спасибо, -RomB-, за эту подсказку.
Можно выровнять контейнер по центру, добавляя align="center" внутрь тега div.

$MYINF_4$ - это ссылка на ваш информер соответствующий облаку тегов юКоза, измените цифру, если необходимо.
(В настройках информера "Теги" укажите число выводимых тегов: 50. Проверьте, что способ вывода установлен на "Облако тегов" То есть нужно зайти в панель управления, - в стоке меню нажать кнопку инструменты - информеры - создать информер - (выбрать раздел) - Теги - 50 штук (по выбору) )

В строках

<script type="text/javascript" src="http://адрес_вашего_сайта/имя_папки/swfobject.js"></script>
...
swfobject.embedSWF('http://адрес_вашего_сайта/имя_папки/tagcloud.swf', 'yoblako', '250', '200', '9.0.0', false, flashvars, params, attributes);

замените адрес_вашего_сайта/имя_папки/ на соответствующие координаты.

Настройка:

*в строке "swfobject.embedSWF("http://адрес_вашего_сайта/tagcloud.swf", "yoblako", "250", "200", "9.0.0", false, flashvars, params, attributes);"
250 - это ширина виджета в пикселях. 200 - это высота виджета в пикселях.

*flashvars.minFontSize = "8"; - минимальный размер шрифта.
*flashvars.maxFontSize = "14"; - максимальный размер шрифта.
*flashvars.tcolor = "0xffffff";- цвет самого редкого ярлыка.
*flashvars.tcolor2 = "0x0be4f8"; - цвет самого популярного ярлыка. Для остальных ярлыков будет выбран цвет между этими двумя.
*flashvars.hicolor = "0xd95800";- цвет текста при наведении курсора на ярлык.
*flashvars.tspeed = "100";- скорость вращения Flash Облака тегов
*params.wmode = "transparent";- этот параметр обозначает прозрачный фон.
*params.bgcolor = "#333333"; - цвет фона Flash Облака тегов.

Дополнения:

Если требуется поддержка символов расширенной латиницы (например, символов ĀāČčĒēĢģĪīĶķĻļŅņŠšŪūŽž), то скачивать и устанавливать для сферического облака вот этот архив uCoz-cumulus-1.0_extended_latin.zip

Была решена проблема с символов & при помощи замены его используя аналог обозначения & в 16-ричной системе %26.
eTagz[i].innerHTML.replace(/&/i, '%26')

Чтобы удалить битые теги (которые остались в облаке, но материалы с ними удалены):
1. Заходим на страницу любого пользователя, кроме тех, которые имеют материалы. (можно создать локального пользователя для этого дела, например, с именем MrProper)
2. Находим модер-панель и кнопку "Удаление записей пользователя" (вот такой значок - )
3. Выбираем любой модуль, который может содержать теги (например, модуль Новости сайта). Ставим галочку.
4. Включаем мозг. Думаем. Есть ли материалы у этого пользователя в этом модуле. Если пользователь создан Вами, как "мистер Пропер", то он не добавлял материалы, значит и ничего не удалится. Можно смело удалять несуществующие материалы.
5. Вводим код проверки и жмём "удалить"

Это ещё более изящный метод тыка, придуманный разработчиками для очистки битых тегов, но он работает.
Напомню, информер с облаком тегов обновится через 15 минут.
Будьте осторожны с этими манипуляциями: не удалите случайно материалы пользователей.
Перед чисткой убедитесь, что у пользователя нет материалов.

Чтобы не ждать 15 минут, а обновить сразу же информер с тегами, делаем по методу webanet
1. Надо пройти в Панель Управления сайтом - информеры - найти Ваш информер с тегами - нажать на значок гаечного ключа (редактировать) - всплывет окно для редактирования.
2. Вы ничего не меняете, а просто жмёте сохранить.
3. Идете на страницу с облаком, перезагружаете её и не находите битых тегов.
Всё просто. Необходимо ничего не изменяя пересохранить информер с тегами.

Как добавить логотип внутрь облака (это оптическая иллюзия, на самом деле, логотип сзади)

Если поступить просто, то нужно всего лишь присвоить контейнеру стиль с фоновым изображением. Например для ячейки таблицы:
------------------------------------
<td style="background: url('images/logobgoblako.png') center center no-repeat;padding:0px 0px 0px 0px;"> Код для вставки облака </td>
------------------------------------
Или контейнера <div style="background: url('images/logobgoblako.png') center center no-repeat;padding:0px 0px 0px 0px;"> Код для вставки облака </div>

Если поступить сложнее, то:

В Таблице стилей (CSS) создать отдельный класс для контейнера облака. В случае с ячейкой таблицы:

td.backoblako {
background-image: url('images/logobgoblako.png'); /* Путь к фоновому рисунку */
background-position: center center; /* Положение фона Синтаксис background-position: [проценты | значение] | [left | center | right] || [top | center | bottom] */
background-repeat: no-repeat; /* Отменяем повторение фона */
}

На страницах сайта, там где вставляется код облака, для ячейки присваиваем класс backoblako

<td class="backoblako"> Код для вставки облака </td>

Если требуется сделать объект на всю ширину (или высоту) ячейки таблицы.
Поможет вот что:

<table border="0" width="100%" cellpadding="0" cellspacing="0" topmargin="0" leftmargin="0" rightmargin="0" bottommargin="0">
а в теле ячейки (td) нужно удалить все style="padding-left:15px;" и прочее
тогда отступов от границ таблицы не будет
На данном этапе большинство ошибок с информером Теги были выявлены и устранены.
Это наиболее полный пост на данный момент по установке и настройке вращающегося облака тегов во флеше для uCoz

Очень хорошо расписаный скрипт, сам много думал как ето зделать, но до етого то невыходило, то незнал как зделать, а тут есть всьо!!!

sbvasyl Дата: Четверг, 15.10.2009, 21:04 | Сообщение # 2
Полковник
Группа: Модераторы
Сообщений: 6
Награды: 2
Репутация: 4
:-(
Смайл настроения:

Хороший вариант... полный и рабочий...спасибо!
  • Страница 1 из 1
  • 1
Поиск:
Статистика Форума
Последние обновленные темы Самые популярные темы Лучшии пользователи Новые пользователи Самые популярны СОФТ
Зарабатывать в интернете деньги не только реально, но и удоб (1)
Заработай бесплатные биткоины (bitcoin) здесь! (0)
Легкий заработок без вложений для новичка. (0)
..№7..ЗАРАБОТОК НА ВЫПОЛНЕНИИ ЗАДАНИЙ.ЗАРАБОТОК В СОЦ СЕТЯХ. (0)
..№6.. ЕЩЁ ОДИН ПОПУЛЯРНЫЙ БУКС. ДОХОД ОТ 100 РУБЛЕЙ В ДЕНЬ. (0)
..№5.. ПРОВЕРЕННЫЙ СПОСОБ ЗАРАБОТКА ДЛЯ НОВИЧКОВ (0)
..№4.. ЗАРАБОТОК НА РАСШИРЕНИИ ДЛЯ БРАУЗЕРА (0)
..№3.. ЗАРАБОТОК В СОЦИАЛЬНЫХ СЕТЯХ (0)
..№2..ОТЛИЧНЫЙ САЙТ ДЛЯ ЗАРАБОТКА БЕЗ ВЛОЖЕНИЙ (0)
ЛУЧШИЙ ДОХОД БЕЗ ВЛОЖЕНИЙ 100-500 РУБЛЕЙ В ДЕНЬ (0)
Битая ссылка, Нерабочая ссылка (31)
Photoshop онлайн на своем сайте (4)
Скрипт "Распечатать страницу" (4)
Нужен скрипт (2)
Древовидное меню сайта (2)
Раскрутка сайтов (2)
Как попасть в бан Google - быстро и с гарантией! (2)
Нет аватара (2)
Бот на форум! (2)
Зарабатывать в интернете деньги не только реально, но и удоб (1)
rysinyak
jasminka
Batareyka
andryhha97
kragsburger
MyLife
mobile
sbvasyl
Lookflaco
Asissa
igor-98082217
street_punker
ifilkin02
oksigh787
loli5002
library759
Олегатор
rozanowalud
konst68
jarovskiy
DjVu Viewer v6.1.0.1492
1С Предприятие 8.2 Для України +конфиг
ProLing Office 5.0 SP2 Standard + crack скачать бесплатно
Windows Media Player 12 Rus Полная Руская версия!
ACDSee Pro 9.1
Активатор Windows 8.1
Network Assistant 4.5 Final (build 2668) + смайлики + keygen
Pragma 6.0.101.11 Business + Cловари 6.0.100.11 + crack скачать бесплатно
ChipTuningPRO 4.10 + crack, hvost
ВАСЯ диагност 1.1 на русском языке