Вращающееся облако тегов на Ucoz'e

Ну вот, наконец, появилась свободная минутка написать в блог о последних новостях. И конечно же, главной новостью этого месяца стало долгожданное глобальное обновление Ucoz'а. Появилось много полезных обновлений и добавлений, об одном из которых и пойдет речь в этом посте. Наконец таки появилась возможность добавлять теги публикуемым материалам, что в свою очередь дало возможность сотворить на сайтах "юкоса" динамическое вращающееся облако этих самых тегов! Восклицательный знак стоит по причине того, что я просто без ума от этой крутящейся штуковины, просто какой то магический шар. Очень красивое творение рук человеческих.

Когда я впервые увидел такое облако на одном из блогов, то просто съехал с катушек, накопировал и повставлял сюда аж с пол десятка таких вращающихся облаков с чужих сайтов. Было дело)) И вот, наконец, сбылась мечта камелота... Если вы из таких же и долго ждали своей очереди, чтобы сотворить себе такое же крутящееся чудо, то я вас поздравляю. Если же вы еще не в теме, то ниже я приведу простой способ как сделать себе такое чудо облако. Напомню, что речь идет о пользователях движка Ucoz.

Установка:

1. Скачайте архив:сферическое облако - uCoz-cumulus-1.0.zip или овальное облако тегов - uCoz-cumulus-1.0_oval_vertical.zip

2. Распакуйте архив и его содержимое (swfobject.js и tagcloud.swf) закачайте на свой сайт (можно в любую папку).

3. Затем в том месте, где будет облако на сайте вставьте код:

 

 

  1. <div id="yoblako">$MYINF_4$</div>    
  2.   
  3.       <script type="text/javascript" src="http://forum.wafl.ru/files/freeman/swfobject.js"></script>    
  4.       <script type="text/javascript">    
  5.         var flashvars = {};    
  6.         flashvars.mode = 'tags';    
  7.         flashvars.minFontSize = '8';    
  8.         flashvars.maxFontSize = '22';    
  9.         flashvars.tcolor = '0x0988ff';    
  10.         flashvars.tcolor2 = '0x000000';    
  11.         flashvars.hicolor = '0xd95800';    
  12.         flashvars.distr = 'true';    
  13.         flashvars.tspeed = '100';    
  14.   
  15.         eTagz = document.getElementById('yoblako').getElementsByTagName('A');    
  16.         flashvars.tagcloud = '<tags>';    
  17.         for (var i=0; eTagz[i]; ++i) flashvars.tagcloud += '<a href=\''  + eTagz[i].getAttribute('href')     
  18.        +  '\' style=\'' + parseInt(eTagz[i].style.fontSize)    
  19.        +  '\'>' + eTagz[i].text + '</a>';    
  20.         delete eTagz;    
  21.         flashvars.tagcloud += '</tags>';    
  22.         var params = {};    
  23.         params.wmode = 'transparent';    
  24.         params.bgcolor = '#333333';    
  25.         params.allowscriptaccess = 'always';    
  26.         var attributes = {};    
  27.         attributes.id = 'yoblako';    
  28.         attributes.name = 'tagcloud';    
  29.         swfobject.embedSWF('http://forum.wafl.ru/files/freeman/tagcloud.swf', 'yoblako', '300', '250', '9.0.0', false, flashvars, params, attributes);    
  30.       </script>  

 

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

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

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

В дизайне Таблица стилей (CSS) добавьте параметр
#yoblako{outline:0;}
Не отображать пунктирную рамку вокруг flash-объекта при
нажатии на него. Можно выровнять контейнер по центру, добавляя 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);</span> замените адрес_вашего_сайта на соответствующие
координаты.

Настройка:

*в строке "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 Облака тегов.


P.S. Огромное спасибо: zetclan'у, RomB'у, minimus'у, совместными
усилиями которых стала доступной эта полезнейшая информация
всем обывателям Ucoz'овского форума.

 

Интересная статья? Нажми →

Не знаешь что такое RSS? Читай → здесь   

Не стесняйтесь оставлять комментарии ↓   

  Категория: Полезное • Просмотров: 46758 • Добавил: Gorus •
 
          Отзывы
