Вращающееся облако тегов на 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? Читай → здесь   

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


  Категория: Полезное • Просмотров: 45720 • Добавил: Gorus

 
          Отзывы
1 2 3 4 »
#38
WarafuthLah * 17 Июн 2013
Amazing film! TSP absolutely killed it in 2010 and now I would like to go ski. I first saw this in 8th grade around Halloween, i thought it was form of scary, while using aunts poisoning innocent dead men of their basement. These days whenever I see it on TCM, it is really pretty hilarious. I've read in a few articles that Cary Grant actually hated this movie, that is disappointing because I think it's considered one of his best earlier films. Raymond Massey is terrifying, as Cary Grant's long lost brother. A must-see for anyone!! It is deemed an intriguing movie; it's entertaining the full way through, there's good acting plus a decent soundtrack. The people who claim it's predictable are only trying to sound smart, and perhaps they are wholly incorrect. It's actually not predictable. In reality, it's form of surprising. The screenwriter is often a talented dude, despite the fact that the film will not be Oscar material, it's very worth your $3 to book. And as a closing point of advice, never unconditionally accept the critical opinions of those who can't spell or create a grammatically correct sentence. During my 45 years of life, this is the 7th worst movie I've ever seen... and i also have seen many, many bad ones. It will make the old Sinbad movies seem excellent when compared. There are simply no words sufficiently strong to describe the agony of watching it... Being residing in an infinite Michael Bolton concert sitting between Michael Moor and Idi Amin could well be heaven as compared to watching this movie. Thor appears like a whiny closet homosexual. Loki seems like Shaggy of the Scooby Do cartoons which has a Joker-face on crack. His wardrobe appears like it is a costume rejected from the homeless. The dialog seems compiled by a 10 year old during supper. The effects were atrocious and ought to of taken all of the $20 production budget. Thor's love interest provides the face of an hag. Thor uses automatic weapons and cries a good deal. I could continue on... But why? In case you deeply hate someone and want them dead, cause them to watch this movie. Orson Wells leading a training video after eating and enjoying a heavy pasta dinner can be far more entertaining to see... Or Richard Simmons hosting the nightly news on all stations for a year... Well, maybe it's not at all that bad but close! My soul the skin loses but you can save yourself. Will not Watch This Crap! Snooki running for President is preferable. Your psyche will likely be irreparably scarred. You happen to be Warned! There was no point to it also it wasnt funny by any means
#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
у мя все получилось ток вот облако при изменении размера увеличивается и уменьшается а не остается на одном месте((подскажите как сделать
1-10 11-20 21-30 31-38
Добавлять комментарии могут только зарегистрированные пользователи.
[ Регистрация | Вход ]
   
   
На сайте: 1
Посетители: 1
Пользователи: 0
 
 
 
Комментарии

 锘縋etaling Street

Located at the heart of the original Kuala Lumpur Chinatown, Petaling Street is a well known tourist destination. Historically, Chinatown was a popular place among locals... jquamovn » 13 Июл 2014
 FISH-EMPIRE.NET - игра с выводом реальных денег. Старт проекта 31.03.2014.

Для ознакомления нажмите по ссылке: http://fish-empire.net/

Наши Особенности: Свободная статистик... FishEi » 13 Апр 2014
 Заебал....А в другом городе есть проститутки? Славик » 28 Дек 2013
 Поставляем Грунт-эмаль дугостойкую ЭКП-9303ГС (красно-коричневую, серую), а также вы можете купить Cтеклотекстолитовую трубку ТСЭФ ГОСТ 12496-88 в Москве, Санкт-Петербурге, Нижнем-Новгороде, Самаре, Е... Весь спектр диэлектриков » 16 Июл 2013
 Amazing film! TSP absolutely killed it in 2010 and now I would like to go ski. I first saw this in 8th grade around Halloween, i thought it was form of scary, while using aunts poisoning innocent dead... WarafuthLah » 17 Июн 2013
 Але , вы хоть когда пиздите коды , смотрите , что пиздите ?
Найдёте такую стоку в вашем коде - приз !!!!
В коде замените "адрес_Вашего_сайта"
А если я ещё и файлы в папк... Чук и Гек » 04 Июн 2013
 у кого есть хороший юрист знакомый или просто скиньте контакты по семейным делам? дайте контакт адекватного адвоката » 08 Май 2013
 jwTlq http://collectionsacguess.weebly.com - sac à main guess OppKyj MypBam http://boutiqueisabelmarant.weebly.com - boutique isabel marant DvnZgy DqoVin http://isabelmarantprix.weebly.com - isabel ma... sale Intended for Dummies » 12 Апр 2013
 Нужна была помощь специалиста и я искал юридический центр! После чего с трудом обнаружил на http://www.consalt-centr.ru - юридический центр в Московской области
. просмотрел их веб сайт и оформ... Netdruriruilm » 09 Мар 2013
 Подбор текстов неплохой, помещу сайт в закладки. Zubair » 28 Фев 2013
 Excellent:
Many are needed to plant and water what has been planted now that the faith has spread so far and there are so many people... No matter who plants or waters, God gives no harvest unl... Johnot » 23 Фев 2013
 Наткнулся на ссылку: http://srub-dizain.ru/articles/94-profilirovanniybrus - купить профилированный брус от производителя
и я стал задумываться о постройке нового дома! Мне как раз хотелось куп... QuogsAffege » 16 Фев 2013
 
 
 
 
 
 
 
 
 
 
 
   ГлавнаяГалерея сайта
 
Designed by Gorus © - 2018
Rambler's Top100 Рейтинг@Mail.ru MyCounter - счётчик и статистика (посетителей и хитов сегодня) HotLog WOlist.ru - каталог качественных сайтов Рунета