Пятница, 11.07.2025, 00:57
Меню сайта
    Форма входа
    Категории раздела
    скрипты для ucoz сайта [3099]
    шаблоны для ucoz скачать [2660]
    Иконки групп для форума [25]
    Графика для сайта [1953]
    шаблоны psd для фотошопа [27]
    кисти для фотошопа [39]
    уроки фотошопа на русском языке [4]
    стили для фотошопа [3]
    шрифты для фотошопа cs4 [12]
    Web-master [3058]
    Поиск
    Календарь
    «  Апрель 2010  »
    Пн Вт Ср Чт Пт Сб Вс
       1234
    567891011
    12131415161718
    19202122232425
    2627282930
    Архив записей
    Наш опрос
    Умеете ли вы писать скрипты для ucoz?
    Всего ответов: 73
    Мини-чат
    200
    Друзья сайта
  • Официальный блог
  • Сообщество uCoz
  • FAQ по системе
  • Инструкции для uCoz
  • Статистика

    Онлайн всего: 1
    Гостей: 1
    Пользователей: 0
    Главная » 2010 » Апрель » 15 » Вращающееся облако тегов на Ucoz'e (NEW)
    08:20
    Вращающееся облако тегов на Ucoz'e (NEW)
    Динамическое вращающееся облако этих самых тегов! Восклицательный знак стоит по причине того, что я просто без ума от этой крутящейся штуковины, просто какой то магический шар. Очень красивое творение рук человеческих.

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

    Установка:

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

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

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

    Code
    <div id="yoblako">$MYINF_4$</div>  
       
      <script type="text/javascript" src="http://atm.my1.ru/swfobject.js"></script>  
      <script type="text/javascript">  
      var flashvars = {};  
      flashvars.mode = 'tags';  
      flashvars.minFontSize = '8';  
      flashvars.maxFontSize = '22';  
      flashvars.tcolor = '0x0988ff';  
      flashvars.tcolor2 = '0x000000';  
      flashvars.hicolor = '0xd95800';  
      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].text + '</a>';  
      delete eTagz;  
      flashvars.tagcloud += '</tags>';  
      var params = {};  
      params.wmode = 'transparent';  
      params.bgcolor = '#333333';  
      params.allowscriptaccess = 'always';  
      var attributes = {};  
      attributes.id = 'yoblako';  
      attributes.name = 'tagcloud';  
      swfobject.embedSWF('http://atm.my1.ru/tagcloud.swf', 'yoblako', '400', '400', '9.0.0', false, flashvars, params, attributes);  
      </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'овского форума.
    Источник: http://webgrabber.clan.su/news/2009-5-3-28

    Категория: скрипты для ucoz сайта | Просмотров: 344 | Добавил: AntonJkeeee | Рейтинг: 0.0/0
    Всего комментариев: 1
    1 selena80  
    0
    search спасибо ok

    Добавлять комментарии могут только зарегистрированные пользователи.
    [ Регистрация | Вход ]