HappyEnd | Дата: Понедельник, 12.12.2011, 17:37 | Сообщение # 1 |
Новичок
Группа: Пользователи
Сообщений: 2
Репутация: 0
Статус:
| Я давно восхищаюсь твоим сайтом, а именно "Облаком тегов" и вот захотел поставить себе но незнаю как изменять его цвет так как в конструкторе юкоза оно не доделанное... но не знаю как. И там получается что добавлять можно но оно ищет єти названия в поиске сайта, а мне бы хотелось сделать как у тебя например Моды: и ссылка http://tha.at.ua/forum напиши мне пожалуйста инструкцию или скинь ссылку на неё. в долгу не останусь xD и что вот если понадобится скайп dark989898.
Сообщение отредактировал HappyEnd - Понедельник, 12.12.2011, 17:38 |
|
| |
Hero | Дата: Понедельник, 12.12.2011, 20:03 | Сообщение # 2 |
Учитель
Группа: Пользователи
Сообщений: 390
Репутация: 67
Статус:
| Инструкция со свежими дополнениями и исправлениями
Установка: 1. Скачайте архив: сферическое облако - uCoz-cumulus-1.0.zip ( http://zetclan.com/data/uCoz-cumulus-1.0.zip ) или овальное облако тегов - uCoz-cumulus-1.0_oval_vertical.zip ( http://zetclan.com/data/uCoz-cumulus-1.0_oval_vertical.zip ) 2. Распакуйте архив и его содержимое (swfobject.js и tagcloud.swf) закачайте на свой сайт (можно в любую папку). 3. Затем в том месте, где будет облако на сайте, вставьте код (по этой ссылке - самая свежая версия кода (http://zetclan.com/data/uCoz-cumulus-1.0.txt) ):
Code $MYINF_1$
<div id="yoblako" align="center">$MYINF_1$</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 = '0xd193978'; 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', '250', '200', '9.0.0', false, flashvars, params, attributes); </script>
В коде замените "адрес_Вашего_сайта" на координаты файлов у Вас на сайте. Код нельзя вставлять в другие информеры (информеры нельзя вкладывать друг в друга, то есть нельзя вставлять содержимое информера $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. Проверьте, что способ вывода установлен на "Облако тегов" )
В строках
<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
"Я всегда любил мечтать и никогда не перестану, пока не остановит пуля..." © Ernesto Che Guevara Сцуки! Забаню всех кто будет оспаривать действия администрации! © Fooog
|
|
| |
HappyEnd | Дата: Вторник, 13.12.2011, 20:37 | Сообщение # 3 |
Новичок
Группа: Пользователи
Сообщений: 2
Репутация: 0
Статус:
| Hero, спасибо конечно тебе за єто, но у меня еще была одна просьба: как туда добовлять текст и указывать свои ссылки на матереалы как у вас на сайте?Добавлено (13.12.2011, 20:37) ---------------------------------------------
Quote (HappyEnd) как туда добовлять текст и указывать свои ссылки на матереалы как у вас на сайте? точнее как добовлять в облако тегов модуль форума?
|
|
| |
Mount | Дата: Вторник, 13.12.2011, 21:41 | Сообщение # 4 |
Тро-ло-ло
Группа: Модераторы
Сообщений: 42
Репутация: 17
Статус:
| Quote (HappyEnd) точнее как добовлять в облако тегов модуль форума? Блин, чего вы велосипед изобретаете... На конструкторе сайтов Ucoz есть встроенный модуль: "Облако тегов"
1. Администрация всегда права! 2. В случае, если Администрация не права, читайте пункт 1
|
|
| |
_Kenny_ | Дата: Среда, 14.12.2011, 11:15 | Сообщение # 5 |
Ученик
Группа: Пользователи
Сообщений: 142
Репутация: 16
Статус:
| Quote (Mount) Блин, чего вы велосипед изобретаете... На конструкторе сайтов Ucoz есть встроенный модуль: "Облако тегов" Но его надо еще настроитьДобавлено (14.12.2011, 11:15) --------------------------------------------- то есть сделать теги
Beenox
|
|
| |