1 2 3 4 »
#37
Чук и Гек [Материал] * 04 Июн 2013
Але , вы хоть когда пиздите коды , смотрите , что пиздите ?
Найдёте такую стоку в вашем коде - приз !!!!
В коде замените "адрес_Вашего_сайта"
А если я ещё и файлы в папку кину ?
#36
дайте контакт адекватного адвоката [Материал] * 08 Май 2013
у кого есть хороший юрист знакомый или просто скиньте контакты по семейным делам?
#35
Hevel [Материал] * 28 Окт 2012
А вы второй кнопкой на облаке нажмите и посмотрите куда ведут первые две ссылки... Первая на сайт голых девок(ладно хоть девки красивые :) ), а второй у меня нод32 сразу заблокировал...
#34
кирилл кирилл (SmokeMo) [Материал] * 13 Янв 2012
спасибо!! cool
#33
person (moder7195) [Материал] * 27 Сен 2011
Сделал на сайте http://zakladki.3dn.ru/ все как описано, открывается обычное облако в строчку. В чем причина?
#32
Сергей [Материал] * 03 Дек 2010
-Здравствуйте.
-У меня получилось облако, но буквы тоже очень мелкие и изменение шрифта не влияет. Помогите!!!
-Может быть кто-то решил эту проблему, напишите пожалуйста.

Проблема таже. Не могли бы Вы подсказать как устранить проблему.
#31
Валентина [Материал] * 27 Сен 2010
Здравствуйте.
У меня получилось облако, но буквы тоже очень мелкие и изменение шрифта не влияет. Помогите!!!
Может быть кто-то решил эту проблему, напишите пожалуйста.
#30
Сергей Ойнонен (svyaznoy) [Материал] * 15 Июн 2010
Здравствуйте. Подскажите пожалуйста как сделать вместо прозрачного фона рисунок, например изображение глаза в котором все это крутится?
#29
cartman [Материал] * 05 Июн 2010
у мя все получилось ток вот облако при изменении размера увеличивается и уменьшается а не остается на одном месте((подскажите как сделать
#28
SlaveNtyS [Материал] * 27 Апр 2010
Перво-наперво, здравствуйте!
Немогу понять, сделал всё так, как написано. Облако есть, но буквы настолько мелкие, что их не видно.
Изменение размера шрифта в настройках ни к чему не привели. В чем проблемма?

http://daemon.clan.su/index/oblako_tegov/0-51

Заранее спасибо!
1-10 11-20 21-30 31-37
Добавлять комментарии могут только зарегистрированные пользователи.
[ Регистрация | Вход ]
   
   
На сайте: 1
Посетители: 1
Пользователи: 0
 
 
 
Комментарии

 Заебал....А в другом городе есть проститутки? Славик » 28 Дек 2013
 Але , вы хоть когда пиздите коды , смотрите , что пиздите ?
Найдёте такую стоку в вашем коде - приз !!!!
В коде замените "адрес_Вашего_сайта"
А если я ещё и файлы в папк Чук и Гек » 04 Июн 2013
 у кого есть хороший юрист знакомый или просто скиньте контакты по семейным делам? дайте контакт адекватного адвоката » 08 Май 2013
 Хехе, неплохо Bishspict » 20 Ноя 2012
 Most powerful&cost effective SEO and website traffic service in world get up to 100’000 forum backlinks now!

Your webgrabber.clan.su website will get thousands of visitors/day using supe web traffic » 14 Ноя 2012
 А вы второй кнопкой на облаке нажмите и посмотрите куда ведут первые две ссылки... Первая на сайт голых девок(ладно хоть девки красивые :) ), а второй у меня нод32 сразу заблокировал... Hevel » 28 Окт 2012
 Здравствуйте, друзья. Мы с мужем въехали в новую квартиру, ремонт в которой, похоже, не делался никогда. В связи с тем, что на ее покупку пришлось продать старый дом, отдать все сбережения и даже немн Oksana6932 » 05 Окт 2012
 Хороший ресурс)) Темы интересные и дизайн красивый). Liska » 03 Мар 2012
 Олтичная статья, мне нравитяс, достойно. vipgod » 10 Фев 2012
 хорошее начало NenModechen » 23 Янв 2012
 На каком конструкторэ лучше регистрировать сайт Etnos » 15 Янв 2012
 спасио) кирилл кирилл » 13 Янв 2012
 
 
 
 
 
 
 
 
 
 
 
   Главная • Галерея сайта
 
Designed by Gorus © - 2026
Rambler's Top100 Рейтинг@Mail.ru MyCounter - счётчик и статистика (посетителей и хитов сегодня) HotLog WOlist.ru - каталог качественных сайтов Рунета